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

Size: px
Start display at page:

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

Transcription

1 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 end of the letters T Script Script Like handwriting Smashed Decorative Arm E Q L Stem Tail

2 Anatomy of Characters Type faces have different characteristics, some are subtle and others obvious. Familiarise yourself with the terminology and you will start to find that you can not only refer to the parts of characters but start to see the differences in the characters you use and view. Educate your eye to recognise the differences between characters and you start to gain control over their reproduction and appropriate use. Arm/leg An upper or lower (horizontal or diagonal) stroke that is attached on one end and free on the other. Ascender The part of a lowercase character (b, d, f, h, k, l, t) that extends above the x- height. Bar The horizontal stroke in characters such as A, H, R, e, and f. Bowl A curved stroke which creates an enclosed space within a character (the space is then called a counter) Cap Height The height of capital letters from the baseline to the top of caps, most accurately measured on a character with a flat bottom (E, H, I, etc.). Counter The partially or fully enclosed space within a character. Descender The part of a character (g, j, p, q, y, and sometimes J) that descends below the baseline. Ear The small stroke that projects from the top of the lowercase g. Link The stroke that connects the top and bottom part (bowl and loop) of a two story lowercase g. Loop The lower portion of the lowercase g. Serif The projections extending off the main strokes of the characters. Shoulder The curved stroke of the h, m, n. Spine The main curved stroke of the S. Spur A small projection off a main stroke found on many capital Gs. Stem A straight vertical stroke (or the main straight diagonal stroke in a letter which has no verticals). Stress The direction of thickening in a curved stroke. Stroke A straight or curved line. Swash A fancy flourish replacing a terminal or serif. Tail The descender of a Q or short diagonal stroke of an R. Terminal The end of a stroke not terminated with a serif. X-height The height of lowercase letters, specifically the lowercase x, not including ascenders and descenders. Source: Jo Sorensen 2 Updated August 09

3 Typography Much of the art of typography is concerned with typefaces and the shape of the individual characters that make up text, just as importantly, typography is the way that these characters are put together to produce the words and lines in your publication. Typography greatly affects your publications legibility, readability and communication effectiveness. Typography affects the mood of your publication, and used appropriately can generate different and sometimes strong emotions in readers e.g. light heartedness, a sense of elegance, strong determination etc. Changing the typeface, size, weight or colour of text can add contrast to your publication which helps you emphasise important parts of your publication. Typography can also add meaning to your publication especially when your reader first scans through it e.g. making headings larger or bolder can help readers recognise different areas of your publication that they may want to consider further or dismiss without wasting their time. Letter form A particular style or form that makes each letter unique e.g. a d or a y we can recognise these by their basic strokes. Typeface A set of letter forms (which can include numbers and symbols) that share common design elements. These go through processes to create the fonts we use in desktop publishing Type styles Type can share a commonality of design elements but be modified to change their appearance e.g. italics, bold, condensed or expanded. Some typefaces have even greater variation in style e.g. outline, shaded or decorated. Type family A whole related group of type styles based on a single typeface. Eg Arial, Arial Black, Arial Rounded and Arial narrow. Type sizes Type size is usually measured in points where 72 points = 1 inch (2.54cm). The size is measured from the top of ascenders through the body to the bottom of the descenders. Type weight All letterforms are made up of strokes. Letterforms with thin strokes have a light and airy feeling whereas letterforms with thick strokes are heavy and bold. Type families can contain a range of weights such as light, regular, semi-bold, bold, extra bold etc. 3

4 Typography - continued Changing the amount of space between letters, and lines of type, can drastically change how legible and readable your message becomes. Used properly spacing type, and lines, can create attractive, easy to read publications. Used inappropriately you can create a publication with the same words and yet it can be very hard to read. Tracking / Letter spacing the space between individual characters. Word Word Word W o r d Normal tracking Very tight tracking Loose Tracking Custom (200%) Tracking Stretching - increasing the width of both the characters and white space between. Are you impressed? Are you impressed? (Stretched to 200%) Kerning - adjusting the space between specific pairs of characters. Some characters leave more white space at their sides than others and when we create words you sometimes need to alter the whitespace between pairs of letters by kerning. The need becomes more exaggerated with large text sizes. Word Word Not kerned Kerned Word spacing the space between words. The space between words changes the way we read. If the space is too big we can struggle to get continuity of phrases as individual words take our attention and the reader struggles to track through the text. This is something you must look out for, particularly when you use justified alignment with narrow columns or with large text sizes. Large spaces between words allow out eyes to drop to the next line and we lose continuity of phrases as tracking becomes more difficult This is what can happen with justified text. The spacing between words gets exaggerated as the text is dragged apart to fill the area This can become more prominent if you use large text in small columns. 4

