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

Similar documents
understanding typography

WCSD Graphic Standards and Logo Use Guide

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)

VOICE OF TYPE LECTURE 1

Name: Class: Teacher:..

LOGO & BRAND STANDARDS GUIDE

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

TYPE ANATOMY jtittle

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

BBN ANG 183 Typography Text colour: vertical and horizontal spacing

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

ASerif. AfbcyE TYPE AND LETTERS

BASIC ABOUT TYPE TYPO GRAPHY

Typography Main typography EC Square Sans Pro

DTP Theory Notes. Arbroath Academy - Technology Department - National 5 Graphic Communication

Chapter 8: Rococo Graphic Design 18 th century

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

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

CNOOC Nexen Employer Brand Guidelines. A New Energy

BRAND GUIDE JANUARY 2013 PREPARED BY JULIE ZACK GRAPHIC DESIGNER

Typography One Project Two

The Visual Scientist Presents Poster Design

INTRODUCTION TO TYPOGRAPHY DESIGN

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

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

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

Style guide.

Typefaces are character sets based on distinct design characteristics.

Coltness High School Technical Department

Font, Typeface, Typeface Family. Selected Typographical Variables

E M I G R E G R A P H I C S DIGITAL FONTS

A Brief Illustrated History of Desktop Publishing

LESSON 7 Introduction to Typography

User-Centered Website Development: A Human- Computer Interaction Approach

Ariyaka The early typeface leads modern industrialization of letterpress printing in Thailand.

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

CANES COMMUNITIES REGIONAL VISUAL IDENTITY MANUAL. March 2015

UNIVERSITY OF THE. Identity Standards Manual. As of

History of Typography. (History of Digital Font)

Alphabet. elemental visual signs 26 characters frozen sounds

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

Typesetting Tips. Put your best type forward.

Creating Large Format Posters Using PowerPoint TIP SHEET. Before you begin working in PowerPoint, sketch out your poster on paper.

Adjust the point size

The 12 most common newsletter design mistakes

Corporate Identity Guide

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

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

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

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

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

SELECTING THE RIGHT TYPE FOR THE JOB

jasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia

HURME GEOMETRIC SANS

STYLE AND USAGE GUIDELINES

The Ohio State University, Paul Nini, Instructor

ASMP Website Design Specifications

& Typography... A Brief History of

TYPOGRAPHY. The art of type

JABRA CORPORATION GRAPHIC STANDARDS MANUAL

laurengregory laurengregorydesign.com

Trican Visual Identity Guidelines 2015

ACSC 231 Internet Technologies

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

Ferrysavers Brand Guidelines

How to use text. Adding a text frame

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

DESKTOP PUBLISHING FOR PRINT PRODUCTION PRACTICAL

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

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

UNIVERSITY OF THE. Identity Standards Manual. As of

TYPE BASICS Cartographic Design & Principles Winter 2016

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

Media, Multimedia & Digital Media. Basic Concepts

art 118: intro to communication design // FALL 2011

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

GD I // SPRING

FOR VISIT TUCSON PARTNERS

BRAND IDENTITY STANDARDS GUIDE

STONELAW HIGH GRAPHIC

Visual Brand Identity Guide. UP_BRND_BK_BrandIDStandards_R8.1_ indd 1

Table of Contents. Projects 10. Typography 3. Summation 13. Corporate Mark 5. Membership Seals 8. Meetups 9. Current Project Logos 10.

SAMPLE PAGES. Syllabus coverage chart. viii Syllabus coverage chart

The use of eye-tracker technology to evaluate typefaces, Greek fonts and publication design for screen.

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

INTRODUCING THE Transition family

Corporate Identity Style Guide. April 2014

Part 1 The Elements of Design. Lines

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

Typography Manual. Edition Number 02, 2016 by Chris Do 2016 Chris Do

Basic Elements > Typeface. Contents

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

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

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

Graphic Standards Manual

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

Writing and Document Design Lecture 6 Typography

> Introduction to the Art of Typography: The Invisible Force of Design > Using Typography as a Creative Tool: Introducing Text as Art

Modifying Type: effects of a letter change COLDS

OTTER TAIL COUNTY - MINNESOTA LOGO USAGE POLICY

Transcription:

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 Applications 8.2 Basic Principles of Typography Typography is the study of typefaces, their design and their usage. The culture of communicating through the written word is used all over the world. Everyday thousands of newspapers, books, posters, leaflets are printed and read. This makes the design of letterforms an extremely important area. Fig. 8.2.01 Typography involves the creation of letterforms for use in print publications (newspapers, books, magazines etc.), digital screens (computers, cellphones, tablets etc.) and various other media where type appears as a designed entity. It requires not just the design of all the characters that appear in a certain language, but the combinations of letterforms, their spacing and joineries in order to achieve the desired ends (most often legibility and typographic elegance).

Fig. 8.2.02a Fig. 8.2.02b Fig. 8.2.02c Examples of Roman typography.

Fig. 8.2.03a Fig. 8.2.03b Typefaces are used by everybody, but a typographer pays special attention to the manner in which type is laid out. A brief history of type design Potato prints made as a part of craft activity in schools closely resemble one of the earliest mechanisms for printing. Hot metal type was a technology that used individual letterforms cast in metal. These letterforms were painstakingly arranged one after the other by typesetters. Entire columns of text composed in this manner were proofed to check for errors in composing. The final page was printed using the letterpress printing machine. The composed metal type was inked through a set of rollers. The ink was then transferred to a blanket and the impression on the blanket was printed on paper. The invention of photolithography allowed cellulose films that carried the text to expose sensitized metal plates that were then etched and used for printing. The process came to be known as the offset process.

