FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS
CAN YOU ALL HEAR ME?
SPECIAL ANNOUNCEMENT Win a Lifetime Membership to Shaw Academy The draw will be held live during Lesson 8 * CONDITIONS Attend at least 4 lessons before lesson 8
LESSON 7 Introduction to Typography
WHAT IS TYPOGRAPHY? Typography is, quite simply, the art and technique of arranging type.
Friendly Feminine Modern AGGRESSIVE Chaotic Masculine Calm Traditional WHY TYPOGRAPHY IS IMPORTANT
WHY TYPOGRAPHY IS IMPORTANT
TYPEFACES V FONTS TYPEFACE FONT = Franklin Gothic Book Franklin Gothic Medium Franklin Gothic Demi Franklin Gothic Book Franklin Gothic Heavy Franklin Gothic Medium Condensed Franklin Gothic Demi Condensed
BASIC FORMS Serif Sans-Serif
BASIC FORMS Serif Serif
BASIC FORMS Serif
BASIC FORMS Serif Bracketed Un-bracketed
BASIC FORMS Serif Slab Serif
BASIC FORMS Serif Slab Serif
BASIC FORMS Sans-Serif Sans-Serif
BASIC FORMS Sans-Serif Sans-Serif
TEXT TYPE v DISPLAY TYPE
TEXT TYPE
DISPLAY TYPE
TYPE CLASSIFICATION
TYPE CLASSIFICATION Serif
TYPE CLASSIFICATION Serif
TYPE CLASSIFICATION Serif
TYPE CLASSIFICATION Serif
TYPE CLASSIFICATION Serif
Sans Serif
TYPE CLASSIFICATION Sans-Serif
TYPE CLASSIFICATION Sans-Serif
TYPE CLASSIFICATION Sans-Serif
TYPE CLASSIFICATION Sans-Serif
TYPE CLASSIFICATION
TYPE CLASSIFICATION Others
TYPE CLASSIFICATION Others
TYPE CLASSIFICATION Others
TYPE CLASSIFICATION Others
WEIGHTS & STYLES
UPPERCASE v lowercase
ANATOMY
SIZE & MEASUREMENT Not allallcreated created equal Not all equal Not created equal
SIZE & MEASUREMENT
SIZE & MEASUREMENT Type Ascender line Descender line Font Size
SIZE & MEASUREMENT
KERNING Kerning is the adjustment of space between two specific letters.
TRACKING Tracking is the spacing of a group of characters.
LEADING Baseline Leading describes the vertical space Baseline between each line of type.
MEASURE Measure is an important thing to get right in typography as it can be crucial to the readability of Measure is an important Measure thing to get is an right important in typography thing toasget it can rightbeincrucial typography to theas readability of the text. the text. If it is too narrow If the measure is too wideitthe cantext be crucial may betodifficult the readability to read as ofthe theeye text.has to move a lot more after each it can also be tiring on the line is read. eye to read, as the eye is abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz constantly moving back and forth. A narrow abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijklmn measure will also lead to a lot of hyphenation. abcdefghijklmnopqrstuvw
HIERARCHY & SCALE Headings are Headings areusually usuallylarge large Sub-headings are smaller Sub-headings are smaller Body type is smaller still Body type is smaller still
COMBINING TYPE
FACTORS FOR COMBINING TYPE Most projects don t need more than two Typefaces. When combining Typefaces consider their basic characteristics: Similar Historical Period with different features may work well. Maybe choose very opposite Typefaces, one traditional and sober, the other, friendly and warm. Typefaces with similar Body Height can work well as long as their styles are contrasting.
COMBINING TYPE Contrast & Mood
WEIGHT
STYLE & DECORATION
SCALE & HIERARCHY
CLASSIFICATION
STRUCTURE
EXTREME CONTRAST
MOOD
RECAP 5 Rules to become a better Typographer
RECAP 1: Concentrate on how the Body Text looks
RECAP 2: Point Size 10-12 Point
RECAP 3: Line Spacing 120 145% of Point Size
RECAP 4: Line Length 45 90 characters per line
RECAP 5: Font Choice Use Professional Fonts
TYPOGRAPHY What is Typography Why it is important Typefaces v Fonts Basic forms Text Type v Display Type Type Classifications Factors for Combining Type Recap
Create a TYPOPGRAPHIC IMAGE
{ { OF M AY T HE FO R CE T Y P OG R A P H Y BE WITH YOU
COMING UP IN THE NEXT LESSON
SPECIAL ANNOUNCEMENT Win a Lifetime Membership to Shaw Academy The draw will be held live during Lesson 8 * CONDITIONS Attend at least 4 lessons before lesson 8
ELEMENTS For Web LINE SHAPE (FORM) COLOUR TEXTURE MASS (SIZE) SPACE
PRINCIPLES For Web ALIGNMENT BALANCE CONTRAST PROXIMITY REPETITION
SHARE YOUR WORK! #shawgraphic
FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS
CONTACT facebook.com/shawacademy twitter.com/shawacademy +353 (0) 1 5360892 graphic.design@shawacademy.com www.shawacademy.com
THANK YOU FOR BEING HERE