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

Design para Programadores - Layout

Avatar for Diogo Beato Diogo Beato
May 07, 2015
Design
1
59

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
90
Testando Models
Avatar for Diogo Beato diogobeato
0
35
Logging proativo com ELKW
Avatar for Diogo Beato diogobeato
0
240
Isomorphic Javascript
Avatar for Diogo Beato diogobeato
0
150
Fundamentos da JVM
Avatar for Diogo Beato diogobeato
0
320
MinMax
Avatar for Diogo Beato diogobeato
0
97
TDC - Breaking Build
Avatar for Diogo Beato diogobeato
0
79
Breaking Build
Avatar for Diogo Beato diogobeato
0
250
Boas Práticas em APIs REST
Avatar for Diogo Beato diogobeato
2
730

Other Decks in Design

See All in Design
How to get a Tiger to Tulsa
Avatar for Brynn McDucky P. mcduckyart
0
110
オリジナルのデザイン地図を作ってみた！〜OpenMapTilesとMaputnikを活用した地図スタイル〜
Avatar for Hajime Kato hjmkth
1
570
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
Avatar for ICHICHI ichichi
2
670
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
Avatar for 北見海貴 kitami
1
180
PF_濵村ひろみ_202503
Avatar for 濱村ひろみ maru_design78
0
180
なぜプレイドにデザインエンジニアが必要だったのか？
Avatar for t32k t32k
0
510
Haley's adventure chase
Avatar for Ivette Molina ivettetwin
0
230
“使いやすい”が生産性を変える！業務を効率化するためのUX/UI設計ポイント
Avatar for NCDC ncdc
2
390
#Dubois Challenge 2025: Economics
Avatar for Anthony Starks ajstarks
0
130
私とデザインの10年
Avatar for なつ iflection
0
150
AIで加速するアクセシビリティのこれから
Avatar for Rikiya Ihara / magi magi1125
3
540
オープンデータを利用して色々なものを作った話
Avatar for Hajime Kato hjmkth
1
110

Featured

See All Featured
Code Review Best Practice
Avatar for Trisha Gee trishagee
69
18k
It's Worth the Effort
Avatar for 3n 3n
185
28k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.4k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
54
11k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
234
140k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
188
11k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
281
13k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
329
21k

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