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

Design para Programadores - Layout

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Diogo Beato Diogo Beato
May 07, 2015
Design
1
64

Design para Programadores - Layout

slides para a apresentação do papo reto na Bluesoft falando sobre design para programadores

Avatar for Diogo Beato

Diogo Beato

May 07, 2015
Tweet

More Decks by Diogo Beato

See All by Diogo Beato
Cloud Native Banking
Avatar for Diogo Beato diogobeato
1
97
Testando Models
Avatar for Diogo Beato diogobeato
0
38
Logging proativo com ELKW
Avatar for Diogo Beato diogobeato
0
250
Isomorphic Javascript
Avatar for Diogo Beato diogobeato
0
160
Fundamentos da JVM
Avatar for Diogo Beato diogobeato
0
340
MinMax
Avatar for Diogo Beato diogobeato
0
100
TDC - Breaking Build
Avatar for Diogo Beato diogobeato
0
84
Breaking Build
Avatar for Diogo Beato diogobeato
0
260
Boas Práticas em APIs REST
Avatar for Diogo Beato diogobeato
2
750

Other Decks in Design

See All in Design
アクセシビリティ推進を続けられるようにするヒント - Accessibility Conference CHIBA 2025
Avatar for uto usui uto
0
180
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
Avatar for 株式会社ルート root_recruit
0
280
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.5k
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
26k
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
2
510
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
1.3k
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
300
【MIXI MEETUP！ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ！生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
Avatar for MIXI DESIGN mixi_design
PRO
0
200
デザインコンテキストのバトンをつなぐ—AI時代のプロダクトマネジメント
Avatar for kumano ayumi kumanoayumi
6
850
爆速開発でAIプロダクトが40万インプレッションになった話
Avatar for つぶら tsubura
0
160
TUNAG BOOK 2024
Avatar for 株式会社スタメン stmn
PRO
0
1.4k
Vibe Coding デザインシステム
Avatar for poteboy poteboy
3
1.6k

Featured

See All Featured
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
220
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.3k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
269
14k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.2k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
7.9k
A Soul's Torment
Avatar for Nat Ma seathinner
5
2.3k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.7k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
62
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
62
50k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
120
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.1k

Transcript

  1. Design para Programadores Diogo Beato - @dvbeato

  2. Também quero desenvolver sites bonito

  3. Cores Layout Tipografia

  4. Hierarquia Visual

  5. Formato da nossa Leitura

  6. Posicionamento

  7. Posicionamento

  8. Posicionamento

  9. Posicionamento

  10. Posicionamento

  11. Posicionamento

  12. Posicionamento

  13. Posicionamento

  14. Posicionamento

  15. whitespaces

  16. whitespaces

  17. whitespaces

  18. whitespaces

  19. whitespaces

  20. Simetria

  21. Simetria

  22. Simetria

  23. Grids

  24. None