BASIC ABOUT TYPE TYPO GRAPHY
|
|
- Deborah Hancock
- 6 years ago
- Views:
Transcription
1 BASIC ABOUT TYPE TYPO GRAPHY
2 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 1 Picas = 12 Points 2.5 Inches = 8 Picas = 96 Points
3 TYPOGRAPHY BASIC DESIGN Relative & Absolute measurements Points Is the units of measurement used to measure the type size of a font. A Pica from one type foundry would be exactly 12 points.
4 TYPOGRAPHY BASIC DESIGN Relative & Absolute measurements Point size of refer to the height of type block and not the letter itself. A B C D f j h x
5 TYPOGRAPHY BASIC DESIGN Relative & Absolute measurements X-height Is measurement from the baseline to the meanline. Typically, this distance Is the height of the lower-case x. X-height A B C D f j h x Points
6 TYPOGRAPHY BASIC DESIGN Relative & Absolute measurements X-height are not Constant.
7 TYPOGRAPHY BASIC DESIGN Basic Terminology Serif / Sans serif Standard typefaces generally fall into one of two board categories : Serif / Sans serif
8 TYPOGRAPHY BASIC DESIGN Basic Terminology
9 TYPOGRAPHY BASIC DESIGN Basic Terminology Ex. Serif
10 TYPOGRAPHY BASIC DESIGN Basic Terminology Ex. Sans serif
11 TYPOGRAPHY BASIC DESIGN Basic Terminology Numerals There are two classifications of numerals : Old Style (lower case), and Lining (upper case). Lining numerals are aligned to the baseline and are all equal height, Old style do not, which means difficult to read.
12 TYPOGRAPHY BASIC DESIGN Basic Terminology Lining (upper case) serif numerals Old style (lower case) serif numerals Lining (upper case) san-serif numerals Old style (lower case) san-serif numerals
13 TYPOGRAPHY BASIC DESIGN Basic Terminology
14 TYPOGRAPHY BASIC DESIGN Tracking or letters pacing Tracking or letter spacing Amount of spacing between characters
15 TYPOGRAPHY BASIC DESIGN Tracking or letterspacing
16 TYPOGRAPHY BASIC DESIGN Tracking or letterspacing
17 TYPOGRAPHY BASIC DESIGN Kerning KERNING Refers to the addition and subtraction of space between letters to create a comfortable setting
18 TYPOGRAPHY BASIC DESIGN Kerning KERNING
19 TYPOGRAPHY BASIC DESIGN Kerning
20 TYPOGRAPHY BASIC DESIGN Kerning
21 TYPOGRAPHY BASIC DESIGN Kerning
22 TYPOGRAPHY BASIC DESIGN Tracking or letters pacing Tracking or letter spacing Tracking is very similar to kerning in that it is the spacing between individual characters, but tracking is the space between groups of letters rather than individual letters.
23 TYPOGRAPHY BASIC DESIGN Kerning
24 TYPOGRAPHY BASIC DESIGN Kerning
25 TYPOGRAPHY BASIC DESIGN Leading LEADING is a hot metal printing term that originates from the lead strips that were inserted between text measures in order to space them evenly. Nowadays, leading refers to the space between lines of text in a text box (baseline).
26 TYPOGRAPHY BASIC DESIGN Leading
27 TYPOGRAPHY BASIC DESIGN Leading
28 TYPOGRAPHY BASIC DESIGN Leading
29 TYPOGRAPHY BASIC DESIGN Leading
30 TYPOGRAPHY BASIC DESIGN Ligature Ligature is a typographical device that join two or three separate characters together to form a single unit. They are used as a solution to the interference that certain character combinations create. Ligatures are formed either by extending the crossbar or connecting the ascenders depending upon the character involved.
31 TYPOGRAPHY BASIC DESIGN Ligature
32 TYPOGRAPHY BASIC DESIGN Ligature
33 TYPOGRAPHY BASIC DESIGN Ligature
34 TYPOGRAPHY BASIC DESIGN Ligature
35 TYPOGRAPHY BASIC DESIGN Ligature
36 TYPOGRAPHY BASIC DESIGN Ligature
37 TYPOGRAPHY BASIC DESIGN Ligature
38 TYPOGRAPHY BASIC DESIGN Baseline Baseline is the imaginary line that all type sit upon with the exception of the O and other rounded Characters that fall slightly below it.
39 TYPOGRAPHY BASIC DESIGN Majuscule & Minuscule Majuscule and minuscule Majuscule is upper-case (Capital). : Minuscule is lower-case letters. *Not all fonts are available in both forms*
40 TYPOGRAPHY BASIC DESIGN Majuscule & Minuscule Set width Is the horizontal scaling of type, and is typically expressed as a percentage. It refer to the Amount of space that each character uses.
41 TYPOGRAPHY BASIC DESIGN Majuscule & Minuscule
42 TYPOGRAPHY BASIC DESIGN Golden Section Golden Section In the field of graphic arts the Golden Section, also known as the golden ratio. The Golden Section was thought by many ancient cultures, from the Egyptians to the Roman And the Greeks, to represent infallibly beautiful proportion.
43 TYPOGRAPHY BASIC DESIGN Golden Section Construction a Golden Section
44 TYPOGRAPHY BASIC DESIGN Golden Section The Fibonacci sequence Is a series of numbers in which each number is the sum of the two preceding numbers.
45 TYPOGRAPHY BASIC DESIGN Golden Section For example, a title could be set at 34 pt With body copy set at 21 pt size to complement the title size This title could be set at 55 pt Now body copy set at 34 pt size
46 TYPOGRAPHY BASIC DESIGN Legibility & Readability Legibility refer to the ability to distinguish one letter form from another the physical characteristic that are inherent in the design of a particular typeface.
47 TYPOGRAPHY BASIC DESIGN Legibility & Readability
48 TYPOGRAPHY BASIC DESIGN Legibility & Readability
49 TYPOGRAPHY BASIC DESIGN Legibility & Readability
50 TYPOGRAPHY BASIC DESIGN Legibility & Readability
51 TYPOGRAPHY BASIC DESIGN Legibility & Readability
52 TYPOGRAPHY BASIC DESIGN Legibility & Readability
53 TYPOGRAPHY BASIC DESIGN Legibility & Readability Readability Readability concerns the properties of a piece of type or design that affect the ability to understand it.
54 TYPOGRAPHY BASIC DESIGN Legibility & Readability
55 TYPOGRAPHY BASIC DESIGN Legibility & Readability
56 TYPOGRAPHY BASIC DESIGN Legibility & Readability
57 TYPOGRAPHY BASIC DESIGN Legibility & Readability
58 TYPOGRAPHY BASIC DESIGN Legibility & Readability
59 TYPOGRAPHY BASIC DESIGN Legibility & Readability
60 TYPOGRAPHY BASIC DESIGN Legibility & Readability
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 informationTYPOGRAPHY. 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 informationMODULE 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 informationAlphabet. 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 informationDESIGNING 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 informationTypographic. 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 informationPutting 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 informationUnit 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 informationunderstanding 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 informationUser-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 informationElements 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 informationTypography 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 informationFont 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 informationa 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 informationBBN 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 informationFont, 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 informationAdobe Photoshop CS Design Professional PLACING TYPE IN AN IMAGE
Adobe Photoshop CS Design Professional PLACING TYPE IN AN IMAGE Chapter Lessons Learn about type and how it is created Change spacing and adjust baseline shift Use the Drop Shadow style Apply anti-aliasing
More informationjasonjuwono 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 informationTYPOGRAPHY. 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 informationWEB TYPOGRAPHY FOR WEB DEVELOPERS. Matej Latin Lead UX/UI Designer at Autotrader.co.uk
WEB TYPOGRAPHY FOR WEB DEVELOPERS Matej Latin Lead UX/UI Designer at Autotrader.co.uk 1 A MEANINGFUL WEB TYPOGRAPHY STARTER KIT 2 Most people think typography is about fonts. Most designers think typography
More informationIT82: 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 informationACSC 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 information5. 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 informationProject 2 reminders: Hand in your typed book summary/response at end of class today. Make sure to include your name and section.
Project 2 reminders: Hand in your typed book summary/response at end of class today. Make sure to include your name and section. Project 2 reminders: First book cover critique this Friday. Bring 3 book
More informationWriting 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 informationanatomy 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 informationGraphic 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 informationGRAPHIC 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 informationTypefaces 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 informationSession 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style
Session 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style precedence and style inheritance Understand the CSS use
More informationCANES 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 informationMultimedia 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 informationInDesign. 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 informationFont 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 informationfrom The Elements of Typographic Style by Robert Bringhurst, page 171
from The Elements of Typographic Style by Robert Bringhurst, page 171 from The Elements of Typographic Style by Robert Bringhurst, page 148 h Dunt augue et, sum ad dolore do od estionse feum iure magna
More informationAdjust 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 informationTypography Controlling Visual Hierarchy Introduction to Grid Theory Design Consistency
Typography Controlling Visual Hierarchy Introduction to Grid Theory Design Consistency ART-2413 Fall 2017 Typography Controlling Visual Hierarchy Introduction to Grid Theory Design Consistency ART-2413
More informationLumin Lumin Sans Lumin Sans Condensed Lumin Display
Typotheque type specimen & OpenType feature specification. Please read before using the fonts. Lumin Lumin Sans Lumin Sans Condensed Lumin Display OpenType font family supporting Latin based languages
More informationIn 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 informationOUR 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 informationBRAND. 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 informationFOUNDATION 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 informationBBN ANG 183 Typography Page layout
BBN ANG 183 Typography Page layout Zoltán G. Kiss & Péter Szigetvári Dept of English Linguistics, Eötvös Loránd University gkz & szp (delg) typo/page layout 1 / 101 aims course aims you are/will be authors
More informationFranklin 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 informationFloats, Grids, and Fonts
Floats, Grids, and Fonts Computer Science and Engineering College of Engineering The Ohio State University Lecture 17 Recall: Blocks, Inline, and Flow flow body inline paragraph heading horz rule blocks
More informationLESSON 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 informationserif: 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 informationDIGITAL 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 informationTYPO 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> 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 informationTYPE 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 informationModifying 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 informationCharacter Formatting. Formatting the Text in Text Frames
FIGURE 4-1 Formatting the Text in Text Frames CHAPTER 4. TYPE 199 Use the Selection tool to select the text frames you want to format and apply formatting. InDesign applies the formatting to all of the
More informationKeyboarding Basics - Teacher Notes
Directions: Fill in the blanks. Keyboarding Basics - Teacher Notes 1. Keyboarding Is the act of entering data into a computer through the use of a keyboard Is a valuable skill for anyone to learn Is commonly
More informationHelvetica Type Specimen Process book
Helvetica Type Specimen Process book Project Goal Using the history and typeface of Helvetica to inspire my design, the goal of this project was to create a booklet that would essentially sell the type
More informationLinotype Univers CD for Mac and PC - containing 63 font weights
presented in: Eurostile Roman Find further Font Features in our Font Feature Archive. The Univers family of fonts designed by Adrian Frutiger more than forty years ago is one of the most innovative type
More informationAppendix 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 informationCorporate Identity Style Guide. April 2014
Corporate Identity Style Guide April 2014 Table of Contents Our Signature 1.0 Restrictions Legibility 2.0 Color 2.1 Usage with Photos 2.2 Color Palette 3.0 Typography Primary Type 4.0 Websafe / Alternate
More informationBRAND ASSETS AND GUIDELINES
BRAND ASSETS AND GUIDELINES PAS Brand Guidelines 2 The PAS Brand The PAS visual style uses a bold, energetic aesthetic. The focus is on personality and good vibes allowing for a deeper connection with
More informationDMD DIAMOND, BRAND GUIDE ISSUE 01: DESIGN MANUAL CREATED FOR: DMD DIAMOND DESIGN AND BRAND GUIDELINE BOOK
DMD DIAMOND, BRAND GUIDE ISSUE 01: DESIGN MANUAL CREATED FOR: DMD DIAMOND DESIGN AND BRAND GUIDELINE BOOK CREATION DATE: FEBRUARY 2018 ISSUE 01: BRAND GUIDELINE CREATED FOR: DMD Diamond www.bit.diamonds
More informationText. Text metrics. There are some important metrics that we must consider when working with text. Figure 4-1 shows the basics.
Text Drawing text has some special properties and thus is treated in a separate chapter. We first need to talk about the sizing of text. Then we discuss fonts and how text is actually drawn. There is then
More informationDigital Media, UX-UI Design > Website Principles
Contents At a glance: Page layout header To ensure the correct appearance of our brands in a broad spectrum of applications with a web front end, uniform treatment of design elements is an absolute necessity.
More informationSUCCESSFUL TYPE? Interface Aesthetics
TYPO GR AP HY SUCCESSFUL TYPE? SUCCESSFUL TYPE? TYPOGRAPHY 1 2 TYPOGRAPHY /t 'p gr fi/ n. The art or process of setting and arranging types and printing from them. The style and appearance of printed
More informationStatic Visual Displays: Flight Deck Documentation
Static Visual Displays: Flight Deck Documentation Source: Degani, A. (1992). On the Typography of Flight-Deck Documentation, NASA Contractor Report #177605. Moffett Field, CA: NASA Ames Research Center,
More information8/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 informationHow 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 informationCOMBINED WARNING EDITING GUIDANCE DOCUMENT. European Commission Health and Consumer Protection Directorate-General
COMBINED WARNING EDITING GUIDANCE DOCUMENT European Commission Health and Consumer Protection Directorate-General CONTENTS > INTRODUCTION 2 he longest line reaches the e > TYPOGRAPHY 3 FONT > THE COMBINED
More informationBefore & 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 informationTypography 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 informationTypography. Text in Illustrator and InDesign. Martin Constable February 11, RMIT Vietnam
Typography Text in Illustrator and InDesign Martin Constable February 11, 2018 RMIT Vietnam Adobe s Typography Toolset Adobe s Typography Toolset Type tool Paragraph panel Character panel Typography Terminology
More informationDIGITAL FILE PREPARATION (INDESIGN) (567)
DESCRIPTION Digital File Preparation InDesign is designed to provide students with theory and experiences relative to the electronic prepress area of the printing industry. Topics include type, page layout,
More informationTribunal. ewjduhiz tvnsgfq. Typotheque type specimen & OpenType feature specification. Please read before using the fonts.
Typotheque type specimen & OpenType feature specification. Please read before using the fonts. Tribunal OpenType font family supporting Latin based languages with their own small caps, with extensive typographic
More informationTable of Contents. Projects 10. Typography 3. Summation 13. Corporate Mark 5. Membership Seals 8. Meetups 9. Current Project Logos 10.
Brand Guidelines Table of Contents Typography 3 Typefaces 3 Typographic Styles 4 Projects 10 Current Project Logos 10 Project Logo Creation 12 Corporate Mark 5 Colors 5 Scalability 5 Variations 6 Summation
More informationAdding CSS to your HTML
Adding CSS to your HTML Lecture 3 CGS 3066 Fall 2016 September 27, 2016 Making your document pretty CSS is used to add presentation to the HTML document. We have seen 3 ways of adding CSS. In this lecture,
More informationSynopsis 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 informationForms Design Best Practice Front Office
Forms Design Best Practice Front Office Tips to help you design better forms 1.0 Getting the best out of the forms designer 1.1 Consistent Styling Having a set of forms using a consistent styling can add
More informationB R A N D GUIDELINES
BRAND GUIDELINES You never get a second chance to make a first impression. 01 02 03 INTRODUCTION About the City of New Bedford s brand 5 THE LOGO The Logo and usage 7 Color & variations 7 Clearspace &
More informationCSS 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 informationZUZANA LICKO RUDY VANDERLANS. SPACE PROBE: Investigations Into Monospace. Typeface BASE MONOSPACE Typeface design. Specimen design
SPACE PROBE: Investigations Into Monospace Introducing Base Monospace 1997 Typeface BASE MONOSPACE Typeface design ZUZANA LICKO Specimen design RUDY VANDERLANS Rr SPACE PROBE: Investigations Into Monospace
More informationThis 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 informationTypography 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 information2 December NCFE Corporate Guidelines. Introduction
Introduction Introduction How we connect with people through our brand is essential to who we are, and plays a big part in the NCFE experience. We created this document (which is simpler than it looks)
More informationWATER (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 informationIdentity 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 informationTypography/ 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 informationOoma & Ooma Telo Style Guide
Ooma & Ooma Telo Style Guide This document provides basic guidelines for the Ooma, Ooma Telo, and Ooma Office brands. 2-3 Ooma Signature 4 Ooma Telo Logotype 5 Ooma Office Logotype 6 Color Palette 7 Typography
More informationType 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 informationC 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 informationG r a p h i c D e s i g n
9 1 3 7 G r a p h i c D e s i g n a n d L a y o u t 30S/30E/30M A Graphic Design Course 9 1 3 7 : G r a p h i c D e s i g n a n d L a y o u t 3 0 S / 3 0 E / 3 0 M Course Description Students will expand
More informationINTRODUCING 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 informationcommunication 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 informationI n t e r a c t i v e G r a p h i c D e s i g n
9 1 3 9 I n t e r a c t i v e G r a p h i c D e s i g n 30S/30E/30M A Graphic Design Course 9 1 3 9 : I n t e r a c t i v e G r a p h i c D e s i g n 3 0 S / 3 0 E / 3 0 M Course Description Students
More informationBrand 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 informationEdea IDENTITY STYLE GUIDE
Edea IDENTITY STYLE GUIDE 00 Introduction 01 02 Typography 03Colour Usage The primary goal of this guide is to help ensure that the Edea identity is consistent throughout all communications. Consistency
More informationWeb 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 informationDigital Print Design DESCRIPTION. EXAM INFORMATION Items
EXAM INFORMATION Items 75 Points 79 Prerequisites GRAPHIC COMMUNICATIONS, INTERMEDIATE Course Length ONE SEMESTER DESCRIPTION Create and produce digital print projects that communicates and promotes graphic
More informationJABRA 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 informationCorporate Identity Guide
Corporate Identity Guide Prepared by Primary logo elements The primary logo is designed to be bright, colourful, clean and contemporary. It is horizontal or landscape in format. It consists of four interlocking
More informationLECTURE 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 informationCOMSC-031 Web We S ite Site Development Development- Part 2 Part-Time Instructor: Joenil Mistal November 7, 2013
COMSC-031 Web Site Development- Part 2 Part-Time Instructor: Joenil Mistal November 7, 2013 Chapter 12 12 Creating and Applying Cascading Style Sheets This chapter shows you how to use Cascading Style
More information