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

Size: px
Start display at page:

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

Transcription

1 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 or Joint Cap Height x-height T a e yp fi Aperture Eye Desenders Ligature

2 1 Adobe Print Publishing Technical Guides Typography basics: Anatomy of letterforms Understanding the fundamental principles and concepts of typography is the first step to being a successful typographer. The most basic component of typography is the letter, and each letter of the alphabet is distinguished by its unique shape, or letterform. This technical guide includes definitions for and illustrations of the individual parts that compose letterforms, as well as the boundaries by which letterforms are delineated. Boundaries baseline The imaginary horizontal line upon which the majority of the characters in a typeface sit. capline The imaginary horizontal line resting upon the tops of the uppercase letters. meanline The imaginary horizontal line that designates the height of lowercase letters. Adobe and the Adobe logo are registered trademarks of Adobe Systems Incorporated Adobe Systems Incorporated. All rights reserved. Terms of Use. Online Privacy Policy.

3 ADOBE PRINT PUBLISHING TECHNICAL GUIDES Typography basics: Anatomy of letterforms 2 x-height Traditionally, the height of the lowercase letter x. As a general rule, x-height is the height of the body of lowercase letters of a typeface, excluding the ascenders and descenders. Some lowercase letters may extend a little bit above or below the x-height as part of their design, even without ascenders and descenders. X-height can vary considerably among typefaces with the same point size, which is based on the width of certain uppercase letters. Letterform parts apex The peak of an uppercase A. arm A horizontal portion of a letterform, one or both ends of which are unattached to the vertical portion(s). ascender The portion of a lowercase letterform (e.g., k, b, or d) that ascends above the x-height of the typeface. Contrast descender.

4 ADOBE PRINT PUBLISHING TECHNICAL GUIDES Typography basics: Anatomy of letterforms 3 beak Akin to a spur, but slightly larger, the projection that extends from the end points of an uppercase L, T, or E. bowl A curved portion of the letterform that encloses a counter. The exception in the lower curved part of a lowercase g (see loop). bracket The curve that connects the serif to the stem or stroke. May also be referred to as a fillet. counter The negative space of a letterform. A counter may be either fully or partially enclosed. crossbar The horizontal part of a letterform that connects, for example, a stem to a hairline.

5 ADOBE PRINT PUBLISHING TECHNICAL GUIDES Typography basics: Anatomy of letterforms 4 cross stroke The horizontal part of a letterform that intersects the vertical part. descender The portion of a lowercase letterform (e.g., y, p, or q) that descends below the baseline in a typeface. In some typefaces, the uppercase J and Q also descend below the baseline. Contrast ascender. ear The small decorative projection from the upper right side a lowercase g. eye The enclosed portion of a lowercase e. Similar to a counter. hairline The thinnest line of a typeface made of varying line weights.

6 ADOBE PRINT PUBLISHING TECHNICAL GUIDES Typography basics: Anatomy of letterforms 5 leg The lower, angled stroke of a k. link The part of a lowercase g that connects the loop to the bowl. loop The curved part of a lowercase g that encloses the lower counter. Similar to a bowl. serif Small decorative lines added to the end of a letterforms's stem and stroke. Serifs improve readability by leading the eye along a line of type. spine The main portion of the letter S both lowercase and uppercase that curves from left to right.

7 ADOBE PRINT PUBLISHING TECHNICAL GUIDES Typography basics: Anatomy of letterforms 6 spur The projection that extends from the end point of the curved portion of a letterform (e.g., from the top or bottom of an uppercase or lowercase S or C). A spur is smaller than a serif. stem The main vertical or near vertical portion of a letterform. stroke The main diagonal portion of a letterform, though this term is often used to refer to any of the main portions vertical, near vertical, or diagonal of a letterform. tail The stroke or loop at the end of a letterform, such as the tail of an uppercase Q or the stroke on an uppercase R. terminal The end, or termination, of a stem or stroke with no serif.

