design basics for non-designers

38
Design Basics for Non-Designers Jess Warren @itsheyjess | heyjess.com

Upload: dawn-weathersbee

Post on 19-Aug-2015

137 views

Category:

Marketing


2 download

TRANSCRIPT

Page 1: Design Basics for Non-Designers

Design Basics for Non-Designers

Jess Warren @itsheyjess | heyjess.com

Page 2: Design Basics for Non-Designers

Why does good design matter?

Page 3: Design Basics for Non-Designers

Line Curved, straight, thick, thin – a line’s

properties can evoke specific emotions while also guiding the eye.

Page 4: Design Basics for Non-Designers
Page 5: Design Basics for Non-Designers
Page 6: Design Basics for Non-Designers

Color Color is made of hue (the color), value (how light/dark it is) and intensity (how bright/dull it is).

Page 7: Design Basics for Non-Designers
Page 8: Design Basics for Non-Designers
Page 9: Design Basics for Non-Designers

Typography Typography is the art of choosing and

arranging fonts, which can project specific emotions and feelings.

Page 10: Design Basics for Non-Designers

I AM STRONG AND LOUD.

I am childish.

I am hip and funky.

I am elegant yet approachable.

Page 11: Design Basics for Non-Designers
Page 12: Design Basics for Non-Designers
Page 13: Design Basics for Non-Designers
Page 14: Design Basics for Non-Designers

Hierarchy Hierarchy is how the elements are

organized so that the eye flows in a particular pattern across the design.

Page 15: Design Basics for Non-Designers
Page 16: Design Basics for Non-Designers
Page 17: Design Basics for Non-Designers

Alignment Alignment helps to visually connect

pieces in a clean, organized way.

Page 18: Design Basics for Non-Designers
Page 19: Design Basics for Non-Designers
Page 20: Design Basics for Non-Designers

Repetition Repitition ties together individual elements to strengthen the design

or create rhythm or pattern.

Page 21: Design Basics for Non-Designers
Page 22: Design Basics for Non-Designers

Proximity Proximity is the relationship between design elements.

Page 23: Design Basics for Non-Designers
Page 24: Design Basics for Non-Designers
Page 25: Design Basics for Non-Designers

Balance Balance is how the weight is

distributed throughout the design and provides stability and structure.

Page 26: Design Basics for Non-Designers
Page 27: Design Basics for Non-Designers

Contrast The juxtaposition of opposing

elements. It helps to emphasize or highlight key elements of the design.

Page 28: Design Basics for Non-Designers
Page 29: Design Basics for Non-Designers
Page 30: Design Basics for Non-Designers

Negative Space The empty space that surrounds an image.

Page 31: Design Basics for Non-Designers
Page 32: Design Basics for Non-Designers
Page 33: Design Basics for Non-Designers
Page 34: Design Basics for Non-Designers
Page 35: Design Basics for Non-Designers

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

Page 36: Design Basics for Non-Designers

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

Page 37: Design Basics for Non-Designers

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

Page 38: Design Basics for Non-Designers

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