University of Houston Graphic Communications

Size: px
Start display at page:

Download "University of Houston Graphic Communications"

Transcription

1 Exercise 1 : Typography : Research + Classification Study 1. - Claude Garamond 2. - William Caslon 3. - Frederic W. Goudy 4. - Francesco Griffo 5. - John Baskerville 6. - Morris Fuller Benton 7. - Giambattista Bodoni 8. - Emil Rudolf Weiss 9. - Edward Johnston Eric Gill Stanley Morrison Rudolf Koch Nicholas Jenson Paul Renner Roger Excoffon Herb Lubalin Max Miedinger Chauncey H. Griffith Jan Tschichold Herman Zapf Edward Benguiat Gerrit Noordzij Adrian Frutiger Carol Twombly Zuzana Licko Matthew Carter Erik Spiekermann Hans Eduard Meier Jonathan Hoefler Martin Majoor Hermann Zapf Jonathan Barnbrook Phil Baines Due Monday January 26/Tuesday January Having been assigned one of the type designers to the left, research their typefaces and their work, their process and their design philosophy. Present the work, the context and any other relevant narratives along with representations of their contribution to the world of type design. Present the work of the assigned type designer (5 min. max.) Include: 1. A brief statement about the designer and their work specifically related to their typographic contribution 2. 5 images of their work with particulars about their typeface design, classifications and application. You may present digitally (screen) or on the wall. If you present on the wall, make sure the prints are large enough for the class to view. 2. Each student should bring 1 unique and interesting typeface sample for each of the 12 classifications on the handout. Please print the alphabet on 8 1/2 x 11 sheet (12) Make sure to label the typeface name, the classification and the designer. Sources to look for these are: Online Font Shops myfonts.com Village, vllg.com H&FJ, House Industries, FontShop UK, Take a peek: Hype for Type, hypefortype.com Veer, veer.com TypeTrust, typetrust.com FontHaus, fonthaus.com Lost Type T26 Emigre

2 Project 1 : Silent Words In the word listen are the same letters that make up the word silent. If we stop long enough to listen, even in silence, there are sounds. It is those sounds that frame the experience and context of silence. Composer and musician John Cage s well known conceptual work 4'33", has been called the silent piece, whose purpose is to make people listen has been defined as an act of framing, of enclosing environmental and unintended sounds in a moment of attention in order to open the mind to the fact that all sounds are music. For Cage this represented his wish to let sounds be just sounds and considered a new understanding of music itself, a blurring of the conventional boundaries between art and life. As with sound, silence requires from us, an attention to detail and a consideration of what is not there. With words and typography, our primary focus is on the form (letter and word) and not the space around it (the silent pause). The space around the form resonates like the silent sound. Design Objectives To research relevant areas within design and typographic form and become more aware of how design can function in various contexts To develop an awareness of typographic history, classification and become critical of form and typographic personality Introduction to semantics (meaning) and syntax (arrangement) and explore design methods and criteria through which the meaning of the typographic message and form may be altered. Explore media, color and techniques for expressively illustrating typographic form. Online Font Shops Required: myfonts.com Village, vllg.com H&FJ, House Industries, FontShop UK, Take a peek: Hype for Type, hypefortype.com Veer, veer.com TypeTrust, typetrust.com FontHaus, fonthaus.com Lost Type T26 Emigre Project As we begin our more detailed study of typography and form, this project hopes to engage in the study of the details of typefaces, along with the analysis of the spatial silence that transparently enhances the meaning of words. We will use John Cage s 4:33 study as a reference to create singular and combined typographic explorations based on the concept of there is no such thing as silence. We will create a composition using onomatopoeic words and marks to accentuate the perceived silence. Methodology: Part 1 : Listen: Choose a space or context that seems free from sound. Spend 4 minutes and 33 seconds minutes recording or notating the silent sounds. Notate: Write down a list of onomatopoeic words (words that imitate natural sounds) that describe the silent sound heard. Select 3-5 of these words to use as a visual expression of silence through a typographic and spatial exploration. Document: Using the assigned typeface (Univers) begin by practicing accurate spacing and tracing of the 3-5 words on a 6 x 8 horizontal format (one word per format). You may choose any of the weights. Express: Analyze the inherent meaning of the sound and the word. Consider formal explorations that may help to visually express the sound. Make a list. Discuss. Continue to evaluate the meaning/sounds of the words by looking at other typefaces that best represent the interpretation. Review the online font sites to the left. Many sites let you test out a few words before buying. Select 3-5 typefaces that best represent the idea/ meaning of your words. You may also continue to use Univers. Consider issues of style and classification, contrast and form. Print out the typefaces to use for your study. Write down the name of the typeface, the designer, and the purchase site. Be able to briefly describe why the typeface is appropriate. Enlarge and trace the words using the 3-5 type choices. Compose each word on its own 6 x 8" format. Consider the sound in your expression and consideration of type choice, typographic mixing, scale/size/hierarchy, placement/ orientation on the format, composition, positive and negative space, cropping, overlap, splicing, rotation, and other techniques to express the qualities of sound. Consider the typographic experiments on the back. Refine: Finalize at least 3 words in B+W on a 6 x 8" horizontal format. Final media may be print, with pen and ink or plaka with consideration and care of letterform craft and details. Mount with 2" black border. Part 2 : Use the typographic explorations from part 1, along with other graphic marks or lines to visualize the 4 minutes and 33 seconds sequence of the silent sounds on an 8 x 25" format. Use all the onomatopoeic words, consider scale, contrast, space, repetition, sequence, pacing, orientation, rhythm, explore the words in an 8 x 25" horizontal format. Consider color and media. Finalize the typographic exploration on a 8 x 25" format in color/media. You may choose to fold into an accordian book (8 x 5") or mount flat with 2" border. Note: In the sketching process, you may use tools like the copier or the computer to enlarge and reduce, and to efficiently reproduce the necessary sketching elements. Please avoid using the computer to produce the final type experiments. All finals must be hand-rendered but may include printed elements. For lines/marks: Explore media in series of media explorations 2D and 3D. See Media Criteria. Final Formats: word compositions: 6 x 8 format B+W mounted with 2" border 2. 4 minutes and 22 seconds sequence composition: 8 x 25" format Color mounted with 2 border or folded into a 8 x 25" book /2 x 11 Horizontally bound sketchbook with all sketches. Part 2 may be reduced or folded. Label each section. Consider the craft and presentation carefully. Part 1 : Part 2 : Flat option

