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
91
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
160
Fundamentos da JVM
Avatar for Diogo Beato diogobeato
0
330
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
740

Other Decks in Design

See All in Design
ランドマークが光る！季節を彩るナビ体験 - Mobility Night #3 -
Avatar for tetsuya kitauji kitau
0
120
生成AIを活用した組み込みSW設計書検索システム開発
Avatar for matsukada licux
7
1.4k
Карта реализации историй. Технология осмысленной работы с детальными требованиями
Avatar for Andrew Shapiro ashapiro
0
120
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
Avatar for Tomoya AZUMA t_east
1
1.3k
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ！
Avatar for Akiko Kurono cremacrema
0
1.5k
harutaka Vision Deck
Avatar for ZENKIGEN,Inc. zenkigenforrecruit
0
220
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
270
【最新】マズロー安達の弟子実績（1期-4期の26人分）
Avatar for マズロー安達 maslow_akkun
0
2.1k
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.8k
Spectrum Tokyo_ デザイナーが事業責任者になってみた
Avatar for Woo seop Shin shin_2
0
130
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
Avatar for Saiko.T _psyc0_
0
310
企画を動かすデザイナーの思考！「広げて絞る」アプローチ。
Avatar for Hikida Kan hikidakan
0
160

Featured

See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
46
7.6k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
330
21k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
112
20k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.8k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.5k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
271
21k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.9k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
268
13k

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