Transcript SR-5.1.ppt
5.1 | Design Basics STEP 1 - LEARN • Take notes on the following slides as you learn about the principles of design and typography. • You will need to know this information for a scavenger hunt later during this class. THE PRINCIPLES Contrast Harmony Alignment Proximity They are important to remember. Simplicity Always. THE Contrast PRINCIPLES Harmony Alignment Proximity They are important to remember. Simplicity Always. THE PRINCIPLES Contrast Harmony Alignment Proximity They are important to remember. Simplicity Always. THE PRINCIPLES Contrast Harmony Alignment Proximity They are important to remember. Simplicity Always. THE PRINCIPLES Contrast Harmony Alignment Proximity Simplicity They are important to remember. Always. THE PRINCIPLES Contrast Harmony Alignment Proximity Simplicity They are important to remember. Always. THE PRINCIPLES • 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 . CONTRAST Pantone Project, Paul Octaviours [IL] CONTRAST Pantone THE PRINCIPLES • • Contrast Harmony Every shape, color and font should be repeated at least once, usually more, on a design. • • • Alignment Proximity Simplicity HARMONY Les Miserables Movie HARMONY Lake & Sumpter Magazine Design by Jaime Ezra Mark THE PRINCIPLES • • • 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 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 Heinz Ketchup 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 TYPE STYLES SERIF fonts have little feet on them. In general, serif fonts are easier to read in long text blocks. “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. 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. TEXT ALIGNMENT JUSTIFIED ALIGN LEFT 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. ALIGN RIGHT 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. CENTERED 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. LEADING NORMAL LEADING EXPANDED 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. 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. 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 5.1 - 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.