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
63

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
95
Testando Models
Avatar for Diogo Beato diogobeato
0
37
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
99
TDC - Breaking Build
Avatar for Diogo Beato diogobeato
0
82
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
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
6.7k
これからの「Webデザイン」の話をしよう～デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値～
Avatar for ミヤケアツシ ds35mm
0
500
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
550
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
3
650
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
230
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
0
360
AIエージェントが対話的なUIを返す！MCP−UIで変わるユーザ体験
Avatar for daitasu daitasu
1
120
“ことば”が苦手なデザイナーへの処方箋 「なんとなく」から「意図」へ、 デザインを動かす言葉の力
Avatar for MIXI DESIGN mixi_design
PRO
1
170
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
760
体験を守るためのデザイン計測
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
190
デザイナーがAIを使い倒して爆速プロダクト開発！社内ハッカソンでの取り組み紹介
Avatar for 都村　美帆 abokadotyann
9
2.9k
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
Avatar for Kasumi Morita mkasumi
0
1.1k

Featured

See All Featured
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.5k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
2
80
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
0
31k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.1k
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
130
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
210
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
2
200
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
69
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
210
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
34
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
0
89

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