understanding typography

Size: px
Start display at page:

Download "understanding typography"

Transcription

1 understanding typography

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

3 What does the arrangement of type mean?

4 the arrangement of type involves 5 MAIN CHARACTERISTICS: 1. FONT (or typeface) 2. POINT SIZE 3. ALIGNMENT 4. LEADING (pronounced LED-ing ) 5. KERNING

5 #1 main characteristic of 1. FONT (a.k.a. typeface):! designates a consistent visual appearance or style! usually contains an alphabet of letters, numbers, and punctuation marks! when more than 1 member of this group has only different stroke weights between them, it can also be referred to as a font family! examples are light, bold, condensed, black, italic, or oblique

6 1. Font (typeface) B. 4 Types of Fonts #1. Serif Fonts: #1 main characteristic of " are named for the features attached to their strokes " serif- a horizontal line at the beginning and ending of the stroke of a letter " Serif fonts are the most used font types in printed materials, including most books, newspapers and magazines " make type easy to read when used in large pockets of body copy " more formal and elegant

7 samples of SERIF FONTS

8 1. Font (typeface) B. 4 Types of Fonts #2. Sans Serif Fonts: " fonts without serifs #1 main characteristic of " commonly (but not exclusively) used for display typography such as signage, headings, and other situations demanding legibility " less formal than serif fonts " body copy on electronic media offers an exception to print: most web pages and digitized media are laid out in sans serif typefaces because serifs make it harder to read at the low resolution of displays

9 samples of SANS SERIF FONTS

10 best fonts for DIGITAL MEDIA/WEB! developed for Microsoft mid-90 s for launch of Windows 95! most readable sans serif and serif fonts for on-screen viewing Best Sans Serif Best Serif! Verdana includes 893 glyphs, including a very large subset of characters, including Greek numerals, fractions, symbols like,,,,, º, and much more than many other fonts

11 #1 main characteristic of 1. Font (typeface) B. 4 Types of Fonts #3. Script Fonts: " simulate handwriting or calligraphy " not widely used in quantities of body text because they are harder to read than many serif and sans-serif typefaces " typically used for logos or invitations " can add an elegant, upscale look, and in some cases, a feminine quality

12 samples of SCRIPT FONTS

13 #1 main characteristic of 1. Font (typeface) B. 4 Types of Fonts #4. Novelty Fonts: " used exclusively for decorative purposes, and are not suitable for body text " have most distinctive designs of all fonts " may incorporate pictures of objects, animals, etc. into the character designs " usually have very specific characteristics (e.g. evoking the Wild West, Christmas, horror films, etc.) and, therefore, have very limited uses.

14 samples of NOVELTY FONTS

15 5 main characteristics of 1. FONT (typeface) 2. POINT SIZE 3. ALIGNMENT 4. LEADING 5. KERNING

16 2. POINT SIZE: #2 main characteristic of! the unit of measure by which we measure type 10 What pt is 20 feet, point pt inches 30 size? pt yards

17 5 main characteristics of 1. FONT (typeface) 2. POINT SIZE 3. ALIGNMENT 4. LEADING 5. KERNING

18 3. ALIGNMENT: #3 main characteristic of " refers to the position in which type lines up flush left: implies a ragged edge of line endings on the right side of the column centered: has both ragged edges of lines on the left and right hand sides of the column flush right: implies a ragged edge of lines on the left hand side of the column justified: columns have perfectly aligned type on both the left and the right sides of the column

19 5 main characteristics of 1. FONT (typeface) 2. POINT SIZE 3. ALIGNMENT 4. LEADING 5. KERNING

20 #4 main characteristic of 4. LEADING (pronounced LED-ing ): " the distance between lines of type, measured in points " today, leading is easily adjusted in software applications " tight leading can cause documents to be difficult to read " increased leading allows for better legibility

21 5 main characteristics of 1. FONT (typeface) 2. POINT SIZE 3. ALIGNMENT 4. LEADING 5. KERNING

22 5. KERNING #5 main characteristic of " the spacing between two letters on the same line " also commonly referred to as tracking, which is the spacing between all letters on a line

23 ?? 5 main characteristics of 1. FONT (typeface) 2. POINT?? SIZE 3. ALIGNMENT 4. LEADING 5. KERNING???

