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
140
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
98
Create Your Own Theme Page-Builder in Minutes
kevindees
0
2k
CSS Gird
kevindees
0
420
Forms make the web
kevindees
1
280
TypeRocket 3.0: Unleash WordPress and be amazing (Wilmington NC)
kevindees
1
350
TypeRocket 3.0 - Unleash WordPress and Be Amazing
kevindees
0
790
Busting The Loop Lies
kevindees
2
140
Pragmatic WordPress Workflow
kevindees
2
290
Pragmatic WordPress WorkFlow: Theming
kevindees
0
650
Other Decks in Programming
See All in Programming
fieldalignmentから見るGoの構造体
kuro_kurorrr
0
130
Носок на сок
bo0om
0
1.1k
Serving TUIs over SSH with Go
caarlos0
0
560
監視 やばい
syossan27
12
10k
20250426 GDGoC 合同新歓 - GDGoC のススメ
getty708
0
110
On-the-fly Suggestions of Rewriting Method Deprecations
ohbarye
1
4.7k
파급효과: From AI to Android Development
l2hyunwoo
0
160
iOSアプリで測る!名古屋駅までの 方向と距離
ryunakayama
0
150
プロフェッショナルとしての成長「問題の深掘り」が導く真のスキルアップ / issue-analysis-and-skill-up
minodriven
8
1.9k
ASP.NETアプリケーションのモダナイゼーションについて
tomokusaba
0
240
Make Parsers Compatible Using Automata Learning
makenowjust
2
6.9k
Qiita Bash
mercury_dev0517
2
220
Featured
See All Featured
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
41
2.3k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
Build your cross-platform service in a week with App Engine
jlugia
230
18k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.8k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
47
2.7k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Mobile First: as difficult as doing things right
swwweet
223
9.6k
A better future with KSS
kneath
239
17k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
780
The Cult of Friendly URLs
andyhume
78
6.3k
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