The advent of digital technologies changed the entire approach to type design and printing. Typefaces were designed using digital tools and printed with the help of digital printers. The use of digital screens for text displays also altered the considerations that went into the design of type. Johann Gutenberg s printing press remained unchanged for nearly five hundred years although innovation and improvement of the press continued to hapen. In the 1950s photo-typesetting and offset printing began to replace letterpress technology. The use of the computer for typesetting signaled the end of letterpress technology for printing, though enthusiasts still use it. In the late 1980s digital typesetting and laser printer combined with WISYWIG (what-you-see-is-what-you-get) technology and desktop publishing made computer-based typesetting a near-universal phenomenon. A generation that grew up with television, magazines, movies, computers and cellphones it is difficult to get a sense of how much of a revolution printing was. As a medium for mass replication it allowed the unprecedented spread of ideas through printed word. Martin Luther's Protestant Reformation movement was enabled by this medium. The spread of the scientific outlook was possible because of books that could be printed and distributed all over the world. Fig. 8.2.04 Typeface design is an activity that is now done almost entirely with the help of computer software. Fundamental Typographic Principles Typography exists to honour content.

The text has to be read, before it can be designed. The relationship between the text and the other elements (photographs, captions, tables and diagram should be clear. Typographic attention should be given to incidental details. Typographic Terms Letter space: The space in between letters. Word space: The space in between words. Line space: The space in between consecutive lines of text. Kerning: Altering the spaces between letters for proper visual effect. Leading: The vertical distance between the baseline of one line and the baseline of the following line. Grey value of text: The intensity of black (or gray) that is perceived when looking at a block of text. Grids: Underlying margins and guides that serve as a basis for systematic layout. Serif: A stroke added to the beginning or the end of a letter. Sans serif: Without a serif. Weight: The darkness of the type. Display Typeface: A typeface specially designed for display purposes. Body text : Continuous running text Serif Types Aa Aa As Aa Times Bodoni Garamond Slimbach Sans serif Types Aa Aa As Aa Arial Avant Garde Frutiger Myriad Type Weights A A A A Frutiger Light Regular Extra Black Ultra Black Type Widths A A A Tekto condensed Regular Extended Angle / Slope A A Normal, Italic

Type Sizes A A A A A 8, 12, 24, 36, 48 points Rhythm TYPOGRAPHY Pattern: 12121212 TYPOGRAPHY Pattern: 1231231231 Letterspaces Letterspaces Letterspaces Letterspaces Very Loose, Loose, Normal, Tight

Grouping of Letter Shapes Round ceos COQS Vertical ilhmnu IHMNU Round and vertical abdgpqfrt BDGPR Vertical and Horizontal EFLT Oblique vwxy VWXY Oblique and Vertical kz AKZ The space between words The space between words The space between words Thespacebetweenwords Loose, Regular, No word space For easy and tranquil reading we need to close up distracting gaps and open up dark and narrow junctions. Alignment: Left Aligned, Centre Aligned, Right Aligned, Justified Left Aligned Nelle Harper Lee was born on April 28 1926 in Monroeville Alabama, a city of about 7,000 people in Monroe County, which has about 24,000 people. Monroeville is in southwest Alabama, about halfway between Montgomery and Mobile. In the 1950s she worked as a reservation clerk with Eastern Air Lines and BOAC in New York City. In order to concentrate on writing Harper Lee gave up her position with the airline and moved into a cold-water apartment with makeshift furniture. Centred Nelle Harper Lee was born on April 28 1926 in Monroeville Alabama, a city of about 7,000 people in Monroe County, which has about 24,000 people. Monroeville is in southwest Alabama, about halfway between Montgomery and Mobile.

In the 1950s she worked as a reservation clerk with Eastern Air Lines and BOAC in New York City. In order to concentrate on writing Harper Lee gave up her position with the airline and moved into a cold-water apartment with makeshift furniture. Right Aligned Nelle Harper Lee was born on April 28 1926 in Monroeville Alabama, a city of about 7,000 people in Monroe County, which has about 24,000 people. Monroeville is in southwest Alabama, about halfway between Montgomery and Mobile. In the 1950s she worked as a reservation clerk with Eastern Air Lines and BOAC in New York City. In order to concentrate on writing Harper Lee gave up her position with the airline and moved into a cold-water apartment with makeshift furniture. Justified / Boxed Nelle Harper Lee was born on April 28 1926 in Monroeville Alabama, a city of about 7,000 people in Monroe County, which has about 24,000 people. Monroeville is in southwest Alabama, about halfway between Montgomery and Mobile. In the 1950s she worked as a reservation clerk with Eastern Air Lines and BOAC in New York City. In order to concentrate on writing Harper Lee gave up her position with the airline and moved into a cold-water apartment with makeshift furniture. Note: Unless the column width is long enough to accommodate sufficient number of characters per line, justified / boxed text can have irregulary spaced words, leading to an undesirable visual appearance. Length of lines Nelle Harper Lee was born on April 28 1926 in Monroeville Alabama, a city of about 7,000 people in Monroe County, which has about 24,000 people. Monroeville is in southwest Alabama, about halfway between Montgomery and Mobile. Nelle Harper Lee was born on April 28 1926 in Monroeville Alabama, a city of about 7,000 people in Monroe County, which has about 24,000 people. Monroeville is in southwest Alabama, about halfway between Montgomery and Mobile.

Nelle Harper Lee was born on April 28 1926 in Monroeville Alabama, a city of about 7,000 people in Monroe County, which has about 24,000 people. Monroeville is in southwest Alabama, about halfway between Montgomery and Mobile. Rules Hairline 0.5 pt 1pt 2 pt 20 pt Signs and Symbols