8 Letter Anatomy Definitions Typography employs a number of technical terms. These mostly describe specific parts of letterforms. Knowing a letterform s component parts makes it much easier to identify the type s classification and even the specific typeface. Baseline The imaginary line defining the visual base of letterforms (see the diagram below). Median The imaginary line defining the x-height of letterforms (see the diagram below). X-height The height in any typeface of the lowercase x (see the diagram below). ascender height cap height median baseline descender height Mphxx-height

9 Letter Anatomy Definitions ABC T l M dp Stroke Any line that defines the basic letterforms. AMV Apex/Vertex The point created by joining two diagonal stems (apex above, vertex below) Arm Short strokes off the stem of the letterform, either horizontal (E, F, T) or inclined upward (K, Y) Ascender The portion of the stem of a lowercase letterform that projects above the median. Barb The half-serif finish on some curved strokes. Beak The half-serif finish on some horizontal arms. bdpq Bowl The rounded form that describes a counter. The bowl may be either open or closed. Bracket The transition between the serif and the stem. Counter The negative space within a letterform, either fully or partially enclosed. FTY AH fa Cross Bar The horizontal stroke in a letterform that joins two stems together. Cross Stroke The horizontal stroke in a letterform that intersects the stem. Crotch The interior space where two strokes meet. Descender That portion of the stem of a lowercase letterform that projects below the baseline. Ear The stoke extending out from the main stem or body of the letterform. Em/En Originally referring to the width of an uppercase M, an em is now the distance equal to the size of the typeface (an em in 48pt type is 48 points, for example). An en is half the size of an em. Most often used to describe em/en spaces and em/en dashes. Finial The rounded non-serif terminal to a stroke. bdhk ft LKR CGS ETL adpc KV pqy gr Leg Short stroke off the stem of the letterform, either at the bottom of the stroke (L) or inclined downward (K, R). fi fl Ligature The character formed by the combination of two or more letterforms. g Link The stroke that connects the bowl and the loop of a lowercase G. (continued on next page)

10 Letter Anatomy Definitions g Loop In some typefaces, the bowl created in the descender of the lowercase G. ATM Serif The right-angled or oblique foot at the end of the stroke. hn Shoulder The curved stroke that is not part of a bowl. Ss Spine The curved stem of the S. bqg Spur The extension that articulates the junction of a curved and rectilinear stroke. TVbp Stem The significant vertical or oblique stroke. O O e e Stress The orientation of the letterform, indicated by the thin stroke in rounded forms. AT W Swash The flourish that extends the stroke of a letterform. Q j Tail The curved or diagonal stroke at the finish of certain letterforms. T t Terminal The self-contained finish of a stroke without a serif. This is something of a catch-all term. Terminals may be flat ( T, above), flared, acute ( t, above), concave, convex or rounded as well as a ball or a teardrop (see finial).

11

12

13

14

15

16

17

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

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

anatomy cap height x-height baseline descender ligature finial terminal ascender spine small capital uppercase counter cross bar lowercase

anatomy cap height x-height baseline descender ligature finial terminal ascender spine small capital uppercase counter cross bar lowercase Type Anatomy anatomy cap height x-height baseline stem bowl serif descender ligature ascender finial terminal ascender spine uppercase small capital cross bar counter lowercase 36 thinking with type cap

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

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

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

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

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

Goudy Old Style & Garamond. A Type Comparison Book by Brittany Hansard

Goudy Old Style & Garamond. A Type Comparison Book by Brittany Hansard Goudy Old Style & Garamond A Type Comparison Book by Brittany Hansard Frederic W. Goudy created this old style typeface in the late 1920s and it is known as one of his most adored typeface alphabets within

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

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

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

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

HEL HEL HEL HEL VETIC HEL VETIC HEL HEL VETICA HEL HEL ETICA ETIC VETIC HEL VETIC HEL HEL C VETICA ETI- HEL HEL VETI HEL VETICA VETIC HEL HEL VETICA