Multimedia for the Web: Creating Digital Excitement. Multimedia Element Text

Multimedia for the Web: Creating Digital Excitement. Multimedia Element Text : Creating Digital Excitement Multimedia Element Text Chapter Concepts Discuss Fonts Understand Fonts Define Cascading Style Sheets (CSS) Explain Additional Options for Implementing Text on the Web Chapter

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

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

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

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

User-Centered Website Development: A Human- Computer Interaction Approach User-Centered Website Development: A Human- Computer Interaction Approach Daniel D. McCracken City College of New York Rosalee J. Wolfe DePaul University With a foreword by: Jared M. Spool, Founding Principal,

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

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

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

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

ACSC 231 Internet Technologies

ACSC 231 Internet Technologies ACSC 231 Internet Technologies Lecture 7 Web Typography Efthyvoulos Kyriacou - Assoc. Prof. Frederick University Resources: C. Markides (Frederick University) Slide 1 ACSC 231: Internet Technologies 23/12/2008

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. The art of type

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

More information

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

> 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

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

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

Typography in Design The principles of design describe the ways that artists use the elements of art in a work of art. Typography in Design The principles of design describe the ways that artists use the elements of art in a work of art. Aims & Outcomes: Aims: to understand typeface categories and how they are used in

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

Elements of typographic design

Elements of typographic design Type Terminology Serif fonts Sans serif fonts Elements of typographic design Times News Roman Ariel Verdana Calligrapher 24 pt 20 pt 14 pt 10 pt Univers 45 Light Univers 45 condensed light Univers 55 Univers

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

Basic Elements > Typeface. Contents

Basic Elements > Typeface. Contents Contents At a glance: DB Head DB Sans DB Sans Condensed DB Sans Compressed DB Office DB Serif DB News DB Plan Corporate design guidelines: Font families and font styles Basic typographical principles File

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

MEDIA KIT. MARCH 2019 / v. 1

MEDIA KIT. MARCH 2019 / v. 1 MEDIA KIT MARCH 2019 / v. 1 BRAND CONSTRUCTION three elements: the Symbol, the (HOLDINGS). To maintain its impact and immediate visual recognition, no text, graphic element, or edge should interfere with

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

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

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

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

CSS Styles Quick Reference Guide

CSS Styles Quick Reference Guide Table 1: CSS Font and Text Properties Font & Text Properties Example(s) font-family Font or typeface font-family: Tahoma font-size Size of the font font-size: 12pt font-weight Normal or bold font-weight:

More information

Principles of Typography

Principles of Typography Principles of Typography Different fonts send a different message to the reader. Categories: Sans serif Serif Script Decorative Fonts Sans-serif Fonts Easy to read, especially online Modern and clean Good

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

O M. O M logo specs. O M O M O M O M

O M. O M logo specs. O M O M O M O M overview. The useum of odern Art, or oa, is an art museum in anhattan that holds and displays a wide range of modern and contemporary art. oa is considrered to be one of the most influential museums in

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

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

Brand Standard Guidelines

Brand Standard Guidelines 1 Brand Standard Guidelines 1 Logo Guidelines As Saladmaster grows in national and global stature, the need to ensure accurate brand presentation becomes critical. The logo and typeface are the foremost

More information

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

section four typography contents introduction...44 helvetica neue...45 bodoni...46 examples of type usage...47 body text examples... section four typography 43 contents introduction...44 helvetica neue...45 bodoni...46 examples of type usage...47 body text examples...48 introduction Consistent application of type fonts and styles allows

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

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

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

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

Graphic Identity Standards Manual

Graphic Identity Standards Manual Graphic Identity Standards Manual Hendrix College Graphic Identity Standards Manual introduction The Hendrix College Graphic Identity Standards Manual was created to provide all Hendrix employees and

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

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

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

> Introduction to the Art of Typography: The Invisible Force of Design > Using Typography as a Creative Tool: Introducing Text as Art MMA 100 Foundations of Digital Graphic Design Clare Ultimo > Introduction to the Art of Typography: The Invisible Force of Design > Using Typography as a Creative Tool: Introducing Text as Art Typography

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

CANES COMMUNITIES REGIONAL VISUAL IDENTITY MANUAL. March 2015

