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

Tipografia

Avatar for brutiko brutiko
January 31, 2014
Design
1
56

 Tipografia

Avatar for brutiko

brutiko

January 31, 2014
Tweet

More Decks by brutiko

See All by brutiko
Kiehls - Plano de marketing
Avatar for brutiko brutiko
0
110
Responsive web design
Avatar for brutiko brutiko
0
32
Like a boss - Designer empreendedor
Avatar for brutiko brutiko
0
73
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
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
6.9k
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
5
780
DMMデザイナーの “AI活用の現在と未来”
Avatar for TakumaS takumasaito
1
430
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
0
380
2026の目標「もっと定量的に事業、会社へ貢献する！」
Avatar for yuri ohashi yuri_ohashi
0
460
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
Avatar for Kasumi Morita mkasumi
0
1.1k
文化のデザイン - Soft Impact of Design
Avatar for Atsushi Homma atsushihomma
0
130
【サイバーエージェント】Creative Switch 会社説明資料
Avatar for 【CyberAgent】クリエイター新卒採用 cyberagent_creators
0
5k
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
110
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
4
620
図じゃなく言語で描く - Common Ground for Design AI Operations.
Avatar for Kazuki Ikeda kazukiikeda
1
650
公開スライド）熊本市様-電子申請中級編
Avatar for @Garyuten garyuten
0
770

Featured

See All Featured
Amusing Abliteration
Avatar for ianozsvald ianozsvald
0
92
Digital Ethics as a Driver of Design Innovation
Avatar for Per Axbom axbom
PRO
1
170
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.3k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
440
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
130
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.2k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
3.8k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
110
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
62k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
190
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k

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