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

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

jasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia

BASIC ABOUT TYPE TYPO GRAPHY

VOICE OF TYPE LECTURE 1

BBN ANG 183 Typography Text colour: vertical and horizontal spacing

Typography guidelines

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

Alphabet. elemental visual signs 26 characters frozen sounds

How to use text. Adding a text frame

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

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

Typefaces are character sets based on distinct design characteristics.

Typography Controlling Visual Hierarchy Introduction to Grid Theory Design Consistency

Font classification review

INTRODUCTION TO TYPOGRAPHY DESIGN

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

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

Helvetica Type Specimen Process book

PLANNING. CAEL Networked Worlds WEEK 2

FOUNDATION IN GRAPHIC DESIGN. with ADOBE APPLICATIONS

LESSON 7 Introduction to Typography

PRESENTATION BOARD LAYOUT

Adjust the point size

understanding typography

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

Writing and Document Design Lecture 6 Typography

Objective 203 Apply production methods to plan and create advanced digital media graphics projects. Course Weight : 25%

Modifying Type: effects of a letter change COLDS

LOGO & BRAND STANDARDS GUIDE

> creative résumé. > specifications: save as: Resume_Lastname.ai dimensions: 8.5" x 11" or 11" x 8.5" mode: CMYK

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

Font, Typeface, Typeface Family. Selected Typographical Variables

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

laurengregory laurengregorydesign.com

OCA Graphic Design: Core Concepts 1 Assignment 5 - Penguin Books Jane Braybrook Jane511794

CALM BRAND BIBLE / CONTENTS

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)

1. Message. I am Speculative Layout intensifies the message and the identity of the sender

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

Quick Access Toolbar. You click on it to see these options: New, Open, Save, Save As, Print, Prepare, Send, Publish and Close.

How to use styles, lists, columns and table of contents

Using Text in Photoshop

Web-Friendly Sites. Planning & Design 1

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

section four typography contents introduction...44 helvetica neue...45 bodoni...46 examples of type usage...47 body text examples...

DESKTOP PUBLISHING FOR PRINT PRODUCTION PRACTICAL

Good Publication Design

Copyright. For more information, please read the Disclosures and Disclaimers section at the end of this ebook. First PDF Edition, February 2013

HCC General Education Requirement Designated Competency Attribute Code(s):

INTRODUCTION. Please respect the integrity of the brand and the careful thought and craft that has gone into it.

In Depth: Writer. The word processor is arguably the most popular element within any office suite. That. Formatting Text CHAPTER 23

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

STONELAW HIGH GRAPHIC

Typography in Design The principles of design describe the ways that artists use the elements of art in a work of art.

ZUZANA LICKO RUDY VANDERLANS. SPACE PROBE: Investigations Into Monospace. Typeface BASE MONOSPACE Typeface design. Specimen design

DIGITAL BANNER ADVERTISING GUIDELINES

Corporate Identity Guidelines

Multimedia Design Principles. Darnell Chance August 2005

Document and Web design has five goals:

Chapter 5: Character and Paragraph Formatting in MS Word

Written Language Production

Typographic Design Form And Communication 5th Edition

Working with grids are an inherent part of the craft of designing. FUNCTIONS OF A GRID

Introduction A global icon needs an iconic logo. Fashion has evolved since 1969, when Gap opened its first store. Our logo has changed with the

Visual Design. Gestalt Principles Creating Organization and Structure Typography. UI Visual Design Objectives

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

Edea IDENTITY STYLE GUIDE

Page Layout Design min

Bardax. Process GD350 ADVANCED TYPOGRAPHY REFLECTION ON PRACTICE ERSAN ÇELİKTAŞ

Word Tutorial 3. Creating a Multiple- Page Report COMPREHENSIVE

SELECTING THE RIGHT TYPE FOR THE JOB

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

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

Desktop Publishing. MIT Computer Centre 5/1. Shortcut Key of UNDO is A) Ctrl + X B) Ctrl + H C) Ctrl + Y D) Ctrl + Z Correct Answer : D

Cartographic Principles: Map design

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

Adobe InDesign CS3. Biotics Faculties. Teaching Plan (60 Days) BIOTICS.IN Typesetting Training for Professionals. Compiled by

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

Georgia Competency-Based Curriculum Frameworks, Career & Technical Education Technology Education, Graphic Arts Technology, Course 21.

Adobe InDesign CC 2017

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

On the Web sun.com/aboutsun/comm_invest STAROFFICE 8 DRAW

VHSE - COMPUTERISED OFFICE MANAGEMENT MODULE III - Communication and Publishing Art - PageMaker

Visual Design. Gestalt Principles Creating Organization and Structure Typography. Visual Design 1

Identity Guidelines 2018

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

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.