3 Schedule Day 1 [T 20/W21 Jan] Assign typographer research Assign typography readings Assign Classification Project Type Lecture (W Class) Day 2 [TH 22] Present: Sound Notation Words in Univers on 6 x 8 horizontal format (one word per format). Day 2/3 [M 26/T 27 Jan] Present: Typography Presentation Present: Sound Notation Words in Univers on 6 x 8 horizontal format (one word per format). Day 3/4 [W 28 /Th 29 Jan] Part 1: Present typographic studies 3-5 words/6-10 different typefaces on a 6 x 8 format (one word per format). Label all typefaces. Day 5 [M 2 Feb /T 3 Feb ] Part 1: Present typographic explorations 3-5 words 4 sketches of each word. Explore expression through spacing, size, weight and placement etc. Introduce Part 2. Day 6 [W 4/Th 5 Feb] Part 1: Present typographic explorations 3-5 words 2 refined sketches of each word. Explore expression through spacing, size, weight and placement etc. Part 2: 2 typographic compositions (4 x 12.5") B+W Day 7 [M 9 Feb /T 10 Feb ] Part 2: 2 typographic compositions (8 x 25 ) Color Day 8 [W 11/Th 12 Feb] Discuss presentation (book or mounting) Day 9 [M 16 Feb /T 17 Feb ] Part 1 : Due Day 10 [W 18 Feb /TH 19 Feb ] Assign Project 2 Day 11 [M 23 Feb /T 24 Feb ] Due: Part 2: 1 typographic composition (8 x 25 ) Color Sketchbook Part 1: Part 2:

4 TYPOGRAPHY EXPERIMENTS Consider all type experiments to include: Face, case, size, slant, weight, width, outline, texture, tonality Balance, direction, ground, grouping, proximity, repetition, rhythm, rotation The arrangement and selection of type reinforces the meaning of words. The shape of the words and the organization of the type becomes an important aspect of the composition and the sense of legibility. Experiment with the visible language. Expressive, dynamic. Explore deconstruction, manipulation, etc. MARK EXPERIMENTS Interpret the sounds of the words in 1. an expressive, fluid, mark-making manner (use ink, paint, and a variety of paint brush thicknesses) 2. use thin lines which are either straight, horizontal, vertical, or angled (use thin tech. pen and ink).the line compositions should work to visually enhance the meaning of the selected words. COLOR/MEDIA EXPERIMENTS Explore the typographic forms and marks using colored media and tools. In most cases you will either cut the letters or marks from the surfaces created (collage) or apply the color media directly to the final composition Image/Texture Transfer and Printing techniques Experimenting with xerox transfer, marker bleeding, paint transfer, texture transfer one paper source to another. Cut the letters or marks from the colored surfaces Color or BW Xerography Techniques Using the copier (b&w or color) to experiment with textures over textures using transparencies and various paper stocks showing possibilities of technical manipulation and visual texture Transfer to the final or cut the letters or marks from the colored surfaces Handmade 2-D Textures Explore an assortment of textures created by hand based on or using the selected material. (rubbings, xeroxes of found materials, transfer, printing etc.) Paint (oil, watercolor, acrylic, airbrush, spray paint) Choose paint qualities and explore multicolored painting techniques on various surfaces, media and paper. Consider colored papers and surfaces. Color Markers, Pencils, Pastels Using the selected 3 colors, choose methods and medias and explore multicolored painting techniques on various surfaces, media and paper. Consider colored papers and surfaces. Textured Papers Choose papers and colors that reflect the choices in subjects (gloss, matt, textured, tactile etc.) Cut out or into the materials Create texture by hand embossing and debossing of surfaces. 2D Typographic Explorations Explore the typographic form using various 2D drawing techniques including: cut paper, pen and ink, gouache, pastels, xerox textures/transfers, rubbings, Paint, Color Markers, Pencils, Pastels xeroxes of found materials, printing, gloss, matt, textured, tactile papers etc.) etc 3D Typographic Explorations Explore the typographic form using a 3D processes like: Weaving, Stitching, Folding, Tearing, Collaging, Piercing, Scoring, Embossing, Debossing, Cutting and materials : Paper, Fabric, Metal, Wood, String, Tape, Plastic, etc.

