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
95
Create Your Own Theme Page-Builder in Minutes
kevindees
0
2k
CSS Gird
kevindees
0
410
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
Defying Front-End Inertia: Inertia.js on Rails
skryukov
0
490
Coding Experience Cpp vs Csharp - meetup app osaka@9
harukasao
0
750
AIコードエディタの基盤となるLLMのFlutter性能評価
alquist4121
0
210
Rollupのビルド時間高速化によるプレビュー表示速度改善とバンドラとASTを駆使したプロダクト開発の難しさ
plaidtech
PRO
1
170
Enterprise Web App. Development (1): Build Tool Training Ver. 5
knakagawa
1
110
Dissecting and Reconstructing Ruby Syntactic Structures
ydah
0
700
Building a macOS screen saver with Kotlin (Android Makers 2025)
zsmb
1
150
海外のアプリで見かけたかっこいいTransitionを真似てみる
shogotakasaki
1
170
スモールスタートで始めるためのLambda×モノリス(Lambdalith)
akihisaikeda
2
280
PHP で学ぶ OAuth 入門
azuki
1
200
AIコーディングワークフローの試行 〜AIエージェント×ワークフローでの自動化を目指して〜
rkaga
3
3.7k
Vibe Coding の話をしよう
schroneko
7
1.2k
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
137
6.9k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.5k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
21k
A designer walks into a library…
pauljervisheath
205
24k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
For a Future-Friendly Web
brad_frost
176
9.7k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
12k
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