5 Typography - continued Leading the space between lines of type (also referred to as line spacing). Adding whitespace between lines of text can make reading easier depending on the font type you are using. However, too much space can allow our eyes to lose track of where to go next and make reading more difficult. Adding whitespace between lines of text can make reading easier depending on the font type you are using. However, too much space can allow our eyes to lose track of where to go next and make reading more difficult. However, too much space can allow our eyes to lose track of where to go next and make reading more difficult. Rivers in text sometimes the space between words begins to line up, line after line creating rivers. These rivers in the text direct our eye to follow and we struggle to track through our text. This decrease in the readability leads to readers losing the message you are trying to convey. Watch out for this problem, there are many ways to fix this including changing the font type or size, altering the alignment or changing column widths. Rivers in text Hyphenation Excessive hyphenation decreases readability. This is linked heavily with justification and narrow columns. Avoid excessive hyphenation wherever possible. To turn hyphenation off in Publisher 07 Tools > Language > Hyphenation Jo Sorensen 5 Updated August 09

6 Typography - continued White Space Well the first thing about white space is that it doesn't have to be white. It is any empty or non used space in your publication. White space can have a background colour or texture on it but basically it is an area where readers can rest their eyes and it provides contrast to other publication elements. White space is the open areas around headings, margins, between borders and text, between graphics and other elements, around columns of text, indented spaces and also between lines of text. White space can be used to create aesthetically pleasing layouts, emphasise important elements, or to enhance the readability of text in your publication. Lack of white space will darken a publication and will often make reading more difficult. Example of increased use of white space to increase readability Long lines of text can be tiring to read. You can try breaking tedious textural content up using columns, increasing line spacing (leading) and incorporating graphics. You can also try a lighter font or larger size font. This text block strains the eyes to read through it. Readers will not get your message if you do not make your copy easily readable. Today tropical rainforests are disappearing from the face of the globe. Despite growing international concern, rainforests continue to be destroyed at a pace exceeding 80,000 acres (32,000 hectares) per day. World rainforest cover now stands at around 2.5 million square miles (6 million square kilometres), an area about the size of the contiguous 48 United States or Australia and representing around 5 percent of the world's land surface. Much of this remaining area has been impacted by human activities and no longer retains its full original biodiversity. Deforestation of tropical rainforests has a global impact through species extinction, the loss of important ecosystem services and renewable resources, and the reduction of carbon sinks. However, this destruction can be slowed, stopped, and in some cases even reversed. Most people agree that the problem must be remedied, but the means are not as simple as fortifying fences around the remaining rainforests or banning the timber trade. Economic, political, and social pressures will not allow rainforests to persist if they are completely closed off from use and development The text block below contains copy that is more readable. The text uses white space around and between the text to break up the copy and give your eyes a break but still allows for easy tracking. ie your eyes know where they should go next. This is also partially achieved using the centre column border. Today tropical rainforests are disappearing from the face of the globe. Despite growing international concern, rainforests continue to be destroyed at a pace exceeding 80,000 acres (32,000 hectares) per day. World rainforest cover now stands at around 2.5 million square miles (6 million square kilometres), an area about the size of the contiguous 48 United States or Australia and representing around 5 percent of the world's land surface. Much of this remaining area has been impacted by human activities and no longer retains its full original biodiversity. Deforestation of tropical rainforests has a global impact through species extinction, the loss of important ecosystem services and renewable resources, and the reduction of carbon sinks. However, this destruction can be slowed, stopped, and in some cases even reversed. Most people agree that the problem must be remedied, but the means are not as simple as fortifying fences around the remaining rainforests or banning the timber trade. Economic, political, and social pressures will not allow rainforests to persist if they are completely closed off from use and development 6

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

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

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

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

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

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

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

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

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

The 12 most common newsletter design mistakes

The 12 most common newsletter design mistakes The 12 most common newsletter design mistakes www.targetmarketingnetwork.com By: Roger C. Parker Your newsletter s success depends on its design. An attractive, easy to read newsletter encourages readers

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

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

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

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

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

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

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

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

SAMPLE PAGES. Syllabus coverage chart. viii Syllabus coverage chart

SAMPLE PAGES. Syllabus coverage chart. viii Syllabus coverage chart viii Syllabus coverage chart Syllabus coverage chart The chart below shows how each Unit and Topic relates to the ICT syllabus and the Computer Studies syllabus. Computer Unit 11.1 Computer Fundamentals

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

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

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