CANES COMMUNITIES REGIONAL VISUAL IDENTITY MANUAL. March 2015 CANES COMMUNITIES REGIONAL VISUAL IDENTITY MANUAL March 2015 Table of Contents Identity Introduction................................................. 1.0 Using This Manual... 1.1 Identity Policy.........................................................

More information

Objec&ve % Select and u&lize tools for digital imaging and design produc&on.

Objec&ve % Select and u&lize tools for digital imaging and design produc&on. Objec&ve 203.02 5% Select and u&lize tools for digital imaging and design produc&on. Panels in InDesign Workspace q Control Panel q Document Panel q Tools Panel q Styles Panel q Text Wrap Panel Control

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

Typography Main typography EC Square Sans Pro

Typography Main typography EC Square Sans Pro 1.4 Typography 33 Main typography EC Square Sans Pro EC Square Sans Pro is the mandatory font for the Commission s logo, images incorporating texts and for professional publications. Three main weights

More information

TYPE. Design Process

TYPE. Design Process TYPE Design Process 01 Vocabulary 02 Classification 03 Six Classic Typefaces 04 Readability 05 Ten Type Commandments 06 Inspiration 07 Assignment 01 Vocabulary 02 Classification 03 Six Classic Typefaces

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

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

Teach Yourself Microsoft Word Topic 2 Selection and Formatting Techniques

Teach Yourself Microsoft Word Topic 2 Selection and Formatting Techniques Teach Yourself Microsoft Word Topic 2 Selection and Formatting Techniques http://www.gerrykruyer.com In this lesson you will revise last week s work and learn a few new tricks whilst completing this exercise.

More information

JABRA CORPORATION GRAPHIC STANDARDS MANUAL

JABRA CORPORATION GRAPHIC STANDARDS MANUAL JABRA CORPORATION GRAPHIC STANDARDS MANUAL A simple reference guide for how to use the JABRA Corporation logo in real-world communications applications. INTRODUCTION Corporate image is a valuable asset,

More information

art 118: intro to communication design // FALL 2011

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

More information

Brand Guidelines XDS (External Development Summit)

Brand Guidelines XDS (External Development Summit) Brand Guidelines XDS (External Development Summit) Brand Guidelines XDS (External Development Summit) About XDS (External Development Summit) is the first professionals-only video games industry event

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

OTTER TAIL COUNTY - MINNESOTA LOGO USAGE POLICY

OTTER TAIL COUNTY - MINNESOTA LOGO USAGE POLICY OTTER TAIL COUNTY - MINNESOTA LOGO USAGE POLICY Prepared By: The Branding Task Force as directed by the Division Directors and the Otter Tail County Board of Commissioners. Manual Version Control Version

More information

History of Typography. (History of Digital Font)

History of Typography. (History of Digital Font) History of Typography (History of Digital Font) 1 What is Typography? The art and technique of printing The study and process of typefaces Study Legibility or readability of typefaces and their layout

More information

TEXT MEDIA AND INFORMATION

TEXT MEDIA AND INFORMATION TEXT MEDIA AND INFORMATION Objectives Identify the basic elements in creating a text-based presentation. Evaluate the text-based presentation through the design principles and elements. But we know, irl,

More information

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

Objective 203 Apply production methods to plan and create advanced digital media graphics projects. Course Weight : 25% Objective 203 Apply production methods to plan and create advanced digital media graphics projects. Course Weight : 25% Objective 203 - Graphics Objectives are broken down into three sub-objectives : pre-production,

More information

Corporate Identity Guidelines

Corporate Identity Guidelines Corporate Identity Guidelines CONTENTS 1.0 TRADEMARK Watco Companies Logo Logo Clear Space Logo Variations Project Logos Proper Logo Use 03 04 05 06 07 08 2.0 TYPOGRAPHY Type Family 3.0 COLOR Brand Color

More information

Typography 2! HCC 710 2/1 /13. Human&Centered,Compu/ng,at,University,of,Maryland,,Bal/more,County

