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
65
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
100
Testando Models
Avatar for Diogo Beato diogobeato
0
38
Logging proativo com ELKW
Avatar for Diogo Beato diogobeato
0
260
Isomorphic Javascript
Avatar for Diogo Beato diogobeato
0
170
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
87
Breaking Build
Avatar for Diogo Beato diogobeato
0
260
Boas Práticas em APIs REST
Avatar for Diogo Beato diogobeato
2
760

Other Decks in Design

See All in Design
20260309_3月ICTデザイン勉強会_地域創生2.0
Avatar for Kimura Atsunobu a2k
0
110
Connpass-Xperia_Camera_App_by_HCD.pdf
Avatar for ソニー株式会社 sony
1
650
再設計される業務 - AIにより再設計される "デザインワークフロー" / AI Ops Lab #2 Redesigned orkflows
Avatar for kgsi kgsi
0
680
TUNAG BOOK 2024
Avatar for 株式会社スタメン stmn
PRO
0
1.6k
Drawing_for_Anim_Final_PDF.pdf
Avatar for Mandalyn Teo lynteo
2
150
第18回サイゼミ
Avatar for LW lw
1
3.9k
2026_01_07_３DプリントはじめましたLT.pdf
Avatar for HideakiTakechi hideakitakechi
0
190
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
Avatar for NTT docomo Business nttcom
0
680
タイル紹介サイト「タイルだもんで」
Avatar for しま calpin
0
140
AIスライド生成を進化させるMDファイル
Avatar for 太田賢一 kenichiota0711
0
1.1k
つくり方を変えていく | change-how-we-build
Avatar for mottox2 mottox2
2
1.3k
CREATIVE CLASS受講課題｜無印良品を題材としたブランド再構築について
Avatar for satoshi kobayashi happy_ferret153
0
920

Featured

See All Featured
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
390
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.2k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.3k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
150
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
170
HTML-Aware ERB: The Path to Reactive Rendering @ RubyCon 2026, Rimini, Italy
Avatar for Marco Roth marcoroth
1
130
Making Projects Easy
Avatar for Brett Harned brettharned
120
6.7k
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
1
330

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