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

Tipografia

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
120
Responsive web design
Avatar for brutiko brutiko
0
32
Like a boss - Designer empreendedor
Avatar for brutiko brutiko
0
74
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
アイデアを加速させる！Firefly ボードで発想の幅を広げよう
Avatar for コネクリ connecre
1
350
OSO2025-マサカリと太陽：伝え方の情報デザイン
Avatar for majimasachi majimasachi
0
750
情報を翻訳する-伝わる可視化３原則とオープンデータ活用-
Avatar for Hajime Kato hjmkth
1
180
Build for the Web, Build on the Web, Build With the Web
Avatar for Harry Roberts csswizardry
0
260
Storyboard Assignment: Storyboard from Comic Strip
Avatar for Mandalyn Teo lynteo
3
220
2026の目標「もっと定量的に事業、会社へ貢献する！」
Avatar for yuri ohashi yuri_ohashi
0
740
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
Avatar for 株式会社NIJIBOX nbkouhou
2
230
第18回サイゼミ
Avatar for LW lw
1
3.5k
Treasure_Hunting
Avatar for Sol Metts solmetts
0
320
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
Avatar for payatsun payatsusan213
0
250
mount_company_profile
Avatar for mount inc. mount_inc
0
5.9k
Storyboard Exercise: Chase Sequence
Avatar for Mandalyn Teo lynteo
1
240

Featured

See All Featured
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
200
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
460
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
150
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
390
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.4k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
63
51k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
Visualization
Avatar for Eitan Lees eitanlees
150
17k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
1.9k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.6k

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