Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Design para Programadores - Layout

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

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

More Decks by Diogo Beato

See All by Diogo Beato
Cloud Native Banking
Avatar for Diogo Beato diogobeato
1
120
Testando Models
Avatar for Diogo Beato diogobeato
0
44
Logging proativo com ELKW
Avatar for Diogo Beato diogobeato
0
270
Isomorphic Javascript
Avatar for Diogo Beato diogobeato
0
180
Fundamentos da JVM
Avatar for Diogo Beato diogobeato
0
350
MinMax
Avatar for Diogo Beato diogobeato
0
110
TDC - Breaking Build
Avatar for Diogo Beato diogobeato
0
90
Breaking Build
Avatar for Diogo Beato diogobeato
0
270
Boas Práticas em APIs REST
Avatar for Diogo Beato diogobeato
2
770

Other Decks in Design

See All in Design
[Unity] VAT×VFX Graphがいま個人的にアツイという話
Avatar for sakiama sakiyama
0
130
Spectrum Tokyo Meetup #26「できることが増えた時、デザイナーは何に時間を使うべきか」
Avatar for Muture muture
PRO
0
330
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
Avatar for ChiemiTaki chiemitaki
1
490
エンジニア経験0のデザイナーが アプリを0からリリースまで 作ってみる
Avatar for 都村　美帆 abokadotyann
2
400
The ISO 25964 standard on Information and documentation — Thesauri and interoperability with other vocabularies
Avatar for AccessInnovations accessinnovations
0
270
デザインレビューを「他者へのおすそわけ」に再定義し、たのしい場にする試み
Avatar for Beeworks Marketing Design webnaut
0
110
LP制作のための熱量ハーネス -人の熱量を、AIとの制作につなぐ-
Avatar for niccy niccy
0
1.8k
2026/8/20　Polaris15周年イベント 『共創の場をつくる』 〜 誰もが『心地よく暮らし、心地よくはたらく』ことを選択できる社会へ 〜 関係性から地域をつくりなおす共創の土壌づくり 〜リビングラボの事例を通じて〜
Avatar for Kimura Atsunobu a2k
0
110
SERVICE PAMPHLET
Avatar for M-HAND,Inc. mhand01
0
6.1k
プレゼンスライド作成で意識していること
Avatar for きみちゃん kimichan
0
140
HeartLanguage - DesignProcess
Avatar for HeartLanguage heartlanguage
0
220
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
Avatar for 松村 大貴｜Butterfly Lab株式会社 dmattsun
2
780

Featured

See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.5k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
74
43k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
20k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.6k
Building a A Zero-Code AI SEO Workflow
Avatar for Ian Lurie portentint
PRO
0
780
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
31k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
350
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
530
Building an army of robots
Avatar for Kyle Neath kneath
307
47k

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