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
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
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
6
840
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
Avatar for 株式会社ルート root_recruit
0
310
インハウスデザイン組織で挑む自社ブランディング
Avatar for MIXI DESIGN mixi_design
PRO
0
120
AI時代、デザイナーの価値はどこに？
Avatar for Ryotaro Takahashi tararira
0
780
ドルちゃん
Avatar for ドルちゃん design_dolphins
0
580
Drawing for Animation
Avatar for Mandalyn Teo lynteo
2
230
Spacemarket Brand Guide
Avatar for Spacemarket spacemarket
2
290
Shaolin_Showdown
Avatar for Sol Metts solmetts
0
360
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
180
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.2k
社員の意識を高めたブランド浸透施策の裏側！
Avatar for MIXI DESIGN mixi_design
PRO
0
100
ClaudeCodeでマーケターの課題を解決する
Avatar for 太田賢一 kenichiota0711
7
9.4k

Featured

See All Featured
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
2
290
What’s in a name? Adding method to the madness
Avatar for The Alliance productmarketing
PRO
24
4k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.1k
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.4k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
190
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
1
160
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.7k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
310
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
200
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
1
1.3k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
9
36k

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