Top Banner
5.1 | Design Basics
23

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

Jan 04, 2016

Download

Documents

Abraham Booth
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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.