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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Kevin Dees
November 03, 2016
Programming
1
180
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
120
Create Your Own Theme Page-Builder in Minutes
kevindees
0
2.3k
CSS Gird
kevindees
0
520
Forms make the web
kevindees
1
310
TypeRocket 3.0: Unleash WordPress and be amazing (Wilmington NC)
kevindees
1
400
TypeRocket 3.0 - Unleash WordPress and Be Amazing
kevindees
0
960
Busting The Loop Lies
kevindees
2
170
Pragmatic WordPress Workflow
kevindees
2
320
Pragmatic WordPress WorkFlow: Theming
kevindees
0
680
Other Decks in Programming
See All in Programming
Claude Code、ちょっとした工夫で開発体験が変わる
tigertora7571
0
190
AIに仕事を丸投げしたら、本当に楽になれるのか
dip_tech
PRO
0
170
2026年は Rust 置き換えが流行る! / 20260220-niigata-5min-tech
girigiribauer
0
210
Go1.26 go fixをプロダクトに適用して困ったこと
kurakura0916
0
310
AI巻き込み型コードレビューのススメ
nealle
2
2.4k
オブザーバビリティ駆動開発って実際どうなの?
yohfee
3
630
モジュラモノリスにおける境界をGoのinternalパッケージで守る
magavel
0
3.3k
エージェント開発初心者の僕がエージェントを作った話と今後やりたいこと
thasu0123
0
220
AI駆動開発の本音 〜Claude Code並列開発で見えたエンジニアの新しい役割〜
hisuzuya
4
440
AIプロダクト時代のQAエンジニアに求められること
imtnd
1
510
2026/02/04 AIキャラクター人格の実装論 口 調の模倣から、コンテキスト制御による 『思想』と『行動』の創発へ
sr2mg4
0
650
CDIの誤解しがちな仕様とその対処TIPS
futokiyo
0
140
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
770
Automating Front-end Workflow
addyosmani
1371
200k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
140
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
chikuwait
0
380
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
280
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
77
Prompt Engineering for Job Search
mfonobong
0
180
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.7k
Into the Great Unknown - MozCon
thekraken
40
2.3k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
96
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
360
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