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
150
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
100
Create Your Own Theme Page-Builder in Minutes
kevindees
0
2.1k
CSS Gird
kevindees
0
440
Forms make the web
kevindees
1
280
TypeRocket 3.0: Unleash WordPress and be amazing (Wilmington NC)
kevindees
1
360
TypeRocket 3.0 - Unleash WordPress and Be Amazing
kevindees
0
820
Busting The Loop Lies
kevindees
2
150
Pragmatic WordPress Workflow
kevindees
2
300
Pragmatic WordPress WorkFlow: Theming
kevindees
0
660
Other Decks in Programming
See All in Programming
来たるべき 8.0 に備えて React 19 新機能と React Router 固有機能の取捨選択とすり合わせを考える
oukayuka
2
870
AIプログラマーDevinは PHPerの夢を見るか?
shinyasaita
1
170
Rubyでやりたい駆動開発 / Ruby driven development
chobishiba
1
470
技術同人誌をMCP Serverにしてみた
74th
1
430
Kotlin エンジニアへ送る:Swift 案件に参加させられる日に備えて~似てるけど色々違う Swift の仕様 / from Kotlin to Swift
lovee
1
260
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
nealle
0
110
プロダクト志向ってなんなんだろうね
righttouch
PRO
0
170
GraphRAGの仕組みまるわかり
tosuri13
8
500
PicoRuby on Rails
makicamel
2
110
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
seike460
PRO
1
700
ふつうの技術スタックでアート作品を作ってみる
akira888
0
170
Java on Azure で LangGraph!
kohei3110
0
170
Featured
See All Featured
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Speed Design
sergeychernyshev
32
1k
The Invisible Side of Design
smashingmag
300
51k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Thoughts on Productivity
jonyablonski
69
4.7k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Making Projects Easy
brettharned
116
6.3k
What's in a price? How to price your products and services
michaelherold
246
12k
It's Worth the Effort
3n
185
28k
A Modern Web Designer's Workflow
chriscoyier
694
190k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.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