Typography 2! HCC 710 2/1 /13. Human&Centered,Compu/ng,at,University,of,Maryland,,Bal/more,County Typography 2! HCC 710 2/1 /13 1, Human&Centered,Compu/ng,at,University,of,Maryland,,Bal/more,County Letterform Critiques! 25-30 minutes 2, Wordpress Questions / " Graphic Design Inspirations! 3, Human&Centered,Compu/ng,at,University,of,Maryland,,Bal/more,County

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

Identity Standards The College of New Jersey Exterior Signage and Wayfinding Master Plan

Identity Standards The College of New Jersey Exterior Signage and Wayfinding Master Plan 10.1 Identity Standards 10.2 F1 Myriad Pro Regular F2 Myriad Pro Regular Italic F3 Myriad Pro Semibold 10.3 F4 Myriad Pro Semibold Italic F5 Palatino Small Caps Typefaces Notes No substitute typefaces

More information

BRAND GUIDELINES + UPDATED

BRAND GUIDELINES + UPDATED + UPDATED NOVEMBER 2015 Primary Mark Guidelines Vertical Lockup is the primary style and should be used across all applications. Do not change the color unless using one of the alternate logos provided

More information

good typ typography What is TYPOGRAPHY is integral to the design process, type enhances design, it communicates messages and supports design concepts.

good typ typography What is TYPOGRAPHY is integral to the design process, type enhances design, it communicates messages and supports design concepts. ontso typ gra phy What is o typography good typ gra phy TYPOGRAPHY is integral to the design process, type enhances design, it communicates messages and supports design concepts.... sometimes typography

More information

INTRODUCING THE Transition family

INTRODUCING THE Transition family INTRODUCING THE Transition family A TYPFACE DESIGNED BY JAN ERASMUS CIRCA 2006 INFORMATION GUIDE RELEASED AND DISTRIBUTED BY: Cybergraphics.bz ALSO DISTRIBUTED BY: Fonts.com Linotype.com ITC.com Transition

More information

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

OCA Graphic Design: Core Concepts 1 Assignment 5 - Penguin Books Jane Braybrook Jane511794 OCA Graphic Design: Core Concepts 1 Assignment 5 - Penguin Books Jane Braybrook Jane511794 Supporting Blog Post: https://jane511794.wordpress.com/category/assignments/assignment-5/ Critical Evaluation

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

Text Topics. Human reading process Using Text in Interaction Design

Text Topics. Human reading process Using Text in Interaction Design Text SWEN-444 Text Topics Human reading process Using Text in Interaction Design Humans and Text the Reading Process Saccades quick, jerky eye movements forward 8-10 letters at a time plus CR/LF to the

More information

logo 101 A solid logo design intake ensures that no time is wasted, and that you receive targeted logo options as soon as possible. Getting results.

logo 101 A solid logo design intake ensures that no time is wasted, and that you receive targeted logo options as soon as possible. Getting results. logo logo 101 2 logo 101 A solid logo design intake ensures that no time is wasted, and that you receive targeted logo options as soon as possible. Getting results. Our goal is to help you communicate

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

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

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

LECTURE 4 THE USES OF TEXT IN MULTIMEDIA

LECTURE 4 THE USES OF TEXT IN MULTIMEDIA LECTURE 4 THE USES OF TEXT IN MULTIMEDIA 1 Objective Media Types What text is How text is created and stored in the computer How text is used in Multimedia Systems Advantages and Disadvantages of using

More information

BRAND GUIDE JANUARY 2013 PREPARED BY JULIE ZACK GRAPHIC DESIGNER

BRAND GUIDE JANUARY 2013 PREPARED BY JULIE ZACK GRAPHIC DESIGNER BRAND GUIDE JANUARY 2013 PREPARED BY JULIE ZACK GRAPHIC DESIGNER 716.517.6298 BRIEF AERIS Latin word meaning air, atmosphere, ether, or weather. SPECIFICS Asbestos abatement Lead hazard control Mold mitigation

More information

Logo Style Guide. February 20, 2008

Logo Style Guide. February 20, 2008 Logo Style Guide February 20, 2008 Table of Contents Communicating the Plexera Brand. 1 The Plexera Logo. 2 Using the Plexera Logo. 3 Color Palette. 4 Logo Don ts. 5 Typefaces. 6 Product Naming Typography.

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

Primary Logo. Corporate logo - primary. The centered logo is only to be used when the length of the common logo is problematic for an application.

