CREDITS Guys I showed their work: http://dribbble.com/morgan http://dribbble.com/Icondeposit http://dribbble.com/celegorm http://dribbble.com/robsmittenaar http://dribbble.com/kerem & others. Big thanks! (SlideShare f*cked the font)

1. Design+Tech
Small+Informal

2. +

3. +

4. Design
• Is innovative
• Makes a product useful
• Is aesthetic
• Makes a product understandable
• Is unobtrusive
• Is honest
• Is long‐lasting
• Is thorough down to the last detail
• Is environmentally friendly
• Is as little design as possible

5. Practical
Design Hacks

6. Don’t Use Black
#000000

8. #31210d

10. Use
#111111

11. Design Grayscale
Add Color After

12. Fonts

13. TRY
One Typeface
with Varied Styles
Aller Regular + Aller Regular + Aller Light

14. Aa Aa Aa Aa Aa
Aller Regular + Aller Regular + Aller Light

15. Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Fusce ante urna, rutrum
nec tempor in, pretium placerat erat. Nam
dignissim elementum nulla, a tincidunt
lacus pellentesque sed. Praesent ultrices
pharetra auctor. Cras nec turpis lorem.
Suspendisse eu massa eros, at vestibulum
nibh. Save bold for bold things. Sed auctor
suscipit. Sed rhoncus mi eu nunc onsequat
eget tempor magna tristique. Vestibulum
neque dolor, fermentum volutpat mollis…

16. Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Fusce ante urna, rutrum
nec tempor in, pretium placerat erat. Nam
dignissim elementum nulla, a tincidunt
lacus pellentesque sed. Praesent ultrices
pharetra auctor. Cras nec turpis lorem.
Suspendisse eu massa eros, at vestibulum
nibh. Save bold for bold things. Sed auctor
suscipit. Sed rhoncus mi eu nunc onsequat
eget tempor magna tristique. Vestibulum
neque dolor, fermentum volutpat mollis…

17. Layout

18. Align
controls to
minimize
number of
margins.

19. Space is an Object Too

20. Vertical Rhythm

21. „The label should be
from one to three words only,
and it should be entered
on one line.“

22. Repeat Elements to
Unify a Design
= Consistency

23. Freebies

24. Search: PSD + UI
dribbble.com

27. Colors

29. www.ColorLovers.com

30. One Call to Action

32. Not Easy?
Prioritize!

35. First
Impression

38. www.fotolia.com

42. icons

43. Borrow
Some
Fame

45. Imagine
Your User

47. Consider
one-handed
users

48. Design
for short bursts
of activity

49. Now this is not
the end.
It is not even the beginning of the end.
But it is, perhaps, the end of the beginning.
Winston Churchill