Presentation is loading. Please wait.

Presentation is loading. Please wait.

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.

Similar presentations


Presentation on theme: "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."— Presentation transcript:

1 5.1 | Design Basics

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

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

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

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

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

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

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

9 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

10 CONTRAST Pantone Project, Paul Octaviours [IL]

11 CONTRAST Pantone

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

13 HARMONY Les Miserables Movie

14 HARMONY Lake & Sumpter Magazine Design by Jaime Ezra Mark

15 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

16 ALIGNMENT Lululemon

17 ALIGNMENT Lake & Sumpter Magazine Design by Jaime Ezra Mark

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

19 PROXIMITY Projectforawesome.com Design by Karen Kavett

20 PROXIMITY Design by Liz Rankin, Graphic Designer

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

22 SIMPLICITY Starbucks Corp.

23 SIMPLICITY Inked Magazine

24 WHERE DO YOU SEE CONTRAST? Target Corp.

25 WHERE DO YOU SEE HARMONY? Target Corp.

26 WHERE DO YOU SEE ALIGNMENT? Target Corp.

27 WHERE DO YOU SEE ALIGNMENT? Target Corp.

28 WHERE DO YOU SEE ALIGNMENT? Target Corp.

29 WHERE DO YOU SEE PROXIMITY? Target Corp.

30 WHERE DO YOU SEE SIMPLICITY? Target Corp.

31 NAME THOSE PRINCIPLES Target Corp.

32 NAME THOSE PRINCIPLES Target Corp.

33 NAME THOSE PRINCIPLES Target Corp.

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

35 TERMS

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

37 COMBINING FONTS Add energy with contrast

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

39 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

40 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

41 NAME THAT TYPE Reebok

42 NAME THAT TYPE Before & After Magazine

43 NAME THAT TYPE Converse

44 PUT IT ALL TOGETHER Pantone

45 PUT IT ALL TOGETHER Pantone

46 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?

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


Download ppt "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."

Similar presentations


Ads by Google