Clean Design

presented at Yes x Yes Yes (YxYY) unconference

Transcript

1. HELLO!
2. YES! TO CLEAN DESIGN! by @jm3!
3. CLEAN, CLEAR DESIGN ➽ DESIGNING CLEAN THINGS ➽ DESIGNING CLEANLY
4. @JM3 * MUH-NOOG-EE-IN STARTUPS WEB CTO DESIGN
5. Show of hands: designers? ? hackers? hybrids?
6. clean as you go; watch a great chef control your context; live in your project don’t get lost in the details stepwise refinement; aka block it in clean workspace, clean mind: keyboard as brush readme-driven development ➽ copy-driven design photoshop layers clean + well- labeled: hygiene mold your workspace: print work + desktopify non-traditional tools ➽ skitch, keynote, stickies, vim, iPhone Keep file structure organized: leave signposts for others form before color
7. 1 . Clean 7 S
8. 1 8 W r f
9. 1 , S . fr S pw R Blocking 9
10. 1 ? A 10% p , w Mona Lisa 10
11. 1 (probably not)
12. 1 I , w , “ w deployable 12
13. 1 (S r p )
14. 1 r . K p r Layers 14
16. 1 ? [ b ] Fr clean mind 16
19. 2 C r r context 19
20. 2 ( pr r p ) L v r WIP 20
21. Example 2
22. 2 b w r z - . E UI Chrome 22
23. 0 23 [anyone recognize this app?] 2
24. 2 M , F (f) . Pr w r 24 isolation
25. 2 [A -M -C b ] M r b r Shortcuts 25
28. 3 D ’ Details 28
29. 3 Or r color later 29
30. 2 f r r W r Black+White 3 30
31. 3 - r v Pr copy- 31
32. 3 Tr r Tweet 32
34. 3 Or Business 34 r
36. ∞ w 140 r r L Wrap Up 36 ’
37. SOMETHING FOR YOUR POCKET Clean as you go ★ organized Layers, signpost folders, always deployable Design without distractions ★ Master the keyboard, live in the WIP Don’t get lost in details ★ copy-driven design, simple tools, color last by @jm3!
38. “There’s no shame in using the Crayon color picker.” — Me, right now ∞
39. twitter.com/jm3 YES! Feedback, questions, comments: @jm3