Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Design for Developers
Search
Kevin Dees
November 03, 2016
Programming
1
110
Design for Developers
Kevin Dees
November 03, 2016
Tweet
Share
More Decks by Kevin Dees
See All by Kevin Dees
The Hidden Features Of CSS
kevindees
1
70
Create Your Own Theme Page-Builder in Minutes
kevindees
0
1.9k
CSS Gird
kevindees
0
260
Forms make the web
kevindees
1
210
TypeRocket 3.0: Unleash WordPress and be amazing (Wilmington NC)
kevindees
1
300
TypeRocket 3.0 - Unleash WordPress and Be Amazing
kevindees
0
630
Busting The Loop Lies
kevindees
2
130
Pragmatic WordPress Workflow
kevindees
2
260
Pragmatic WordPress WorkFlow: Theming
kevindees
0
630
Other Decks in Programming
See All in Programming
From Spring Boot 2 to Spring Boot 3 with Java 22 and Jakarta EE
ivargrimstad
0
1.9k
Introduction of Happy Eyeballs Version 2 (RFC8305) to the Socket library
coe401_
1
220
Javaの現状2024夏 / Java current status 2024 summer
kishida
4
1.4k
最近追加した型の紹介とその振り返り
aki19035vc
0
180
初心者がおさえておきたいAWS CDKのベストプラクティス 2024
konokenj
15
7.3k
Terraformテスト入門
msato
0
540
スクラムマスターって孤独じゃないですか?
yoshitaroyoyo
1
140
入社1ヶ月でここまでやった!Findy Toolsインフラ支援の最適化
rvirus0817
6
1.4k
Cloudflare Workers x AWS Lambdaの組み合わせユースケース / Cloudflare Workers x AWS Lambda Combination Use Case
seike460
PRO
2
310
20240706_CDKConf
takuyay0ne
0
1.2k
CSC307 Lecture 05
javiergs
PRO
0
210
HMSコンペ 11th Solution (team : kansai-kaggler)
t88
1
680
Featured
See All Featured
Building Applications with DynamoDB
mza
89
5.8k
Speed Design
sergeychernyshev
9
270
YesSQL, Process and Tooling at Scale
rocio
166
14k
Practical Orchestrator
shlominoach
185
10k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
277
13k
Facilitating Awesome Meetings
lara
46
5.8k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
34
1.9k
Designing with Data
zakiwarfel
96
5k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
360
22k
Why Our Code Smells
bkeepers
PRO
332
56k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
248
20k
Transcript
Design for Devlopers
Design = Solving Problems
Users First
Steal like an artist
Patterns
→ Menu → Footer → Header → Dropdown → Login
Forms
Typography
None
Large x-height for body copy
Use good line height
None
lines 45 to 75 characters
Serif for body copy
Classic typographic scale
None
http://type-scale.com/
Font Pairing
http://fontpair.co/
Ligatures
None
Content is King
None
None
Color
None
→ Primary → Secondary → Tertairy → Complementary → Triads
None
None
None
None
None
https://color.adobe.com
None
Photography
Looking Room
None
None
Rule of Thirds
None
High small, low tall
Take advantage of shadows and lighting
Interaction
Click vs Hover
For every action, there is an equal and opposite reaction
Microinteraction
Do one task well
None
None
None
Emotion
Design for Humans
Consider a persons relationships
Personality
Quick Tips
Use a global light source
Free Icons
Wireframe Your Ideas
Find inspiration
Finally, go design something