C L A S S 2 T Y P O G R A P H Y. FOUNDATIONS OF GRAPHIC DESIGN MW 8 a.m.

C L A S S 2 T Y P O G R A P H Y. FOUNDATIONS OF GRAPHIC DESIGN MW 8 a.m. C L A S S 2 T Y P O G R A P H Y FOUNDATIONS OF GRAPHIC DESIGN MW 8 a.m. Typography Typography separates graphic design from visual art. In every piece of type you see, somebody has considered how the letters,

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

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

Typographic hierarchy: How to prioritize information

Typographic hierarchy: How to prioritize information New York City College of Technology, CUNY Department of Communication Design Typographic Design III Instructor: Professor Childers pchilders1@mac.com Typographic hierarchy: How to prioritize information

More information

Typesetting Tips. Put your best type forward.

Typesetting Tips. Put your best type forward. Typesetting Tips Put your best type forward. Do you want your audience to read your document? Improve your chances by making your article easy to read. Make the document difficult to read and To learn

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

Design Principles. Advanced Higher Graphic Presentation. Professional Graphic Presentations by kind permission of

Design Principles. Advanced Higher Graphic Presentation. Professional Graphic Presentations by kind permission of Design Principles Advanced Higher Graphic Presentation Professional Graphic Presentations by kind permission of Design Principles:- Balance Balance in Composition Three different types of balance :- *

More information

19. Bulleted and Numbered Lists

19. Bulleted and Numbered Lists Kennesaw State University DigitalCommons@Kennesaw State University Sexy Technical Communications Open Educational Resources 3-1-2016 19. Bulleted and Numbered Lists David McMurray Follow this and additional

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

Appendix D CSS Properties and Values

Appendix D CSS Properties and Values HTML Appendix D CSS Properties and Values This appendix provides a brief review of Cascading Style Sheets (CSS) concepts and terminology, and lists CSS level 1 and 2 properties and values supported by

More information

InDesign. your. Resumé. a how-to guide for creating a professional resumé using InDesign

InDesign. your. Resumé. a how-to guide for creating a professional resumé using InDesign InDesign your Resumé a how-to guide for creating a professional resumé using InDesign Table of Contents p4. Glossary p5. The Importance of Good Design p6. Setting up the Document p10. Creating a Grid p12.

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

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

TOOLKIT for Making Written Material Clear and Effective. SECTION 2: Detailed guidelines for writing and design

TOOLKIT for Making Written Material Clear and Effective. SECTION 2: Detailed guidelines for writing and design TOOLKIT for Making Written Material Clear and Effective SECTION 2: Detailed guidelines for writing and design PART 5 Understanding and using the Toolkit Guidelines for Graphic Design Chapter 4 Guidelines

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

Crimes Against Typography. Shela Vang 13 images Collaborative Partner: Daha Lee 12 images

Crimes Against Typography. Shela Vang 13 images Collaborative Partner: Daha Lee 12 images 13 images Collaborative Partner: Daha Lee 12 images Table of Contents 1 Alignment 3 Dashes 4 Hierarchy 5 Kerning 6 Line Spacing 7 Scale 8 Tracking 9 Widow 10 Thumbnail Images alignment alignment Poorly

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

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

ABOUT RESEARCH POSTERS

ABOUT RESEARCH POSTERS ABOUT RESEARCH POSTERS Research posters summarize information or research concisely and attractively to help publicize it and generate discussion. The poster is usually a mixture of a brief text mixed

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

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

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

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

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

Unit 3 : Attracting the Reader

Unit 3 : Attracting the Reader Attracting the Reader Unit 3 : Attracting the Reader A great deal of your success as a desktop publisher depends on your ability to create attractive, easy-to-read headlines and logos. Headlines are the

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

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

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

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

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

Design Elements. Advanced Higher Graphic Presentation. Professional Graphic Presentations by kind permission of

Design Elements. Advanced Higher Graphic Presentation. Professional Graphic Presentations by kind permission of Design Elements Advanced Higher Graphic Presentation Professional Graphic Presentations by kind permission of Lines can Design Element:- Line Convey a mood or an emotion. Organise the design. Establish

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

Unit 3--Alignment, Formatting Font--Size, Color, Style [Bold, Italic, and Underline] Block

Unit 3--Alignment, Formatting Font--Size, Color, Style [Bold, Italic, and Underline] Block Unit 3--Alignment, Formatting Font--Size, Color, Style [Bold, Italic, and Underline] Block Use the mouse pointer to select the text (or put a blue highlight behind it). Then, make the changes you need.

More information

Style Guide v1.0 - Valid until August 1, 2017