HEL HEL HEL HEL VETIC HEL VETIC HEL HEL VETICA HEL HEL ETICA ETIC VETIC HEL VETIC HEL HEL C VETICA ETI- HEL HEL VETI HEL VETICA VETIC HEL HEL VETICA CA C C CA C C CA Max Miedinger with Eduard Hoffmann C C CA C CA ETI- ETI- L istory elvetica was developed in 1957 by Max Miedinger with Eduard Hoffmann at the Haas sche Schriftgiesserei of Münchenstein,

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

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

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

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

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

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

ITC Bauhaus created by

ITC Bauhaus created by ITC Bauhaus created by Edward Benguiat & Victor Caruso of the International Typeface Corporation Bauhaus knows everyone at the party. type specimen designed and edited by Jordana Rae Rubin 2015 Light,

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

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

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

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

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

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

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

Beginner s Guide to Baskerville

Beginner s Guide to Baskerville Beginner s Guide to Baskerville Having been an early admirer of the beauty of letters, I became insensibly desirous of contributing to the perfection of them. I formed to myself ideas of greater accuracy

More information

(5) Descender: A stroke on a lowercase letterform that falls. serifs are connected to the main stroke by this curved

(5) Descender: A stroke on a lowercase letterform that falls. serifs are connected to the main stroke by this curved A Brief History When in doubt use Caslon. Calson is the name given to a serif typeface designed by William Caslon. William was from London and lived from 1692-1766. He worked as an engraver of punches.

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

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

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

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

TYPOGRAPHY 1. letter-form mechanics. letter-form MECHANICS

TYPOGRAPHY 1. letter-form mechanics. letter-form MECHANICS letter-form MECHANICS The Anatomy of Letter-forms The letters of all alphabets, whether classical or modern, display the same basic structural characteristics and adhere to similar conventions in drawing

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

& Typography... A Brief History of

& Typography... A Brief History of A Brief History of Graphic Design & Typography... http://www.timetoast.com/timelines/53704 The Anatomy of Type + Letterforms, its personality and important things to understand about Type and it s Terminology...Elements

More information

> what is a font? Times New Roman [10 pts] Times New Roman [12 pts] Times New Roman [14 pts] Times New Roman [18 pts] Times New Roman [24 pts]

