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

Tipografia

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for brutiko brutiko
January 31, 2014
Design
58
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
36
Like a boss - Designer empreendedor
Avatar for brutiko brutiko
0
77
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
情報を翻訳する-伝わる可視化３原則とオープンデータ活用-
Avatar for Hajime Kato hjmkth
1
280
Mandalyn_DT5001_FinalAssignment.pdf
Avatar for Mandalyn Teo lynteo
0
240
ISO 9241-171:2025っていうのがあってな
Avatar for Shoji Ohashi shosira
1
200
CULTURE DECK／Creative Director
Avatar for M-HAND,Inc. mhand01
0
1.3k
2026年5月24日Redesigner Career Jamご参加者様ご案内資料
Avatar for BASE, Inc. base
PRO
0
180
Drawing_for_Anim_Final_PDF.pdf
Avatar for Mandalyn Teo lynteo
2
160
TUNAG BOOK 2024
Avatar for 株式会社スタメン stmn
PRO
0
1.6k
20251217リビングラボ・トークin尼崎（尼崎おせっかい会議＆オトナテラコヤ）
Avatar for Kimura Atsunobu a2k
0
140
Accelerating performance improvement based on a software review evaluation matrix
Avatar for kitanosirokuma kitanosirokuma
0
250
hicard_credential_202601
Avatar for hicard hicard
0
250
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
Avatar for ChiemiTaki chiemitaki
1
180
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
Avatar for Chris Hass deadlinepoet
0
320

Featured

See All Featured
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.3k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
150
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
220
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
2
580
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
23k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.2k
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
Avatar for Kenny Baas-Schwegler baasie
0
430
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k

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