Style Guide v1.0 - Valid until August 1, 2017 Style Guide v1.0 - Valid until August 1, 2017 Our Guidelines Our name and reputation are known across the globe, and three letters UAB carry the weight of the institution with them wherever they go. A

More information

fonts Some famous (and infamous) fonts

fonts Some famous (and infamous) fonts fonts It s easy to forget that fonts have been around for hundreds of years, and the writing styles of ancient cultures have influenced their creation for thousands of years. The people who design fonts

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

Designing Research Posters. College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor

Designing Research Posters. College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor Designing Research Posters College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor Size and Orientation If you are NOT using the poster template: Start is with a 48"

More information

Chapter 7 Typography, Style Sheets, and Color. Mrs. Johnson

Chapter 7 Typography, Style Sheets, and Color. Mrs. Johnson Chapter 7 Typography, Style Sheets, and Color Mrs. Johnson Typography Typography refers to the arrangement, shape, size, style, and weight of text. Affects the navigation and usability of a web site and

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

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

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

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

BRAND IDENTITY STANDARDS GUIDE

BRAND IDENTITY STANDARDS GUIDE BRAND IDENTITY STANDARDS GUIDE JANUARY 2015 TABLE OF CONTENTS This brand identity standards guide was created to help establish the BCIU s visual brand image and bring consistency to all visual representations

More information

Logos. North Dallas Shared Ministries

Logos. North Dallas Shared Ministries Brand Guidelines Logos The NDSM logo stands at the center of the NDSM brand. For this reason it must be reproduced and applied with consistency in all of our brand communications. It is essential that

More information

ONE K CREATIVE. tools for social impact storytelling: CREATING A CONSISTENT BRand

ONE K CREATIVE. tools for social impact storytelling: CREATING A CONSISTENT BRand ONE K CREATIVE tools for social impact storytelling: CREATING A CONSISTENT BRand key elements to define for brand consistency DEFINING THE BASIC ELEMENTS OF YOUR BRAND ALLOWS YOUR TEAM - STAFF, BOARD MEMBERS,

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

WATER (No kerning) WATER (Automatic Kerning) WATER (Manual Kerning).

WATER (No kerning) WATER (Automatic Kerning) WATER (Manual Kerning). Styles Learning to use styles is a very effective way to save time and improve the consistency of publications. A style is a group of attributes that can be applied at once, to one or more paragraphs,

More information

Universal Design Principles Checklist

Universal Design Principles Checklist Universal Design Principles Checklist February 2012 The concept of Universal Design was developed by people who worked on designing equipment and environments for people with a disability. They saw that

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

OUR TYPOGRAPHY APPROVED UNIVERS FONTS. Univers 65 Bold Univers 65 Bold Oblique Univers 75 Black Univers 75 Black Oblique

OUR TYPOGRAPHY APPROVED UNIVERS FONTS. Univers 65 Bold Univers 65 Bold Oblique Univers 75 Black Univers 75 Black Oblique BRAND TYPOGRAPHY For Internal Use Only Not For Use With The Public. For help and guidance on our brand standards, contact marketinginbox@firstcommand.com. 63 OUR TYPOGRAPHY Typography is a powerful extension

More information

BRAND. For Internal Use Only Not For Use With The Public. For help and guidance on our brand standards, contact

BRAND. For Internal Use Only Not For Use With The Public. For help and guidance on our brand standards, contact BRAND TYPOGRAPHY. 1 OUR TYPOGRAPHY. Typography is a powerful extension of our brand s personality. It plays an important role in creating a consistent look for First Command across all communications and

More information

Reading 2.2 Cascading Style Sheets

Reading 2.2 Cascading Style Sheets Reading 2.2 Cascading Style Sheets By Multiple authors, see citation after each section What is Cascading Style Sheets (CSS)? Cascading Style Sheets (CSS) is a style sheet language used for describing

More information

Poster-making 101 for 1 PowerPoint slide

Poster-making 101 for 1 PowerPoint slide Poster-making 101 for 1 PowerPoint slide Essential information for preparing a poster for the poster printer 1. Poster size: You will be creating a single large slide in PowerPoint. 2. Before adding any

More information

Document and Web design has five goals:

Document and Web design has five goals: Document and Web design has five goals: to make a good impression on readers to help readers understand the structure and hierarchy of the information to help readers find the information they need to

More information

Brand Guidelines. version

Brand Guidelines. version Brand Guidelines version 2017.1 Primary Logo The OPSWAT logo is a universal signature spanning all of our communications. Because it is such a recognizable and highly visible asset, it s important that

More information