> what is a font? Times New Roman [10 pts] Times New Roman [12 pts] Times New Roman [14 pts] Times New Roman [18 pts] Times New Roman [24 pts] > what is a font? > what is a font? A font is set of glyphs (or images) that represent a complete series of alphabetic and numeric characters, punctuations and symbols in a particular size and style (or

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

MuirMcNeil. Five. A stencil type system in three geometric contours

MuirMcNeil. Five. A stencil type system in three geometric contours MuirMcNeil Five A stencil type system in three geometric contours MuirMcNeil Five Five is one of a series of stencil type systems published by MuirMcNeil in 2017. Constructed from basic geometric segments,

More information

HURME GEOMETRIC SANS

HURME GEOMETRIC SANS No.1 SHARP No.2 ALTERNATIVE HURME TYPEFACE SPECIMEN PRINT SAMPLES No.3 BLUNT No.4 SWASH Hurme Geometric Sans Typeface Specimen 03/20/2013 2 Page heading: Black. 30pt/30pt. Byline: Regular/Bold SmallCaps.

More information

Lost & FOUNDRY ABCDEFGHIJKLMNOPQR STUVWXYZ #$ % _ '".,:;!? &(){}[]/\* ABCDEF GHIJKLMNOPQRSTUV

Lost & FOUNDRY ABCDEFGHIJKLMNOPQR STUVWXYZ #$ % _ '.,:;!? &(){}[]/\* ABCDEF GHIJKLMNOPQRSTUV Information Guide Volume 1.0 ABCDEFGHIJKLMNOPQR STUVWXYZ0123456789#$ % _ '".,:;!? &(){}[]/\* ABCDEF GHIJKLMNOPQRSTUV Lost & FOUNDRY WXYZ0123456789 ABCDEFGHIJKLMNOPQRSTUV WXYZ0123456789#$ % _ - '".,:;!?

More information

Reading and Typography. Contributions from Bill Cowan, Byron Weber Becker, Michael Terry, and Designing with the Mind in Mind.

Reading and Typography. Contributions from Bill Cowan, Byron Weber Becker, Michael Terry, and Designing with the Mind in Mind. Reading and Typography Contributions from Bill Cowan, Byron Weber Becker, Michael Terry, and Designing with the Mind in Mind. Reading 2 We re Wired for Language; not Reading Children exposed to spoken

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

Mrs. Daniel s Geometry Vocab List

Mrs. Daniel s Geometry Vocab List Mrs. Daniel s Geometry Vocab List Geometry Definition: a branch of mathematics concerned with questions of shape, size, relative position of figures, and the properties of space. Reflectional Symmetry

More information

How to draw and create shapes

How to draw and create shapes Adobe Flash Professional Guide How to draw and create shapes You can add artwork to your Adobe Flash Professional documents in two ways: You can import images or draw original artwork in Flash by using

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

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

Computer Graphics. Attributes of Graphics Primitives. Somsak Walairacht, Computer Engineering, KMITL 1

Computer Graphics. Attributes of Graphics Primitives. Somsak Walairacht, Computer Engineering, KMITL 1 Computer Graphics Chapter 4 Attributes of Graphics Primitives Somsak Walairacht, Computer Engineering, KMITL 1 Outline OpenGL State Variables Point Attributes t Line Attributes Fill-Area Attributes Scan-Line

More information

Presented by: Mitch Boretz University of California, Riverside. and Colleen Jolly 24 Hour Company

Presented by: Mitch Boretz University of California, Riverside. and Colleen Jolly 24 Hour Company Presented by: Mitch Boretz University of California, Riverside and Colleen Jolly 24 Hour Company May 2008 Introduction Will font selection determine whether your proposal wins or loses? Almost certainly

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

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

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

Static Visual Displays: Flight Deck Documentation

Static Visual Displays: Flight Deck Documentation Static Visual Displays: Flight Deck Documentation Source: Degani, A. (1992). On the Typography of Flight-Deck Documentation, NASA Contractor Report #177605. Moffett Field, CA: NASA Ames Research Center,

More information

InSafety IVT Report_Final PU/RP/CO Contract No TREN-04-FP6TR-S / Impaired Visibility Typeface Test - Report

InSafety IVT Report_Final PU/RP/CO Contract No TREN-04-FP6TR-S / Impaired Visibility Typeface Test - Report SIXTH FRAMEWORK PROGRAMME PRIORITY 1.6. Sustainable Development, Global Change and Ecosystem 1.6.2: Sustainable Surface Transport 506716 Title Impaired Visibility Typeface Test - Report Authors Michael

More information

pokemon starters and the Classification of Type By: Sarah Cornell

pokemon starters and the Classification of Type By: Sarah Cornell pokemon starters and the Classification of Type By: Sarah Cornell Table of Contents Old Style Type Kanto Starters... 4-7 Transitoinal Type Hoenn Starters... 8-11 Modern Type Alola Starters... 12-15 Slab

More information

Helvetica Type Specimen Process book

Helvetica Type Specimen Process book Helvetica Type Specimen Process book Project Goal Using the history and typeface of Helvetica to inspire my design, the goal of this project was to create a booklet that would essentially sell the type

More information

Type on the Web: Dos, Don ts and Maybes Ilene Strizver

Type on the Web: Dos, Don ts and Maybes Ilene Strizver Type on the Web: Dos, Don ts and Maybes Ilene Strizver What exactly is Type on the Web? How does it differ from print? Type in print Fixed Predictable Controllable Appearance varies depending on: Operating

More information

Web Site Design and Development Lecture 6

Web Site Design and Development Lecture 6 Web Site Design and Development Lecture 6 CS 0134 Fall 2018 Tues and Thurs 1:00 2:15PM Inheritance Before we talk about font properties, it needs to be known that font properties are inherited by the descendants

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

The A - Z of Typeface Design

The A - Z of Typeface Design -1- ROCKWELL Typefaces have been the subject of ongoing development since the invention of the printed word. is a geometric slab serif that like many typefaces has been influenced many designers. It was

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

DISPLAY TYPEFACE DESIGN IN MALAYALAM

DISPLAY TYPEFACE DESIGN IN MALAYALAM DISPLAY TYPEFACE DESIGN IN MALAYALAM a.anand VC 2625009 I Need and scope of the project Indian language typography is still in its developing stages. Digital era asks for specialized typographic solutions.

More information

Quantum. Name: Quantum. Classification: Display Sans Serif. Designer: Hitesh Malaviya (Rocky) Designed in: Styles: 5.

Quantum. Name: Quantum. Classification: Display Sans Serif. Designer: Hitesh Malaviya (Rocky) Designed in: Styles: 5. Quantum Name: Quantum Classification: Display Sans Serif Designer: Hitesh Malaviya (Rocky) Designed in: 2015 Styles: 5 A very friendly-looking sans, Quantum Latin is Hitesh Malaviya s first published typeface

More information

The Anatomy, Terminology & Rules of Type

The Anatomy, Terminology & Rules of Type The Anatomy, Terminology & Rules of Type The Anatomy of Type The Anatomy of Type Cap Height X Height Baseline Stem Bars Serifs Leg Ascender Line Ascender X Height Descender Line Bowl Counter Shoulder Descender

More information

SHAPE AND STRUCTURE. Shape and Structure. An explanation of Mathematical terminology

SHAPE AND STRUCTURE. Shape and Structure. An explanation of Mathematical terminology Shape and Structure An explanation of Mathematical terminology 2005 1 POINT A dot Dots join to make lines LINE A line is 1 dimensional (length) A line is a series of points touching each other and extending

More information

> album art. > objective(s): Students will create a album art design for an existing artist's "next" release that utilizes imagery and text

> album art. > objective(s): Students will create a album art design for an existing artist's next release that utilizes imagery and text > album art > objective(s): Students will create a album art design for an existing artist's "next" release that utilizes imagery and text > curricular focus: This lesson emphasizes thematic design (design

More information

TYPE BASICS Cartographic Design & Principles Winter 2016

TYPE BASICS Cartographic Design & Principles Winter 2016 TYPE BASICS Cartographic Design & Principles Winter 2016 Words on a Map Everything on the Earth has a name Names on a map, make it a map Otherwise it is a picture, photograph or design Assigning names

More information

The Future of Web Typography. Richard Rutter

The Future of Web Typography. Richard Rutter The Future of Web Typography Richard Rutter ÿ opening double quote closing double quote opening single quote closing single quote en dash em dash minus multiplication ellipsis Aboard Minerva off the Coast

More information

Graphics. HCID 520 User Interface Software & Technology

Graphics. HCID 520 User Interface Software & Technology Graphics HCID 520 User Interface Software & Technology PIXELS! 2D Graphics 2D Raster Graphics Model Drawing canvas with own coordinate system. Origin at top-left, increasing down and right. Graphics

More information

Graphics. HCID 520 User Interface Software & Technology

Graphics. HCID 520 User Interface Software & Technology Graphics HCID 520 User Interface Software & Technology PIXELS! 2D Graphics 2D Graphics in HTML 5 Raster Graphics: canvas element Low-level; modify a 2D grid of pixels.

More information

Computer Graphics. Chapter 4 Attributes of Graphics Primitives. Somsak Walairacht, Computer Engineering, KMITL 1

Computer Graphics. Chapter 4 Attributes of Graphics Primitives. Somsak Walairacht, Computer Engineering, KMITL 1 Computer Graphics Chapter 4 Attributes of Graphics Primitives Somsak Walairacht, Computer Engineering, KMITL 1 Outline OpenGL State Variables Point Attributes Line Attributes Fill-Area Attributes Scan-Line

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

GEOMETRY BASIC GEOMETRICAL IDEAS. 3) A point has no dimensions (length, breadth or thickness).

GEOMETRY BASIC GEOMETRICAL IDEAS. 3) A point has no dimensions (length, breadth or thickness). CLASS 6 - GEOMETRY BASIC GEOMETRICAL IDEAS Geo means Earth and metron means Measurement. POINT 1) The most basic shape in geometry is the Point. 2) A point determines a location. 3) A point has no dimensions

