Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design for Developers

Kevin Dees
November 03, 2016
Programming
1
130

Design for Developers

Kevin Dees

November 03, 2016
Tweet

More Decks by Kevin Dees

See All by Kevin Dees
The Hidden Features Of CSS
kevindees
1
83
Create Your Own Theme Page-Builder in Minutes
kevindees
0
2k
CSS Gird
kevindees
0
350
Forms make the web
kevindees
1
240
TypeRocket 3.0: Unleash WordPress and be amazing (Wilmington NC)
kevindees
1
330
TypeRocket 3.0 - Unleash WordPress and Be Amazing
kevindees
0
690
Busting The Loop Lies
kevindees
2
140
Pragmatic WordPress Workflow
kevindees
2
280
Pragmatic WordPress WorkFlow: Theming
kevindees
0
640

Other Decks in Programming

See All in Programming
Оптимизируем производительность блока Казначейство
lamodatech
0
940
KubeCon NA 2024の全DB関連セッションを紹介
nnaka2992
0
120
asdf-ecspresso作って 友達が増えた話 / Fujiwara Tech Conference 2025
koluku
0
1.1k
責務を分離するための例外設計 - PHPカンファレンス 2024
kajitack
9
2.3k
AHC041解説
terryu16
0
310
ある日突然あなたが管理しているサーバーにDDoSが来たらどうなるでしょう？知ってるようで何も知らなかったDDoS攻撃と対策 #phpcon.2024
akase244
2
7.7k
.NETでOBS Studio操作してみたけど…… / Operating OBS Studio by .NET
skasweb
0
120
Jaspr Dart Web Framework 박제창 @Devfest 2024
itsmedreamwalker
0
150
ISUCON14感想戦で85万点まで頑張ってみた
ponyo877
1
570
ESLintプラグインを使用してCDKのセオリーを適用する
yamanashi_ren01
2
200
QA環境で誰でも自由自在に現在時刻を操って検証できるようにした話
kalibora
1
140
Beyond ORM
77web
11
1.6k

Featured

See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
Faster Mobile Websites
deanohume
305
30k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Thoughts on Productivity
jonyablonski
68
4.4k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Unsuck your backbone
ammeep
669
57k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.6k
A designer walks into a library…
pauljervisheath
205
24k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3.1k

Transcript

  1. Design for Devlopers

  2. Design = Solving Problems

  3. Users First

  4. Steal like an artist

  5. Patterns

  6. → Menu → Footer → Header → Dropdown → Login

    Forms

  7. Typography

  8. None

  9. Large x-height for body copy

  10. Use good line height

  11. None

  12. lines 45 to 75 characters

  13. Serif for body copy

  14. Classic typographic scale

  15. None

  16. http://type-scale.com/

  17. Font Pairing

  18. http://fontpair.co/

  19. Ligatures

  20. None

  21. Content is King

  22. None
  23. None

  24. Color

  25. None

  26. → Primary → Secondary → Tertairy → Complementary → Triads

  27. None
  28. None
  29. None
  30. None
  31. None

  32. https://color.adobe.com

  33. None

  34. Photography

  35. Looking Room

  36. None
  37. None

  38. Rule of Thirds

  39. None

  40. High small, low tall

  41. Take advantage of shadows and lighting

  42. Interaction

  43. Click vs Hover

  44. For every action, there is an equal and opposite reaction

  45. Microinteraction

  46. Do one task well

  47. None
  48. None
  49. None

  50. Emotion

  51. Design for Humans

  52. Consider a persons relationships

  53. Personality

  54. Quick Tips

  55. Use a global light source

  56. Free Icons

  57. Wireframe Your Ideas

  58. Find inspiration

  59. Finally, go design something