Design Basics for Non-Designers
1 like374 views
The document provides an introduction to basic design principles for non-designers. It defines and discusses key design elements like line, color, typography, hierarchy, alignment, repetition, proximity, balance, contrast, and negative space. It also provides examples of how these principles can be applied and lists some free online design tools and resources for creating visuals like images and infographics. The document concludes by providing a suggested starter project and glossary of design ideas to apply basic principles.
Design Basics for Non-Designers
- 1. Design Basics for Non-Designers Jess Warren @itsheyjess | heyjess.com
- 2. Why does good design matter?
- 3. Line Curved, straight, thick, thin – a line’s properties can evoke specific emotions while also guiding the eye.
- 6. Color Color is made of hue (the color), value (how light/dark it is) and intensity (how bright/dull it is).
- 9. Typography Typography is the art of choosing and arranging fonts, which can project specific emotions and feelings.
- 10. I AM STRONG AND LOUD. I am childish. I am hip and funky. I am elegant yet approachable.
- 14. Hierarchy Hierarchy is how the elements are organized so that the eye flows in a particular pattern across the design.
- 17. Alignment Alignment helps to visually connect pieces in a clean, organized way.
- 20. Repetition Repitition ties together individual elements to strengthen the design or create rhythm or pattern.
- 22. Proximity Proximity is the relationship between design elements.
- 25. Balance Balance is how the weight is distributed throughout the design and provides stability and structure.
- 27. Contrast The juxtaposition of opposing elements. It helps to emphasize or highlight key elements of the design.
- 30. Negative Space The empty space that surrounds an image.
- 35. Design Tools Canva: Create images and infographics Easel.ly: Create images and infographics Visual.ly: Create charts and infographics Infogram: Create charts and infographics Pixlr: Edit photos Prezi: Create dynamic presentations
- 36. Design Resources CreativeBloq Design Envy Pinterest FFFound.com Dribbble Behance Pexels Vintage Printable Creative Market DaFont Google Fonts Articles Inspiration Images, Illustrations and Resources Free Fonts
- 37. Let’s Get Started! 1. Sign up for Canva at canva.com 2. Create a Facebook header or other social media image for your company 3. Design your image using three basic design principles of your choice
- 38. Glossary and Ideas Line: use lines to guide the viewer’s eye or ground type Color: use colors that reflect your brand Typography: use fonts that reflect your brand Hierarchy: choose what the viewer sees first Alignment: align the elements of your design Repetition: experiment with patterns Proximity: experiment with placement Balance: keep the design feeling balanced Contrast: experiment with dark vs. light or hard vs. soft Negative Space: leave some breathing room