More information

Contents. Lines, angles and polygons: Parallel lines and angles. Triangles. Quadrilaterals. Angles in polygons. Congruence.

Contents. Lines, angles and polygons: Parallel lines and angles. Triangles. Quadrilaterals. Angles in polygons. Congruence. Colegio Herma. Maths Bilingual Departament Isabel Martos Martínez. 2015 Contents Lines, angles and polygons: Parallel lines and angles Triangles Quadrilaterals Angles in polygons Congruence Similarity

More information

4.5 Conservative Forces

4.5 Conservative Forces 4 CONSERVATION LAWS 4.5 Conservative Forces Name: 4.5 Conservative Forces In the last activity, you looked at the case of a block sliding down a curved plane, and determined the work done by gravity as

More information

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2)

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) Web Development & Design Foundations with HTML5 Ninth Edition Chapter 3 Configuring Color and Text with CSS Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of links

More information

Elementary Planar Geometry

Elementary Planar Geometry Elementary Planar Geometry What is a geometric solid? It is the part of space occupied by a physical object. A geometric solid is separated from the surrounding space by a surface. A part of the surface

More information

Character Formatting. Formatting the Text in Text Frames

Character Formatting. Formatting the Text in Text Frames FIGURE 4-1 Formatting the Text in Text Frames CHAPTER 4. TYPE 199 Use the Selection tool to select the text frames you want to format and apply formatting. InDesign applies the formatting to all of the

