Visual Design Basics workshop @ the Designer/Engineer Skillshare May 17, 2011 Teaching Engineers design skills in trade for engineering skills.

1. Visual Design SkillShare
by @ meekalbajaj and @karldotter

2. 2 design examples =

3. Quora.com

4. DustinCurtis.com

5. What do you think
of these designs
visually?

6. You can speak the
language of design.

7. 3 basic patterns:
color, grid, typography

8. Color

9. votizen.com

10. Color helps convey active tab
and hover state visual feedback

11. Grid

18. Typography

19. linkname.com

22. Revisit design examples:
quora.com & dustincurtis.com
• form groups of 2-3
• formulate opinions
• think about grid, color, typography

23. Now, let's share with the group
• phrase questions as themes
around color, grid, typography
• list down the things people noticed

24. Visual design resources:
dribbble.com
forsst.com
ilovetypography.com
nicewebtype.com
colorschemedesigner.com

25. Thanks! for SkillSharing
@ meekalbajaj and @karldotter