5 Typography X HEIGHT Typography UPPERCASE STROKE COUNTER SERIF ASCENDER BASELINE DESCENDER LOOP LOWERCASE LETTERS Baseline + Letterspacing TYP OGRAPHY sits on baseline Poor alignment of rounded letters and poor letterspacing TYPOGRAPHY overhangs baseline Alignment and letterspacing corrected 30 units of interletterspacing Typography is the art, or skill, of designing communication by means of the printed word. -10 units of interletterspacing Typography is the art, or skill, of designing communication by means of the printed word. Letterspacing/Tracking is the space added between letters which affects the overall value of the text. More space can slow down the readability of the text, especially in larger bodies of text. Kerning is the selective optical letterspacing between 2 letters where there are awkward visual spacing problems. These problems arise with letters such as TA, AW, VO and in letters W,Y,V, T, and L etc. Overall visual balance/flow is achieved through optical letterspacing.

typography Typography is what language looks like.

typography Typography is what language looks like. typography Typography is what language looks like. typography Typography is what language looks like. One thing absolutely necessary for working with type is knowing its history: what came after what and,

More information

Project 2 reminders: Hand in your typed book summary/response at end of class today. Make sure to include your name and section.

Project 2 reminders: Hand in your typed book summary/response at end of class today. Make sure to include your name and section. Project 2 reminders: Hand in your typed book summary/response at end of class today. Make sure to include your name and section. Project 2 reminders: First book cover critique this Friday. Bring 3 book

More information

The Evolution of Type. Movable Type: Johannes Gutenberg Early 15th Century

The Evolution of Type. Movable Type: Johannes Gutenberg Early 15th Century The Evolution of Type Movable Type: Johannes Gutenberg Early 15th Century Studio on Fire: Minneapolis Anatomy of Type cap height cross bar Anatomy n bowl describes g counter ascender finial stem type eye

More information

jasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia

jasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia TYPEDIA _ Typography Encyclopedia ANATOMY_ Anatomy of a typeface Anatomy of a typeface What is a Font & Typeface? A design for a set of characters. A font is the combination of typeface and other qualities,

More information

Good Typefaces. 680pt Adobe Garamond. Humanist/ Old Style Serif Adobe Garamond Garamond Goudy Hoefler

Good Typefaces. 680pt Adobe Garamond. Humanist/ Old Style Serif Adobe Garamond Garamond Goudy Hoefler 30 Good Typefaces 680pt Adobe Garamond Franklin Gothic Demi Humanist/ Old Style Serif Adobe Garamond Garamond Goudy Hoefler Transitional Serif Baskerville Caslon Minion Mrs.Eaves Perpetua Times New Roman

More information

Baskerville. abcdefghijk For fun I like to jump cars while reading a quote by Albert Einstein.

Baskerville. abcdefghijk For fun I like to jump cars while reading a quote by Albert Einstein. serif Baskerville page 2 Baskerville page 3 Baskerville Baskerville Regular 26/28 while reading a quote by Baskerville italic 26/28 quote by Baskerville Semi bold 24/30 quote by Baskerville bold 24/26

More information

Typography One Project Two

Typography One Project Two Typography One Project Two Typographic Systems, Emphasis and Hierarchy An important design problem is to aid reader comprehension of information through carefully considered logic, structure and order.

More information

project 1A - the creative process bound hand-lettered book

project 1A - the creative process bound hand-lettered book art 2423 print & publication design spg16 project 1A - the creative process bound hand-lettered book objective problem specs 2 copy 3 Students will first explore complement of space to shape via hand-rendered

More information

Alphabet. elemental visual signs 26 characters frozen sounds

Alphabet. elemental visual signs 26 characters frozen sounds Alphabet elemental visual signs 26 characters frozen sounds Evolution Handwriting > minimum number of strokes Engraving > lowercase > minimum number of curved lines > capitals Letterforms Appearance of

More information

Typefaces are character sets based on distinct design characteristics.

Typefaces are character sets based on distinct design characteristics. Level 3 WGHS VISUAL ARTS 2011 ART DESIGN Typography An Introduction to Type Type Design Since the first recordings of letterforms the concept of the typographic form has evolved into a seemingly endless

More information

BASIC ABOUT TYPE TYPO GRAPHY

BASIC ABOUT TYPE TYPO GRAPHY BASIC ABOUT TYPE TYPO GRAPHY TYPOGRAPHY BASIC DESIGN Relative & Absolute measurements Absolute measurements Inche : Millimetres : Points : Pica 3 Inches 76.2 mm 216 Points 18 Picas 1 Inches = 3 Picas A

More information

VOICE OF TYPE LECTURE 1

VOICE OF TYPE LECTURE 1 VOICE OF TYPE LECTURE 1 TYPOGRAPHY II COUNTY COLLEGE OF MORRIS PROFESSOR GAYLE REMBOLD FURBERT VOICE OF TYPE As you look at typefaces, analyze their forms, learn their history and learn how to use them

More information

Modifying Type: effects of a letter change COLDS

Modifying Type: effects of a letter change COLDS Modifying Type Modifying Type The goal of good typography is like fabric. It should be evenly woven together where all facets and all parts of the letter forms work together. Sometimes if you have one

More information

TYPOGRAPHY. ascender arm (as on the capital T) descender bar (as on the capital H) counter ear (as on the lower case g and r)