More information

from The Elements of Typographic Style by Robert Bringhurst, page 171

from The Elements of Typographic Style by Robert Bringhurst, page 171 from The Elements of Typographic Style by Robert Bringhurst, page 171 from The Elements of Typographic Style by Robert Bringhurst, page 148 h Dunt augue et, sum ad dolore do od estionse feum iure magna

More information

Chapter One Modifying Your Fonts

Chapter One Modifying Your Fonts Chapter One Modifying Your Fonts Steps to Modifying Fonts Opening Fonts Changing Character Weight About Font Piracy Creating Oblique Fonts Creating Fractions Creating Ligatures Creating Condensed Characters

More information

Before & After. Use the Principles Cheatsheet! From The Non-Designer s Design Book, Robin Williams Non-Designer s Design 8

Before & After. Use the Principles Cheatsheet! From The Non-Designer s Design Book, Robin Williams Non-Designer s Design 8 Before & After Use the Principles Cheatsheet! From The Non-Designer s Design Book, Robin Williams Non-Designer s Design 8 Before & After From The Non-Designer s Design Book, Robin Williams Non-Designer

More information

Introduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100

Introduction to Multimedia. MMP100 Spring 2016 thiserichagan.com/mmp100 Introduction to Multimedia MMP100 Spring 2016 profehagan@gmail.com thiserichagan.com/mmp100 Troubleshooting Check your tags! Do you have a start AND end tags? Does everything match? Check your syntax!

More information

Polygons and Convexity

Polygons and Convexity Geometry Week 4 Sec 2.5 to ch. 2 test Polygons and Convexity section 2.5 convex set has the property that any two of its points determine a segment contained in the set concave set a set that is not convex

More information

3.1 INTRODUCTION TO THE FAMILY OF QUADRATIC FUNCTIONS

3.1 INTRODUCTION TO THE FAMILY OF QUADRATIC FUNCTIONS 3.1 INTRODUCTION TO THE FAMILY OF QUADRATIC FUNCTIONS Finding the Zeros of a Quadratic Function Examples 1 and and more Find the zeros of f(x) = x x 6. Solution by Factoring f(x) = x x 6 = (x 3)(x + )

