5.1 | design basics. contrast they are important to remember. always. the principles simplicity...

23
5.1 | Design Basics

Upload: abraham-booth

Post on 04-Jan-2016

218 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

5.1 | Design Basics

Page 2: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

Contrast

They are important to remember. Always.

THE PRINCIPLES

Simplicity

Harmony

Alignment

Proximity

Page 3: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

• ContrastOne photo or area must be at least two times larger than the

next largest shape. Headlines should be obviously larger than other text.

• Harmony• Alignment• Proximity• Simplicity

.

THE PRINCIPLES

Page 4: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

CONTRAST

Pantone Project, Paul Octaviours [IL]

Page 5: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

• Contrast• Harmony

Every shape, color and font should be repeated at least once, usually more, on a design.

• Alignment• Proximity• Simplicity

THE PRINCIPLES

Page 6: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

HARMONY

Les Miserables Movie

Page 7: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

HARMONY

Lake & Sumpter MagazineDesign by Jaime Ezra Mark

Page 8: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

• Contrast• Harmony• Alignment

Think grids. Think even spacing. Photos and text boxes should align even when on separate facing pages, otherwise known as a Double Page

Spread.

• Proximity• Simplicty

THE PRINCIPLES

Page 9: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

ALIGNMENT

Lululemon

Page 10: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

ALIGNMENT

Lake & Sumpter MagazineDesign by Jaime Ezra Mark

Page 11: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

THE PRINCIPLES• Contrast• Harmony• Alignment• Proximity

Similar ideas, concepts or topics should be closer to one another than unrelated ones.

• Simplicity

Page 12: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

PROXIMITY

Projectforawesome.comDesign by Karen Kavett

Page 13: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

PROXIMITY

Design by Liz Rankin, Graphic Designer

Page 14: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

THE PRINCIPLES• Contrast• Harmony• Alignment• Proximity• Simplicity

Unnecessary visuals and text are eliminated, no matter how much you love them.

Page 15: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

SIMPLICITY

Starbucks Corp.

Page 16: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

SIMPLICITY

Heinz Ketchup

Page 17: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

TYPOGRAPHY• Watch the video “An Intro to

Typography” by Karen Kavett on YouTube.

• Review the following slides, taking notes so you can complete the scavenger hunt later.

Page 18: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

TERMS

Page 19: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

“SANS SERIF” literally means “without serifs.” Sans Serif type does not have feet on the letters.

Full of personality, DECORATIVE fonts should be reserved for headlines and should be used in moderation.

TYPE STYLES

SERIF fonts have little feet on them. In general, serif fonts are easier to read in long text blocks.

Traditional and classic, SCRIPT fonts are often difficult to read, so they should be reserved for headlines and used in moderation.

Page 20: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

COMBINING FONTSAdd energy with contrast

Page 21: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

TYPE SIZESType is measured in points.It is measured from the bottom of a descender to the top of an ascender.

These are all 36 point type.

Page 22: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

With his head in his hands and the sweat coming down his face, sophomore Brandon Gonzales knew it was all worth it when he placed third in the district race. He finished with a time of 20:06 to lead the junior varsity team.

With his head in his hands and the sweat coming down his face, sophomore Brandon Gonzales knew it was all worth it when he placed third in the district race. He finished with a time of 20:06 to lead the junior varsity team.

With his head in his hands and the sweat coming down his face,

sophomore Brandon Gonzales knew it was all worth it when he

placed third in the district race. He finished with a time of 20:06 to

lead the junior varsity team.

With his head in his hands and the sweat coming down his face,

sophomore Brandon Gonzales knew it was all worth it when he

placed third in the district race. He finished with a time of 20:06 to

lead the junior varsity team.

JUSTIFIED ALIGN LEFT

ALIGN RIGHT CENTERED

TEXT ALIGNMENT

Page 23: 5.1 | Design Basics. Contrast They are important to remember. Always. THE PRINCIPLES Simplicity Harmony Alignment Proximity

ASSIGNMENT

• You will find examples from the handout on-line. You will not be taking pictures. Find examples, copy and paste them into a Word document. When you are finished, email the assignment to me with your name on it. Please label each example.