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
30分でわかるインサイトマネジメント（2025年12月バージョン）
Avatar for Centou centou
1
390
mount_company_profile
Avatar for mount inc. mount_inc
0
4.9k
ユーザー体験は細部に宿る -ウィジェットQAの挑戦と気づき- / UX is in the details: Challenges and Learnings from Widget QA
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
140
AI情報に溺れながら、それでも頑張って泳ぐための思考法
Avatar for Iori67 yoriss67
0
130
CREATIVE CLASS受講課題｜無印良品を題材としたブランド再構築について
Avatar for satoshi kobayashi happy_ferret153
0
610
アンエシカルデザインの枠組みの提案 -HCD-Netダークパターン研究会活動報告-
Avatar for Yu Morita securecat
0
200
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
3
730
プラットフォームに馴染むモバイルアプリデザイン / Mobile App UI Design Lunch LT
Avatar for Hiroki Nagasawa pixyzehn
0
130
見栄えと使いやすさの先にある 特別感 をデザインする / Designing a Sense of Specialness Beyond Aesthetics and Usability
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
250
ドルちゃん
Avatar for ドルちゃん design_dolphins
0
550
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
Avatar for 株式会社ルート root_recruit
0
280
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
140

Featured

See All Featured
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
200
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
39
3k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
650
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
2
250
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
520
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
350
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.2k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Sam Torres - BigQuery for SEOs
Avatar for Tech SEO Connect techseoconnect
PRO
0
190

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