More information

The radius for a regular polygon is the same as the radius of the circumscribed circle.

The radius for a regular polygon is the same as the radius of the circumscribed circle. Perimeter and Area The perimeter and area of geometric shapes are basic properties that we need to know. The more complex a shape is, the more complex the process can be in finding its perimeter and area.

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

Log1 Contest Round 2 Theta Circles, Parabolas and Polygons. 4 points each

Log1 Contest Round 2 Theta Circles, Parabolas and Polygons. 4 points each Name: Units do not have to be included. 016 017 Log1 Contest Round Theta Circles, Parabolas and Polygons 4 points each 1 Find the value of x given that 8 x 30 Find the area of a triangle given that it

More information

Typography/ Layout and Design

Typography/ Layout and Design Typography/ Layout and Design What is typography? It s the study and science of fonts. Using typography is almost an art, and it takes practice to learn to use it correctly. Type is not just text that

More information

IT82: Mul timedia. Practical Graphics Issues 20th Feb Overview. Anti-aliasing. Fonts. What is it How to do it? History Anatomy of a Font

IT82: Mul timedia. Practical Graphics Issues 20th Feb Overview. Anti-aliasing. Fonts. What is it How to do it? History Anatomy of a Font IT82: Mul timedia Practical Graphics Issues 20th Feb 2003 1 Anti-aliasing What is it How to do it? Lines Shapes Fonts History Anatomy of a Font Overview Types of Fonts ( which do I choose? ) How to make

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

Adding CSS to your HTML

Adding CSS to your HTML Adding CSS to your HTML Lecture 3 CGS 3066 Fall 2016 September 27, 2016 Making your document pretty CSS is used to add presentation to the HTML document. We have seen 3 ways of adding CSS. In this lecture,

More information

Boardworks Ltd KS3 Mathematics. S1 Lines and Angles

Boardworks Ltd KS3 Mathematics. S1 Lines and Angles 1 KS3 Mathematics S1 Lines and Angles 2 Contents S1 Lines and angles S1.1 Labelling lines and angles S1.2 Parallel and perpendicular lines S1.3 Calculating angles S1.4 Angles in polygons 3 Lines In Mathematics,

More information

understanding typography

understanding typography understanding typography What is typography?! it is what language looks like! it is the art and technique of modifying type and arranging it on a page What does the arrangement of type mean? the arrangement

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

B R A N D GUIDELINES

B R A N D GUIDELINES BRAND GUIDELINES You never get a second chance to make a first impression. 01 02 03 INTRODUCTION About the City of New Bedford s brand 5 THE LOGO The Logo and usage 7 Color & variations 7 Clearspace &

More information

Unit 2 Output Primitives and their Attributes

Unit 2 Output Primitives and their Attributes Unit 2 Output Primitives and their Attributes Shapes and colors of the objects can be described internally with pixel arrays or with sets of basic geometric structures, such as straight line segments and

More information

Grade 9 Math Terminology

Grade 9 Math Terminology Unit 1 Basic Skills Review BEDMAS a way of remembering order of operations: Brackets, Exponents, Division, Multiplication, Addition, Subtraction Collect like terms gather all like terms and simplify as

More information

GO Transit type treatments report

GO Transit type treatments report GO Transit type treatments report Prepared for Russell McGorman Signage Services Engineering GO Transit 81 Middlefield Rd. Scarborough M1S 5A9 2002.08.15 Project overview As an adjunct to the May 2002

More information

a. divided by the. 1) Always round!! a) Even if class width comes out to a, go up one.

a. divided by the. 1) Always round!! a) Even if class width comes out to a, go up one. Probability and Statistics Chapter 2 Notes I Section 2-1 A Steps to Constructing Frequency Distributions 1 Determine number of (may be given to you) a Should be between and classes 2 Find the Range a The

More information