Identity Guidelines 2018

Identity Guidelines 2018 Identity Guidelines 2018 Table of Contents The Signature Clear Space Minimum Size Color Formats Signature Misuses Color Palette Primary Color Palette Secondary Color Palette Support Typography: Sans Serif

More information

GÉANT CORPORATE IDENTITY GUIDELINES FOR USE. connect communicate collaborate

GÉANT CORPORATE IDENTITY GUIDELINES FOR USE. connect communicate collaborate GÉANT CORPORATE IDENTITY GUIDELINES FOR USE connect communicate collaborate THE LOGO The GÉANT logo is the core element within the brand. From printed brochures and datasheets through PowerPoint presentations

More information

USER GUIDE ADD-ON FONTS

USER GUIDE ADD-ON FONTS USER GUIDE ADD-ON FONTS CONTENTS Hatch Add-on Fonts... 1 Join method... 1 Font pack 1 - Script... 1 Font pack 2 - Monograms... 1 Font pack 3 - Sans Serif... 2 Font pack 4 - Décor... 3 Font pack 5 - Special

More information

Brand Guidelines. Have questions or need help? Contact us at

Brand Guidelines. Have questions or need help? Contact us at Brand Guidelines Have questions or need help? Contact us at hello@startupcan.ca v 2.0 November 2018 Table of Contents Entrepreneurship Empowers Everyone In Writing...3 Logo...4 Alternate Versions...5 Colours...6

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

LOGO USE GUIDELINES BRAND GUIDELINES PUBLISHED ON FEBRUARY 17,

LOGO USE GUIDELINES BRAND GUIDELINES PUBLISHED ON FEBRUARY 17, LOGO USE GUIDELINES BRAND GUIDELINES PUBLISHED ON FEBRUARY 17, 2014 1 LOGO USE GUIDELINES LOGO USAGE GUIDELINES 13 LOGO USAGE GUIDELINES The Gardner-Webb logo is the centerpiece of the University's visual

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

What is Accessibility?

What is Accessibility? Email Accessibility What is Accessibility? 1. Extent to which a consumer or user can obtain a good or service at the time it is needed. 2. Ease with which a facility or location can be reached from other

More information

Part II: Creating Visio Drawings

Part II: Creating Visio Drawings 128 Part II: Creating Visio Drawings Figure 5-3: Use any of five alignment styles where appropriate. Figure 5-4: Vertical alignment places your text at the top, bottom, or middle of a text block. You could

More information

Essentials for Text and Graphic Layout

Essentials for Text and Graphic Layout 5. Essentials for Text and Graphic Layout This section provides specific text and graphic guidelines that will help create a unified series of interpretive signs around Humboldt Bay. Text refers to the

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

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

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

Accessible Documents & Presentations. By Amy Maes, DNOM

Accessible Documents & Presentations. By Amy Maes, DNOM Accessible Documents & Presentations By Amy Maes, DNOM 1 Overview Accessibility: What am I required to do? Disability Characteristics Creating an Accessible Word Document & PowerPoint Presentation v2010

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

Make It Clear Introduction

Make It Clear Introduction Make It Clear Introduction The National Council for the Blind of Ireland (NCBI), the National Association for Deaf People (NAD) and the National Adult Literacy Agency (NALA) have created common guidelines

More information

(excluding final printing time). Please ensure that your paper is complete.

(excluding final printing time). Please ensure that your paper is complete. Desktop Publishing Level 2 This paper must be returned with the candidate s work, otherwise the entry will be void and no result will be issued. 8983-12-012 (IT-NDTP 12) Candidate s name (Block letters

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

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

RIPE NCC Brand Guidelines Communications Department

RIPE NCC Brand Guidelines Communications Department 1 2015 Brand Guidelines 2 We serve our members by delivering a high quality registry and supporting the core Internet infrastructure. Connecting people within and beyond the technical community through

More information

EnvSci360 Computer and Analytical Cartography

EnvSci360 Computer and Analytical Cartography EnvSci360 Computer and Analytical Cartography Lecture 5 Working with Type and Labels Key Points Labels are text that locate and identify features on a map Important for readability & communication EnvSci

More information

Design Development Documentation

Design Development Documentation Design Development Documentation Preliminary Logo One For the first logo design in which I created I started off with a clipart image of a clenched fist in which I traced within Photoshop. I chose this

More information

The 14 biggest e-book design mistakes

The 14 biggest e-book design mistakes The 14 biggest e-book design mistakes By: Roger C. Parker Design plays an important role in the success of your e-book. Design pre-sells the importance of your words. Long before your words are read, readers

More information