Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Tipografia

Avatar for brutiko brutiko
January 31, 2014
Design
56
1

 Tipografia

Avatar for brutiko

brutiko

January 31, 2014

More Decks by brutiko

See All by brutiko
Kiehls - Plano de marketing
Avatar for brutiko brutiko
0
120
Responsive web design
Avatar for brutiko brutiko
0
32
Like a boss - Designer empreendedor
Avatar for brutiko brutiko
0
76
NODUS
Avatar for brutiko brutiko
1
380
Intercâmbio Universidade de Aveiro - Portugal
Avatar for brutiko brutiko
1
100

Other Decks in Design

See All in Design
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
Avatar for Kimura Atsunobu a2k
1
140
設計と制作 意図を形に表す / Design and Making: Intent Made Form
Avatar for usagimaru usagimaru
3
1.4k
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
Avatar for Jumpei Sakatsu saka2jp
2
1.1k
チームをデザイン対象にする / Design for your team
Avatar for 株式会社カミナシ kaminashi
1
1k
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
Avatar for Yu Morita securecat
1
420
【サイバーエージェント】Creative Switch 会社説明資料
Avatar for 【CyberAgent】クリエイター新卒採用 cyberagent_creators
0
5.5k
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
Avatar for NTT docomo Business nttcom
0
500
デザインの文脈を理解する：エンジニアがデザインカンファレンスに参加して得た学びと気づき
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
160
つくり方を変えていく | change-how-we-build
Avatar for mottox2 mottox2
2
980
情報を翻訳する-伝わる可視化３原則とオープンデータ活用-
Avatar for Hajime Kato hjmkth
1
190
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.5k
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
290

Featured

See All Featured
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
160
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
150
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
61
43k
Leveraging Curiosity to Care for An Aging Population
Avatar for Cassini Nazir cassininazir
1
210
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
290
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.1k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
880
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
200
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
880
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
2
1.7k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
Designing for Performance
Avatar for Lara Hogan lara
611
70k

Transcript

  1. doses

  2. primeiras escritas...

  3. ROMANA Gótica Corsiva

  4. esculpir em madeira | carimbo | xilogravura

  5. Johannes Gutenberg 1439 PRENSA

  6. Johannes Gutenberg 1439 IMPRENSA

  7. tipos metais organizar linhas de tipo caixa alta/baixa

  8. Nomenclaturas | fontes digitais | css serifa - kerning -

    baseline

  9. máquina inspetor bugiganga cunhar linha tipográfica espécie de teclado

  10. Revolução | Editorias

  11. gravuras tipográficas

  12. Tipógrafos | Famílias tipográficas

  13. Garamond 1540

  14. Bodoni & 1798

  15. 1800

  16. Cooper Black 1921

  17. 1927

  18. None
  19. None
  20. None
  21. None

  22. 1967

  23. Milton Glaser New York State marketing campaign 1977

  24. Comic Sans 1994 Microsoft

  25. None
  26. None
  27. None
  28. None
  29. None

  30. tipografia que fala

  31. None
  32. None

  33. ibm bitmap typewriter

  34. primeira tipografia digital

  35. Open Type | 1997

  36. criação de tipografia font lab

  37. None
  38. None
  39. None
  40. None
  41. None

  42. Escolho uma tipografia!? Crio uma tipografia? Roubo uma tipografia?

  43. legibilidade identidade aplicação Escolha uma fonte com o estilo adequado

    Deixe o corpo no mínimo 12px - 16px De que modo a tipografia será aplicada

  44. Legibilidade Kerning Entrelinhas/Densidade Extensão da linha Tamanho da fonte

  45. None
  46. None
  47. None
  48. None
  49. None

  50. • A choice of high quality open source fonts. •

    Works in most browsers. • Extremely easy to use.

  51. @font-face {} | css rule | web safe fonts

  52. None
  53. None
  54. None

  55. Keep in mind Qual a finalidade do projeto? Quem vai

    ler e de onde? Dúvida? aumenta a tipo
  56. None
  57. None

  58. Bruna Tiemi Kochi @brutiko