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
98
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
60
Create Your Own Theme Page-Builder in Minutes
kevindees
0
1.8k
CSS Gird
kevindees
0
230
Forms make the web
kevindees
1
180
TypeRocket 3.0: Unleash WordPress and be amazing (Wilmington NC)
kevindees
1
290
TypeRocket 3.0 - Unleash WordPress and Be Amazing
kevindees
0
580
Busting The Loop Lies
kevindees
2
120
Pragmatic WordPress Workflow
kevindees
2
260
Pragmatic WordPress WorkFlow: Theming
kevindees
0
620
Other Decks in Programming
See All in Programming
try!Swift Tokyo 2024 参加報告 LT
akidon0000
1
210
Semantic search with Django and pgvector
pauloxnet
0
240
Rails と人魚の話/rails-and-mermaid
sanfrecce_osaka
0
100
코틀린으로 멀티플랫폼 만들기
pangmoo
0
140
OpenAPIを中心に考えるAPI開発入門 / Introduction to API Development with a Focus on OpenAPI
seike460
PRO
2
160
GitHub Actionsで泣かないためにやっておきたい設定 / Recommended GHA settings to avoid crying
pinkumohikan
3
520
ADRを一年運用してみた/adr_after_a_year
hanhan1978
7
2.3k
新宿ダンジョンを可視化してみた
satoshi7190
2
200
Git Lint
bkuhlmann
4
750
Blue/Greenデプロイの導入による 運用フローの改善
kudoas
1
360
VSCodeでのDatabricks開発もお勧めしたい/I would also recommend Databricks development with VSCode.
kazumain
0
250
MicrosoftのPlatform Engineeringガイドを読んで実際になにかやってみた
ymd65536
1
240
Featured
See All Featured
Designing the Hi-DPI Web
ddemaree
276
33k
The Language of Interfaces
destraynor
151
23k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
Web development in the modern age
philhawksworth
202
10k
Typedesign – Prime Four
hannesfritz
36
2.1k
Stop Working from a Prison Cell
hatefulcrawdad
266
19k
Music & Morning Musume
bryan
41
5.6k
Into the Great Unknown - MozCon
thekraken
10
990
Testing 201, or: Great Expectations
jmmastey
27
6.3k
Robots, Beer and Maslow
schacon
PRO
155
7.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.4k
Producing Creativity
orderedlist
PRO
336
39k
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