Primary Logo. Corporate logo - primary. The centered logo is only to be used when the length of the common logo is problematic for an application. Primary Logo Corporate logo - primary The elements of the logo may be arranged in two predetermined configurations: the primary logo (which also has a small version and the centered logo. The centered

More information

Visual Identity. Style Guide MINI VERSION:2 JAN 2016

Visual Identity. Style Guide MINI VERSION:2 JAN 2016 Visual Identity Style Guide MINI VERSION:2 JAN 2016 Carnegie Science Visual Identity Style Guide These guidelines represent the building blocks that define the Carnegie Science brand. We want to make our

More information

THINGS YOU NEED TO KNOW

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

More information

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

The building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations).

The building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations). WDI Fundamentals Unit 4 CSS Cheat Sheet Rule The building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations). Declaration A declaration is made

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

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

Name: Class: Teacher:..

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

More information

DESIGN AND BRAND GUIDELINES

DESIGN AND BRAND GUIDELINES DESIGN AND BRAND GUIDELINES Address Phone & Fax Online LinkResearchTools GmbH LeonardBernsteinStraße 10/ Floor 7 Saturn Tower 1220, Vienna, Austria, Europe Phone AT: +43 720 116 440 Phone US: +1 866 3473660

More information

3rd. Space Arts. Graphic Standards

3rd. Space Arts. Graphic Standards 3rd Space Arts Graphic Standards Tara Burke MTKG:MEDIA:COMM Fall 2014 Table of Contents Introduction Glossary Logo and Logotype Use of Space Typography Business Card 3 4 5 6 7 8 Envelope Letterhead Water

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

Third Party Identity Guidelines

Third Party Identity Guidelines Third Party Identity Guidelines Introduction Introduction This document has been developed to provide anyone using The Wolfson Foundation logotype with clear guidelines on how the brand identity can be

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

PowerPoint Unit 1 Getting Started

PowerPoint Unit 1 Getting Started Beginning a presentation PowerPoint Unit 1 Getting Started PowerPoint is commonly used by presenters as a digital aid when presenting their topic to an audience. Many presenters often forget that they

More information

There are two basic designs of the new logo. They are professionally developed graphic files and the use of them must be strictly controlled.

There are two basic designs of the new logo. They are professionally developed graphic files and the use of them must be strictly controlled. LOGO There are two basic designs of the new logo. They are professionally developed graphic files and the use of them must be strictly controlled. If a Chapter wishes to develop promotional materials or

More information

OCA Graphic Design: Core Concepts 1 Assignment 4 - Show Me Jane Braybrook Jane511794

OCA Graphic Design: Core Concepts 1 Assignment 4 - Show Me Jane Braybrook Jane511794 OCA Graphic Design: Core Concepts 1 Assignment 4 - Show Me Jane Braybrook Jane511794 Supporting Blog: https://jane511794.wordpress.com/category/assignments/assignment-4/ Critical Evaluation I started this

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

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

A Message from the Vice President Marketing & Communications

A Message from the Vice President Marketing & Communications A Message from the Vice President Mareting & Communications The impact of any logo depends on consistent use resulting in a large number of impressions not read as words, but processed by the brain visually.

More information

Sorenson Media, Inc. Style Guide

Sorenson Media, Inc. Style Guide Sorenson Media, Inc. Style Guide Table of Content Logo Treatments Definitions 1 Sorenson Media 2 Sorenson Media - reversed 3 Sorenson Squeeze 4 Sorenson 360 5 Sorenson Squish 6 Sorenson SparkSDK 7 Sorenson

More information

GRAPHIC IDENTITY DESIGN GUIDELINES

GRAPHIC IDENTITY DESIGN GUIDELINES GRAPHIC IDENTITY DESIGN GUIDELINES Basic guidelines and the reproduction materials necessary for the consistent and successful implementation of the new graphic identity for the Denver Performing Arts

More information

Corporate Identity Guidelines

Corporate Identity Guidelines Corporate Identity Guidelines - CONTENTS 1.0 TRADEMARK Watco Companies Logo Logo Clear Space Logo Variations Project Logos Proper Logo Use 03 04 05 06 07 08 2.0 TYPOGRAPHY Type Family 3.0 COLOR Brand Color

More information