Design for Developers

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
9. Large x-height for body copy
10. Use good line height
12. lines 45 to 75 characters
13. Serif for body copy
14. Classic typographic scale
16. http://type-scale.com/
17. Font Pairing
18. http://fontpair.co/
19. Ligatures
21. Content is King
24. Color
26. → Primary → Secondary → Tertairy → Complementary → Triads
32. https://color.adobe.com
34. Photography
35. Looking Room
38. Rule of Thirds
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
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