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

Tipografia

Avatar for brutiko brutiko
January 31, 2014
Design
60
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
130
Responsive web design
Avatar for brutiko brutiko
0
37
Like a boss - Designer empreendedor
Avatar for brutiko brutiko
0
78
NODUS
Avatar for brutiko brutiko
1
380
Intercâmbio Universidade de Aveiro - Portugal
Avatar for brutiko brutiko
1
110

Other Decks in Design

See All in Design
Understanding Branding
Avatar for Rany Fardiany ranyfardiany
0
240
設計と制作 意図を形に表す / Design and Making: Intent Made Form
Avatar for usagimaru usagimaru
3
2k
AIスライドデザインを生成する仕組みを社内共有する
Avatar for 太田賢一 kenichiota0711
7
5.7k
デザイナーが主導権を握る、AI協業の本音と実践
Avatar for satosio satosio
7
3.4k
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
Avatar for Jumpei Sakatsu saka2jp
2
1.3k
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
Avatar for NTT docomo Business nttcom
0
770
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
Avatar for Chris Hass deadlinepoet
0
340
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
1.2k
染み出し好きの、 染み出しコントロール論
Avatar for Takeru Mukai mukai_takeru
0
240
AIでデザインをつくる：基礎編
Avatar for 太田賢一 kenichiota0711
4
3.2k
Figma MCPを活用するためのデザインハンドブック
Avatar for viviON vivion
8
19k
体験負債を資産に変える組織的アプローチ
Avatar for hikarutakase hikarutakase
0
1.6k

Featured

See All Featured
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
Avatar for Ines Montani inesmontani
PRO
3
2.3k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
6k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.1k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.2k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
210
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.2k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
390
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
52k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
2
13k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
510
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
2
52k

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