TYPOGRAPHY. ascender arm (as on the capital T) descender bar (as on the capital H) counter ear (as on the lower case g and r) TYPOGRAPHY Parts of letters: base line x-height ascender arm (as on the capital T) descender bar (as on the capital H) extenders bowl counter ear (as on the lower case g and r) serif stroke tail (as on

More information

Typographic. Alphabet. Book. Interactive PDF of typographic rules & terms YOU NEED TO KNOW. Home. Table of Contents

Typographic. Alphabet. Book. Interactive PDF of typographic rules & terms YOU NEED TO KNOW. Home. Table of Contents Typographic Alphabet Table of Contents > Rules That Every Typographer Should Know... 2-3 Book Interactive PDF of typographic rules & terms YOU NEED TO KNOW > Baseline... > Gutter... > Hierarchy... > Kerning...

More information

TYPO GRA PHY THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPOGRAPHY WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION

TYPO GRA PHY THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPOGRAPHY WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPO WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION THE ANATOMY OF TYPE Typeface Anatomy The upward vertical stem on some lowercase letters, such as h and

More information

WEB TYPOGRAPHY FOR WEB DEVELOPERS. Matej Latin Lead UX/UI Designer at Autotrader.co.uk

WEB TYPOGRAPHY FOR WEB DEVELOPERS. Matej Latin Lead UX/UI Designer at Autotrader.co.uk WEB TYPOGRAPHY FOR WEB DEVELOPERS Matej Latin Lead UX/UI Designer at Autotrader.co.uk 1 A MEANINGFUL WEB TYPOGRAPHY STARTER KIT 2 Most people think typography is about fonts. Most designers think typography

More information

Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3

Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3 Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3 Typography The study of all elements of type as a means of visual

More information

> objective(s): Students will create a text-only design in either Adobe Illustrator or Photoshop

> objective(s): Students will create a text-only design in either Adobe Illustrator or Photoshop > word art > objective(s): Students will create a text-only design in either Adobe Illustrator or Photoshop > curricular focus: This lesson emphasizes the creative use of typography as the dominant artistic

More information

Visual Design and Imaging Alignment

Visual Design and Imaging Alignment Visual Design and Imaging Alignment This document contains information about four Career-Technical Articulation Numbers (CTANs) for the Visual Design and Imaging Alignment Career-Technical Assurance Guide

More information

THINGS YOU NEED TO KNOW

THINGS YOU NEED TO KNOW TYPOGRAPHY THINGS YOU NEED TO KNOW to prevent your work from appearing amateurish. (p. 151) Only one space after punctuation (p. 152) What is monospaced type? (p. 152) Correct Quotation Marks (as soon

More information

In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read.

In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read. In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read. Type is important because it is an unconscious persuader. It

More information

BBN ANG 183 Typography Text colour: vertical and horizontal spacing

BBN ANG 183 Typography Text colour: vertical and horizontal spacing BBN ANG 183 Typography Text colour: vertical and horizontal spacing Zoltán G. Kiss & Péter Szigetvári Dept of English Linguistics, Eötvös Loránd University gkz & szp (delg) typo/spacing 1 / 43 outline

More information

Font classification review

Font classification review Font classification review Taken from Lettering & Type by Bruce Willen Nolen Strals Old Style Transitional Modern Slab Serif Garamond ag Baskerville ag Bodoni ag Cowboys ab Sans Serif Gill Sans ag Decorative

More information

SUCCESSFUL TYPE? Interface Aesthetics

SUCCESSFUL TYPE? Interface Aesthetics TYPO GR AP HY SUCCESSFUL TYPE? SUCCESSFUL TYPE? TYPOGRAPHY 1 2 TYPOGRAPHY /t 'p gr fi/ n. The art or process of setting and arranging types and printing from them. The style and appearance of printed

More information

GD I // SPRING

GD I // SPRING GD I // SPRING 2018 1 PROJECT I : TYPOGRAPHIC COLOR Timothy Samara, author of Typography Workbook, defines typographic color as the visual texture of language. It is similar to chromatic color (like green,

More information

MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION Module title Design Principles and Context

MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION Module title Design Principles and Context MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION 06-07 Module title Design Principles and Context Typography Fonts are classified under the following headings. Old Face fonts make use of contrasting wide

More information

Font Basics. Descender. Serif. With strokes on the extremities of the letters. T Script. Sans-Serif. No strokes on the end of the letters

Font Basics. Descender. Serif. With strokes on the extremities of the letters. T Script. Sans-Serif. No strokes on the end of the letters Font Basics Ascender Font Size d p x A X-height Cap height Counter The white space within letters Descender Bar A Serif With strokes on the extremities of the letters. T A Sans-Serif No strokes on the

More information

Adjust the point size

Adjust the point size Adjust the point size create contrast small and dark Strive for contrast rather than harmony. Mixing typefaces on the same line, designers usually adjust the point size so the x-heights align. Placing

More information

COPY/PASTE: Allows any item within a document to be copied and pasted within the same document or within compatible software applications.

COPY/PASTE: Allows any item within a document to be copied and pasted within the same document or within compatible software applications. You will need to understand basic terms and techniques used in DTP, as well as file types used within DTP and their advantages and disadvantages. This is separate from Elements and Principles of DTP which

More information

TYPOGRAPHY. The art of type

TYPOGRAPHY. The art of type Typography TYPOGRAPHY The art of type TYPE All the letters (abc), Numbers (123) & characters (;? @) of the alphabet. MONOTYPE Trade name for hot metal composition system Monotype Corporation Machine Shop

More information

Chapter 8: Rococo Graphic Design 18 th century

Chapter 8: Rococo Graphic Design 18 th century Chapter 8: Rococo Graphic Design 18 th century Romain du Roi (French for King s Roman) The first printing of the Romain du Roi at the beginning of the eighteenth century signified a shift to transitional

More information

SELECTING THE RIGHT TYPE FOR THE JOB

SELECTING THE RIGHT TYPE FOR THE JOB CHAPTER FOUR SELECTING THE RIGHT TYPE FOR THE JOB ype has the power to make or break a job. Every typeface has a distinct personality and conveys a different mood, message, or feeling. Display typefaces,

More information

PRESENTATION BOARD LAYOUT

PRESENTATION BOARD LAYOUT NEW YORK CITY COLLEGE OF TECHNOLOGY THE CITY UNIVERSITY OF NEW YORK ARCHITECTURAL TECHNOLOGY DEPARTMENT written by annie boccella spring 2010 1. BEFORE YOU BEGIN... Organize yourself. What is your argument

More information

This file includes FILLABLE FORM FIELDS. Enter your answers and then save the form as a PDF with your name to submit. Ex: 4CChrisJohnson.pdf.

This file includes FILLABLE FORM FIELDS. Enter your answers and then save the form as a PDF with your name to submit. Ex: 4CChrisJohnson.pdf. BASIC SKILLS: TYPOGRAPHY This file includes FILLABLE FORM FIELDS. Enter your answers and then save the form as a PDF with your name to submit. Ex: 4CChrisJohnson.pdf Kristy Ryan Name: Overview Complete

More information

TYPE ANATOMY jtittle

TYPE ANATOMY jtittle TYPE ANATOMY TYPE ANATOMY TITTLE j Serif Typefaces Tt HUMANIST (a.k.a. Old Style ) - Modeled after the roman typefaces of 15 th & 16 th centuries - Closely related to calligraphy and hand movement CLASSIC

More information

communication design and the web John Zimmerman HCI Institute and the School of Design, Carnegie Mellon University 17 November 2010

communication design and the web John Zimmerman HCI Institute and the School of Design, Carnegie Mellon University 17 November 2010 communication design and the web John Zimmerman HCI Institute and the School of Design, Carnegie Mellon University 17 November 2010 goals for today explore communication design familiar with basic principles

More information

How to use text. Adding a text frame

How to use text. Adding a text frame How to use text Because Adobe InDesign CS6 is a page layout tool, working with text is an important skill. With InDesign, you add all text (and all content) into frames. Frames are shapes (called paths)

More information

Synopsis This module introduces calligraphy, the basic principles of typography, and applications of typography.

Synopsis This module introduces calligraphy, the basic principles of typography, and applications of typography. 8. Typography Synopsis This module introduces calligraphy, the basic principles of typography, and applications of typography. Lectures 8.1 Calligraphy 8.2 Basic Principles of Typography 8.3 Typography

More information

Build websites that suit the needs and abilities of users

Build websites that suit the needs and abilities of users Goal 1 Build websites that suit the needs and abilities of users The main goal of many websites is to display information users need. 2 Tools for indicating importance in the visual information hierarchy

More information

The International Typographic Style

The International Typographic Style The International Typographic Style Ernst Keller was one of the pioneers of Swiss design. His work used symbolic imagery, simplified geometric forms and vibrant contrasting color. Poster for the Rietberg

More information

LOGO & BRAND STANDARDS GUIDE

LOGO & BRAND STANDARDS GUIDE LOGO & BRAND STANDARDS GUIDE INTRODUCTION The SparkPost Brand Standards Guide provides key information needed to accurately and consistently produce external and internal documents and communications.

More information

FOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS

FOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS 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

More information

What is Publisher, anyway?

What is Publisher, anyway? What is Publisher, anyway? Microsoft Publisher designed for users who need to create and personalize publications such as marketing materials, business stationery, signage, newsletters and other items

More information

Grid. Skeletal framework to organize information making it clear and optimally accessible

Grid. Skeletal framework to organize information making it clear and optimally accessible Grid Skeletal framework to organize information making it clear and optimally accessible Space When typographic elements introduced in space > divisions Letterform: centered=motionless; off-center > velocity;

More information

Typography One typeface classification

Typography One typeface classification Typography One typeface classification Why classify? Classification helps us describe and navigate type choices Typeface classification helps to: 1. sort type (scholars, historians, type manufacturers),

More information

Multimedia Design Principles. Darnell Chance August 2005

Multimedia Design Principles. Darnell Chance August 2005 Multimedia Design Principles Darnell Chance August 2005 Home Page Things To Consider Organization Story Board Organization The 3 C s Alignment Proximity Tips/ Techs White Space Contrast Rule of Thumb Typography

More information

DIGITAL PRINT DESIGN (568 )

DIGITAL PRINT DESIGN (568 ) DESCRIPTION Create and produce digital print projects that communicates and promotes graphic communication. Develop knowledge and skills relative to the graphic design & printing industries. Includes:

More information

DESIGNING THE PAGE FOUNDATIONS OF DIGITAL DESIGN. Layout composition, the grid and typography. Prof. Eva Machauf

DESIGNING THE PAGE FOUNDATIONS OF DIGITAL DESIGN. Layout composition, the grid and typography. Prof. Eva Machauf DESIGNING THE PAGE Layout composition, the grid and typography FOUNDATIONS OF DIGITAL DESIGN Prof. Eva Machauf prof.machauf@gmail.com THE GRID The grid is the foundation of all design. Creating and working

More information

proj 5 A/B kerning & introduction to the grid

proj 5 A/B kerning & introduction to the grid art 2413 typography fall 14 proj 5 A/B kerning & introduction to the grid problem objectives Many people assume a computer will create perfectly balanced spacing between letters, words, and lines. Such

More information

Module 5X Independent Guided Study

Module 5X Independent Guided Study MODULE DESCRIPTOR TITLE Principles of Typography SI MODULE CODE 31-4047 CREDITS 20 LEVEL 4 JACS CODE W210 SUBJECT GROUP Graphic Design DEPARTMET Visual & Performing Arts MODULE LEADER John Young MODULE

More information

serif: the short strokes that finish off the major strokes of the letterform. bracket: a curving joint between the serif and the stroke

serif: the short strokes that finish off the major strokes of the letterform. bracket: a curving joint between the serif and the stroke PARTS OF THE LETTER Typography evolved from handwriting, which is created by making a series of marks by hand; therefore, the fundamental element constructing a letterform is the linear stroke (stem).

More information

STONELAW HIGH GRAPHIC

STONELAW HIGH GRAPHIC GRAPHIC COMMUNICATION Technical Education THE A to Z of DTP Your knowledge of desktop publishing terminology will be expanded as you progress within the subject THE A to Z of DTP ALIGNMENT positions of

More information

Linotype Univers CD for Mac and PC - containing 63 font weights

Linotype Univers CD for Mac and PC - containing 63 font weights presented in: Eurostile Roman Find further Font Features in our Font Feature Archive. The Univers family of fonts designed by Adrian Frutiger more than forty years ago is one of the most innovative type

More information

Franklin Gothic. Seniors: Use larger text that is clear and legible. (Souvenir, Times, Garamond, Helvetica)

Franklin Gothic. Seniors: Use larger text that is clear and legible. (Souvenir, Times, Garamond, Helvetica) one TYPOGRAPHY LECTURE: Do s and Don t s in Typography Do Build a basic library first. Find out who your audience is. Use appropriate type sizes. Celebrate white space. Use correct alignment. Use correct

More information

Typography guidelines

Typography guidelines University of Alberta Sign Systems Guidelines Typopgraphy guidelines Typography guidelines Introduction Consistency and legibility are key components of an effective sign system. This section defines:

More information

a e yp fi Letterform Anatomy Ascender Shoulder Tittle Bowl Crossbar Stem or Main Stroke Terminal Leg Ascent Line Cap Line Mean Line Baseline

a e yp fi Letterform Anatomy Ascender Shoulder Tittle Bowl Crossbar Stem or Main Stroke Terminal Leg Ascent Line Cap Line Mean Line Baseline Letterform Anatomy Tittle Ascender Shoulder Ascent Line Cap Line Mean Line Baseline Crossbar Bowl Stem or Main Stroke HtiQfgxR Terminal Ear Counter Leg Descent Line Crossbar Serif Tail Loop or Bowl Juncture

More information

Illustrator. Project Workbook

Illustrator. Project Workbook Project Workbook 2 Contents Illustrator Illustrator Examples... 4 Pen Tool and Image Trace... 4 Illustrator Tour Project... 5 Type and Logos... 14 Designing with Symbols Project... 20 Illustrator Special

More information

Font, Typeface, Typeface Family. Selected Typographical Variables

Font, Typeface, Typeface Family. Selected Typographical Variables Font, Typeface, Typeface Family Font: A font is a set of printable or displayable text character in a specific style, weight, and size. E.g. Helvetica Italic 10 Point. Typeface: The type design for a set

More information

1. New document, set to 5in x 5in, no bleed. Color Mode should be default at CMYK. If it s not, changed that when the new document opens.

1. New document, set to 5in x 5in, no bleed. Color Mode should be default at CMYK. If it s not, changed that when the new document opens. art 2413 typography fall 17 software review This exercise will reacquaint students with Adobe Illustrator, Photoshop, and InDesign. These are the three main design programs used by the industry. There

More information

Pre-Venetian or Ancient Humanist or Venetian Transitional Didone Slab Serifs

Pre-Venetian or Ancient Humanist or Venetian Transitional Didone Slab Serifs Pre-Venetian or Ancient Humanist or Venetian Transitional Didone Slab Serifs 1400 1500 1700 1800 Humanist Sans Serif Transitional Sans Serif Geometric Sans Serif Display Typefaces 1900 2000 Pre-Venetian

More information

Paint Tutorial (Project #14a)

Paint Tutorial (Project #14a) Paint Tutorial (Project #14a) In order to learn all there is to know about this drawing program, go through the Microsoft Tutorial (below). (Do not save this to your folder.) Practice using the different

More information

H A-Z of DTP Features

H A-Z of DTP Features A-Z of DTP Features H Alignment One of the principles of design, alignment refers to lining up the top, bottom, sides, or middle of text or graphic elements on a page. See also Text Alignment. Ascender

More information

LESSON 7 Introduction to Typography

LESSON 7 Introduction to Typography FOUNDATION IN GRAPHIC DESIGN with ADOBE APPLICATIONS LESSON 7 Introduction to Typography Summary Notes WHAT IS TYPOGRAPHY? Typography is, quite simply, the art and technique of arranging type. Typography

More information

Education and Training CUFMEM14A. Exercise 2. Create, Manipulate and Incorporate 2D Graphics

Education and Training CUFMEM14A. Exercise 2. Create, Manipulate and Incorporate 2D Graphics Education and Training CUFMEM14A Exercise 2 Create, Manipulate and Incorporate 2D Graphics Menu Exercise 2 Exercise 2a: Scarecrow Exercise - Painting and Drawing Tools... 3 Exercise 2b: Scarecrow Exercise

More information

art 118: intro to communication design // FALL 2011

art 118: intro to communication design // FALL 2011 t y p e specimen Due: Wednesday, November 30 ov e r v i e w A type specimen is a publication, that shows the range of a particular typeface in use. Printers and typographers have produced type specimens

More information

Chapter 18: The International Typographic Style

Chapter 18: The International Typographic Style Chapter 18: The International Typographic Style International Typographic Style A graphic design style emphasizing cleanliness, readability and objectivity developed in Switzerland in the 1950s. Specifics

More information

Structure of Text. Creating Memory Aids through Typography

Structure of Text. Creating Memory Aids through Typography Structure of Text Creating Memory Aids through Typography Edward Rushton MFA Donald Armel PhD Legibility Readability Definitions Legibility Legibility is dependent on the design of the typeface, the letterforms

More information

Graphic Design. shawacademy LESSON 5. summarynotes INTRODUCTION TO TYPOGRAPHY. For further questions visit us online at:

Graphic Design. shawacademy LESSON 5. summarynotes INTRODUCTION TO TYPOGRAPHY. For further questions visit us online at: shawacademy Graphic Design LESSON 5 INTRODUCTION TO TYPOGRAPHY summarynotes The Diploma in Graphic Design Toolkit For further questions visit us online at: www.shawacademy.com Lesson 5 S shawacademy Lesson

More information

ADOBE ILLUSTRATOR CS3

ADOBE ILLUSTRATOR CS3 ADOBE ILLUSTRATOR CS3 Chapter 2 Creating Text and Gradients Chapter 2 1 Creating type Create and Format Text Create text anywhere Select the Type Tool Click the artboard and start typing or click and drag

More information

WCSD Graphic Standards and Logo Use Guide

WCSD Graphic Standards and Logo Use Guide SM WCSD Graphic Standards and Logo Use Guide WCSD Logo WCSD logo with slogan SM The WCSD logo should be used on all school district signage and every District-generated publication, website or webpage,

More information

Project Justification

Project Justification Project Justification This unit of instruction is based on typography and the creative use of letterforms to visually communicate a message through images rather than just the printed word. Type manipulation

More information

ADDENDUM. PRINCIPLES OF DESIGN COURSE Topic YouTube link QR Code

ADDENDUM. PRINCIPLES OF DESIGN COURSE Topic YouTube link QR Code ADDENDUM PRINCIPLES OF DESIGN COURSE Topic YouTube link QR Code Topic 1 Introduction to Graphic Design https://youtu.be/pacrrojlvui This video discussed on essential skills of a graphic design and its

More information

Adobe Illustrator. Always NAME your project file. It should be specific to you and the project you are working on.

Adobe Illustrator. Always NAME your project file. It should be specific to you and the project you are working on. Adobe Illustrator This packet will serve as a basic introduction to Adobe Illustrator and some of the tools it has to offer. It is recommended that anyone looking to become more familiar with the program

More information

In this exercise you will be creating the graphics for the index page of a Website for children about reptiles.

In this exercise you will be creating the graphics for the index page of a Website for children about reptiles. LESSON 2: CREATING AND MANIPULATING IMAGES OBJECTIVES By the end of this lesson, you will be able to: create and import graphics use the text tool attach text to a path create shapes create curved and

More information

David Glen Smith. Fonts of Influence

David Glen Smith. Fonts of Influence David Glen Smith Fonts of Influence Charlesworth {Charlemagne}. (THERE ARE NO LOWERCASE CHARACTERS) Poster Bodini Helvetica Neue Gill Sans My intentions are to merge a thick poster font with a thinner

More information

Adobe Illustrator CC Advanced

Adobe Illustrator CC Advanced Copy/Paste Objects 1. Select with Selection-Tool 1. Hold Alt-Key Drag with Selection-Tool while still holding the Alt-Key (Additionally holding Shift will move straight or in 45/90/180 Degrees) Align Objects

More information

Name: Class: Teacher:..

Name: Class: Teacher:.. Name: Class: Teacher:.. Introduction Desktop publishing (DTP) is the process of designing newspapers, magazines, books, leaflets, booklets and reports on a computer. The industry that produces these items

More information

PROJECT THREE - EMPHASIS

PROJECT THREE - EMPHASIS PROJECT THREE - EMPHASIS INSTRUCTIONS Before you begin this assignment: 1. Read Design Basics, on the two topics of Emphasis and Color. Study the Introduction to Emphasis, the PowerPoint presentation,

More information

CAD/CAM Software for Artistic Machining & Custom Woodworking

CAD/CAM Software for Artistic Machining & Custom Woodworking Integrated Machining? In the not too distant past, woodworkers and designers were left with innovating their designs on paper. Thanks to the modern era of Computer Aided Design & Machining technology,

More information

GRAPHIC STANDARDS MANUAL

GRAPHIC STANDARDS MANUAL GRAPHIC STANDARDS MANUAL INTRODUCTION AND GENERAL STANDARDS The purpose of this Graphic Standards Manual is to set forth guidelines that will assist in applying the Active Aerogels Logo to all communications.

More information

Prentice Hall. Learning Media Design with Adobe CS4 (Skintik) Alabama - Course of Study - Interactive Multimedia Design

Prentice Hall. Learning Media Design with Adobe CS4 (Skintik) Alabama - Course of Study - Interactive Multimedia Design Prentice Hall Learning Media Design with Adobe CS4 C O R R E L A T E D T O Learning Media Design with Adobe CS4 Students will: Multimedia Components 1. Compare aspects of multimedia. Presentation Desktop

More information

Multimedia Design Principles

Multimedia Design Principles Multimedia By Tansa Ayazgok February 2018 Multimedia Things To Your Audience Time Cost Skill level Equipment Click here to view a link to the Best Portable Projectors for Presentations Click the image

More information

The Visual Scientist Presents Poster Design

The Visual Scientist Presents Poster Design The Visual Scientist Presents Poster Design layout fonts science! Hailpern & Danilevsky www.thevisualscientist.com Topics Covered This is a how-to-guide for effectively presenting scientific work in the

More information

Gujarat Technological University

Gujarat Technological University COURSE NAME: COMPOSITION 1.RATIONALE: Composition makes a student aware of the art field. The basic elements and principles encompassing sculpture, painting and architecture are explained. The study of

More information

Part 1 The Elements of Design. Lines

Part 1 The Elements of Design. Lines Part 1 The Elements of Design There are seven elements of graphic design that are the starting point of your design ideas: Line, Shape, Texture, Space, Size, Value and Color. Each of these elements is

More information

ASerif. AfbcyE TYPE AND LETTERS

ASerif. AfbcyE TYPE AND LETTERS TYPE AND LETTERS Before 1455 books were made by hand. Only the wealthy could afford a book. A book could cost as much as an acre of land. Say! you bought two books for this class that will be $800,000

More information

ASSIGNMENT 5. TYPE & IMAGE POSTER LAYOUT, TYPE, IMAGE, and the use of GRID in single page layout and design.

ASSIGNMENT 5. TYPE & IMAGE POSTER LAYOUT, TYPE, IMAGE, and the use of GRID in single page layout and design. ASSIGNMENT 5 TYPE & IMAGE POSTER LAYOUT, TYPE, IMAGE, and the use of GRID in single page layout and design. LAYOUT DEFINED 2 Organization of image, type, and other design elements to emphasize or reinforce,

More information

INTRODUCTION TO TYPOGRAPHY DESIGN

INTRODUCTION TO TYPOGRAPHY DESIGN INTRODUCTION TO TYPOGRAPHY DESIGN Goals of typographic design Typography plays an important role in how audiences perceive your document and its information. Good design is about capturing your audience

More information

Unit 4. Multimedia Element: Text. Introduction to Multimedia Semester 2

Unit 4. Multimedia Element: Text. Introduction to Multimedia Semester 2 Unit 4 Multimedia Element: Text 2017-18 Semester 2 Unit Outline In this unit, we will learn Fonts Typography Serif, Sans Serif, Decorative Monospaced vs. Proportional Style Size Spacing Color Alignment

More information

Using Text in Photoshop

Using Text in Photoshop Using Text in Photoshop So, we re going to take a break for a while from talking about photographs and how to manipulate them, and instead focus on some design elements! We re going to spend a while talking

More information

VIVO Identity Guidelines

VIVO Identity Guidelines VIVO Identity Guidelines May 2010 Version 1.0 00 Contents 01 02 03 04 05 06 Introduction About VIVO VIVO Identity Elements Space Size Color System (web and print) Identity Colors Primary Color Palette

More information

Visual Perception. Visual contrast

Visual Perception. Visual contrast TEXTURE Visual Perception Our perception of the visual shape, size, color, and texture of things is affected by the optical environment in which we see them and the relationships we can discern between

More information

You will elect to be part of one of the following groups for this short assignment only. (Everyone will switch groups later for part 2).

You will elect to be part of one of the following groups for this short assignment only. (Everyone will switch groups later for part 2). 1 Assignment 1.0 Due at the beginning of next class Materials: corrugated cardboard Dimensions: 6 x 6 x 6 (IMPLIED! The model need not be an impenetrable box, but should be open and dynamic). You will

More information

Knightswood Secondary School. Graphic Communication. Desktop Publishing otes. Auto Tracing

Knightswood Secondary School. Graphic Communication. Desktop Publishing otes. Auto Tracing Auto Tracing The process of converting a bit mapped image into a vector image. In a bit-mapped image, each object is represented by a pattern of dots, while in a vector image every object is defined geometrically.

More information

PAGE LAYOUT IN GRAPHIC DESIGN Where do you start when you want to create an attractive and effective design?

PAGE LAYOUT IN GRAPHIC DESIGN Where do you start when you want to create an attractive and effective design? PAGE LAYOUT IN GRAPHIC DESIGN Where do you start when you want to create an attractive and effective design? Aims & Outcomes for this week: Aims: To understand the three main page layout conventions used

More information

Writing and Document Design Lecture 6 Typography

Writing and Document Design Lecture 6 Typography Writing and Document Design Lecture 6 Typography Last week We looked at Kress and van Leeuwen s work on composition/layout and considered its usefulness as both an analytic tool (a way of analysing and

More information

The making of Beautiful A method for designing type for Jordanian students

The making of Beautiful A method for designing type for Jordanian students Beauty, Form and Function in Typography http://www.typoday.in The making of Beautiful A method for designing type for Jordanian students Rejan, Ashour, School of Architecture and Built Environment, German

More information

5. Text CHAPTER HIGHLIGHTS 10/12/2016 CHAPTER. Text tradition. Codes for computer text. t. Font technologies. Multimedia text.

5. Text CHAPTER HIGHLIGHTS 10/12/2016 CHAPTER. Text tradition. Codes for computer text. t. Font technologies. Multimedia text. CHAPTER 5. Text CHAPTER HIGHLIGHTS Text tradition. Codes for computer text. t Font technologies. Multimedia text. Guidelines for use of text in multimedia. 2 1 POWERS OF TEXT Multimedia developers value

More information

G r a p h i c D e s i g n

G r a p h i c D e s i g n 9 1 3 7 G r a p h i c D e s i g n a n d L a y o u t 30S/30E/30M A Graphic Design Course 9 1 3 7 : G r a p h i c D e s i g n a n d L a y o u t 3 0 S / 3 0 E / 3 0 M Course Description Students will expand

More information