5.1 | Design Basics

STEP 1 - LEARN Take notes on the following slides as you learn about the principles of design and typography. Y ou will need to know this information for a scavenger hunt later during this class.

Contrast Harmony They are important to remember. Always. Proximity Alignment THE PRINCIPLES Sim p l i city

Contrast Harmony They are important to remember. Always. Proximity Alignment Sim p l i city THE PRINCIPLES

Contrast Harmony They are important to remember. Always. Proximity Alignment Simplicity THE PRINCIPLES

Contrast Harmony They are important to remember. Always. Proximity Alignment Simplicity THE PRINCIPLES

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

Contrast One 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

CONTRAST Pantone Project, Paul Octaviours [IL]

CONTRAST Pantone

Contrast Harmony Every shape, color and font should be repeated at least once, usually more, on a design. Alignment Proximity Simplicity THE PRINCIPLES

HARMONY Les Miserables Movie

HARMONY Lake & Sumpter Magazine Design by Jaime Ezra Mark

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

ALIGNMENT Lululemon

ALIGNMENT Lake & Sumpter Magazine Design by Jaime Ezra Mark

THE PRINCIPLES Contrast Harmony Alignment Proximity Similar ideas, concepts or topics should be closer to one another than unrelated ones. Simplicity

PROXIMITY Projectforawesome.com Design by Karen Kavett

PROXIMITY Design by Liz Rankin, Graphic Designer

THE PRINCIPLES Contrast Harmony Alignment Proximity Simplicity Unnecessary visuals and text are eliminated, no matter how much you love them.

SIMPLICITY Starbucks Corp.

SIMPLICITY Inked Magazine

WHERE DO YOU SEE CONTRAST? Target Corp.

WHERE DO YOU SEE HARMONY? Target Corp.

WHERE DO YOU SEE ALIGNMENT? Target Corp.

WHERE DO YOU SEE ALIGNMENT? Target Corp.

WHERE DO YOU SEE ALIGNMENT? Target Corp.

WHERE DO YOU SEE PROXIMITY? Target Corp.

WHERE DO YOU SEE SIMPLICITY? Target Corp.

NAME THOSE PRINCIPLES Target Corp.

NAME THOSE PRINCIPLES Target Corp.

NAME THOSE PRINCIPLES Target Corp.

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.

TERMS

“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.

COMBINING FONTS Add energy with contrast

TYPE SIZES Type 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.

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 RIGHTCENTERED TEXT ALIGNMENT

NORMAL LEADING LEADING 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. EXPANDED LEADING

NAME THAT TYPE Reebok

NAME THAT TYPE Before & After Magazine

NAME THAT TYPE Converse

PUT IT ALL TOGETHER Pantone

PUT IT ALL TOGETHER Pantone

STEP 2 - PRACTICE Complete Activity Design Scavenger Hunt. –Reference Jostens Adviser & Staff Pinterest page, Internet searches, posters, magazines or books. –Take photos, screen captures or pin your samples to the class Pinterest board, labeled with your name. Complete Activity 5.1 – What’s Your Type?

STEP 3 - USE The file of ideas that you collect should be referenced throughout the year when you are looking for design or coverage inspiration.