Introduction to visual design fundamentals

1. Introduction to visual design fundamentals General Assembly 20 RULES FOR MAKING GOOD DESIGN Sourced from the book: Design Elements: A Graphic Style Manual by Timothy Samara, Rockport Press

2. Introduction Graphic design isn’t just imagery for marketing, it is also commentary, opinion, a point of view, and social responsibility. INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

3. ON Good & Bad design Notions of “good” and “bad” design refer to quality sometimes aesthetic and also sometimes functional choices. INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

4. 20 rules for making good design Some say rules = limitations? I say rules are guidelines! “Rules can be broken, but not ignored.” – David Jury (Swiss Typographer and Author) INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

5. 1 Have a concept.Good designs are born from a story a message. INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

6. 1 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

7. 1 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

8. 2 Communicate don’t decorate.Form carries meaning. INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

9. 2 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

10. 2 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

11. 3 Speak with one visual voice.Do all elements relate and are created in the same language and tone? Use consistent colors, typography and forms. INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

12. 3 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

13. 4 Use two typeface families maximum. OK, maybe three.A change in typeface signals a change in meaning or function to the reader. INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

14. 4 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

15. 4 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

16. 5 The one two punch!Have a visual hierarchy. Focus the viewers attention on the most important thing first and then lead them through the rest. INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

17. 5 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

18. 6 Pick colors thoughtfully and on purpose.Learn what colors will do when combined. Ask yourself how will these colors communicate. Colors carry psychological meaning. Additionally choose colors that are right not what is expected. INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

19. 6 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

20. 7 Keep it simple.If you can say the same thing with less don’t choose to add more. A simplier message will communicate the most effectively. INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

21. 7 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

22. 8 Negative space (white space) is magical!Space separates content and can be used to lead the eye. INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

23. 8 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

24. 9 Treat type as image.Type is also visual material just as useful as imagery. INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

25. 9 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

26. 10 Type is only type when it’s friendly.Make it legible and readable. Always! INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

27. 10 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

28. 11 Be universal;remember not to insert ourselves too much into our work.Make your message for the perspective of the masses and not to satisfy your own tastes. INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

29. 11 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

30. 12 Squish and separate.Create contrasts, density, visual rhythms. Pull some material closer together and other farther apart. INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

31. 12 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

32. 13 Distribute light and dark (like firecrackers and the rising sun).Make sure you have a wide tonal range in your design. INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

33. 13 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

34. 14 Be decisive. Do things on purpose, or don’t do them at all.Make clear decisions about size and arrangement. INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

35. 14 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

36. 15 Measure with your eyes: design is visual.Trust your eyes to judge and not the measuring tools of the computer or ruler. Squares always look larger than Circles with the same height. Compensate optical illusions by trusting your eye (make the circles larger). INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

37. 15 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

38. 16 Create images yourself---don’t scavenge.Commonly used stock images and graphics are often recognized as such. INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

39. 16 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

40. 16 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

41. 16 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

42. 17 Ignore fashion.Base your design on the meaning to be communicated and do not fall into the surrounding trends of style. These will be short lived and ultimately replaced anyway. INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

43. 17 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

44. 17 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

45. 18 Create movement in color and layout.Static = dull.Movement = interest and attention. INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

46. 18 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

47. 18 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

48. 19 Look to history, but don’t repeat it.Its good to look to the past to gain context of where we are and what styles evolved to newer styles, but do not repeat. Move design forward by doing your own work and in your own way. INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

49. 19 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS

50. 19 INTRODUCTION TO VISUAL DESIGN FUNDAMENTALS