BRANDING & STYLE GUIDE CONTACT INFORMATION : CTL 203/204, , uco.edu/stlr UPDATED APRIL 2017

Crowning Your Investment LOGO GUIDELINES

Formatting Text. 05_Format rd July 2000

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

Brand Guidelines. version

Understanding PowerPoint s Text Capabilities

Creating Page Layouts 25 min

JABRA CORPORATION GRAPHIC STANDARDS MANUAL

Structure of Text. Creating Memory Aids through Typography

brandguidelines v 1.0

> 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]

Typographic hierarchy: How to prioritize information

proj 5 A/B kerning & introduction to the grid

Transcription:

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... > Margin... 5 4 7 8 6

Rules that every typographer MUST KNOW Typography is, quite simply, the art and technique of arranging type. It's central to the work and skills of a designer and is about much more than making the words legible. Your choice of typeface and how you make it work with your layout, grid, colour scheme, design theme and so on will make the difference between a good, bad and great design. There are lots of typography tutorials around to help you master the discipline. But good typography is often down to creative intuition. Once you're comfortable with the basics, visit some typography resources to investigate font families and discover some font pairings that are made for each other. Choosing a font There is an astonishing array of paid-for and free fonts to choose from online. But with great power comes great responsibility. Just because you can choose from a vast library doesn't mean you have to; there's something to be said for painting with a limited palette, and tried and tested fonts like Helvetica continue to serve us well. A typeface, like any form of design, is created by craftsmen over a substantial period of time, using the talent and experience they've been honing for many years. And the benefits of a professionally designed font various weights and styles to form a complete family, carefully considered kerning pairs, multi-language support with international characters, expressive alternate glyphs to add character and variety to type-setting are not always found in a font available for free. Here are some of the most important typographic considerations the professional designers needs to take into account. 1. Size All typefaces are not created equally. Some are fat and wide; some are thin and narrow. So words set in different typefaces can take up a very different amount of space on the page. The height of each character is known as its 'x-height' (quite simply because it's based on the letter 'x'). When pairing typefaces such as when using a different face to denote an area of attention it's generally wise to use those that share a similar x-height. The width of each character is known as the 'set width', which spans the body of the letter plus a space that acts as a buffer with other letter. The most common method used to measure type is the point system, which dates back to the eighteenth century.

Rules that every typographer MUST KNOW 2. Leading Leading describes the vertical space between each line of type. It s called this because strips of lead were originally used to separate lines of type in the days of metal typesetting. For legible body text that s comfortable to read, a general rule is that your leading value should be greater than the font size; anywhere from 1.25 to 1.5 times. 3. Tracking and kerning Kerning describes the act of adjusting the space between characters to create a harmonious pairing. For example, where an uppercase A meets an uppercase V, their diagonal strokes are usually kerned so that the top left of the V sits above the bottom right of the A. 4. Measure The term measure describes the width of a text block. If you re seeking to achieve the optimum reading experience, it s clearly an important consideration. 5. Hierarchy and scale If all type was the same size, then it would be difficult to know which was the most important information on the page. In order to guide the reader, then, headings are usually large, sub-headings are smaller, and body type is smaller still. Size is not the only way to define hierarchy it can also be achieved with colour, spacing and weight. Kerning similar to, but not the same as, tracking ; this relates to the spacing of all characters and is applied evenly.

BBaseline In typography, the baseline is the imaginary line upon which a line of text rests. In most typefaces, the descenders on characters such as g or p extend down below the baseline while curved letters such as c or o extend sever-so-so-slightly below the baseline. The baseline is the point from which other elements of type are measured including x-height and leading. The baseline is also significant in the alignment of drop caps and other page elements.

GGutter In typography a column is one or more vertical blocks of content positioned on a page, separated by gutters (vertical whitespace) which are the space between columns of printed text Columns are most commonly used to break up large bodies of text that cannot fit into a single block of text on a page. Newspapers very frequently use complex multi-column layouts to break up stories and longer text in a story

Hierarchy The term visual hierarchy is used most frequently in the discourse of the visual art fields, notably so within the field of graphic design. Visual hierarchy influences the order in which the human eye perceives what it sees. This order is created by the visual contrast between forms in a field of perception. Objects with highest contrast to their surroundings are recognized first by the human mind.

Ke Ke Kerning In typography, kerning is the process of adjusting the spacing between characters in a proportional font, usually to achieve a visually pleasing result Kerning adjusts the space between individual letter forms, while tracking adjusts spacing uniformly over a range visually similar area The related term kern denotes a part of a type letter that overhangs the edge of the type block letter that overhangs the edge of the type block Ke

Margin m In typography, a margin is the area between the main content of a page and the page edges The margin helps to define where a line of text begins and ends The top and bottom margins of a page are also called head and foot respectively. The term margin can also be used to describe the edge of internal content, such as the right or left edge of a column of text