Static Visual Displays: Flight Deck Documentation

Size: px
Start display at page:

Download "Static Visual Displays: Flight Deck Documentation"

Transcription

1 Static Visual Displays: Flight Deck Documentation Source: Degani, A. (1992). On the Typography of Flight-Deck Documentation, NASA Contractor Report # Moffett Field, CA: NASA Ames Research Center, 1

2 Background: Flight Deck Documentation Types of documentation manuals charts flight plans Quick Reference Handbooks (QRHs) checklists Checklist use to check that things were done as to-do lists 2

3 Significance of Checklists Aircraft complexity Human memory limits Multiple tasks, interruptions Recent accidents 3

4 B-747 Checklist Starting Engines (1). CKPIT / SMK BARR DR CLSD / LCKD E (2). GALLEY POWER OFF E (3). PACK VALVES CLSD E (4). FUEL BOOST PUMPS ON E 5. HYDS CLRD / PRESSZD C, E 6. PRKNG BRK / PRESS SET / NORM C 7. NAV / ANTI-COLL LTS ON C 8. START PRESS PSI E 9. PUSHBK CLRNCE REC D C 10. STRTING ENGS CHK COMPLETE E 4

5 Typography (1) Definition: arrangement, style, appearance of type Print legibility quality of print allowing reader to quickly and positivley identify characters depends on stroke width character form illumination on page contrast 5

6 Typography (2) Print readability quality of print allowing rapid recognition of words, word groups, etc. depends on character spacing word spacing line spacing character area/background area ratio Flight deck characteristics non-optimal viewing conditions changes in accommodation (near/far) interruptions & distractions several age groups 6

7 Typography (3) serifs ascenders counters baseline Alphabet descender x-height upper-case letter lower-case letters 7

8 Typefaces (Fonts) Major font groups roman fonts (with serifs) sans-serif fonts (without serifs) Serif pros & cons - serifs aid horizontal movements of eyes + serifs disrupt character discrimination 8

9 Font Examples Arial ABCDEFGHIJ abcdefghij Antique Olive ABCDEFGHIJ abcdefghij Helve-WP ABCDEFGHIJ abcdefghij Impact ABCDEFGHIJ abcdefghij Rockwell ABCDEFGHIJ abcdefghij Times New Roman ABCDEFGHIJ abcdefghij 9

10 Font Recommendations Use sans-serif fonts (usually). Avoid fonts having similar characters. Avoid dot matrix fonts. 10

11 Lower-Case vs UPPER-CASE Characters Research findings: lower-case headings located faster lower-case read faster, ranked higher Factors Most printed material in lower-case. Total word form is more obvious in lower-case. 11

12 Word Form START PAUSE start pause 12

13 Case Recommendations Long chunks of text should be set in lower-case. If upper-case is required, make first letter larger. START PAUSE 13

14 Font Height (Typesize) Size measurement 1 point = 1/100 in. (when part of character) 1 point - 1/72 in. (when between lines, words, etc.) Font height vs. viewing condition 14

15 Character Height Recommendations (1) H (in.) = D + K1 + K 2 K1 : correction factor for illumination & viewing conditions K1 = 0.06 in. for good illumination (> 1.0 fc), favorable reading conditions K1 = 0.26 in. for poor illumination (< 1.0 fc), unfavorable reading conditions K2 : correction factor for importance K2 = 0 in. for non-important markings K2 = in. for important markings 15

16 Character Height Recommendations (2) Viewing Nonimportant markings, Important markings, distance, D K2 =.0 K2 =.075 in value K1 =.06 K1=.26 K1 =.06 K1 = Derived from formula H (in) = D + K1 + K2 16

17 Character Height Recommendations (3) Low luminance (to 0.03 ft-l) High luminance (> 1.0 ft-l) Critical markings, position variable (e.g., numerals on counters) Critical markings, position fixed (e.g., numerals on fixed scales) Non-critical markings (e.g., instrument labels) Assumes viewing distance of 28 inches. Heights in inches. 17

18 Other Height Recommendations Distinguish between x-height and overall height when designing for lower-case. x-height should generally be > 0.10 in. (under good viewing conditions). 18

19 Stroke Width Measured as stroke width : character height character height F Recommendations stroke width 1 : 6-1 : 8 (black on white, viewed straight-on) 19

20 Height-to-Width Ratio Measured as character height : character width character height F character width Recommendations 5 : 4 (to compensate for variable angles) 20

21 Horizontal and Vertical Spacing Affect legibility and readability Clarity can be enhanced by increasing vertical separation between lines Recommendations Vertical spacing between lines > 25-33% overall font size Horizontal spacing 25% overall size (between words) > 1 stroke width (between characters) 21

22 Line Length Long lines make difficult transition from end of one line to beginning of next. Recommendations single-column text: 4 in double-column text: 3 in 22

23 Face and Underline Very, very long sentences that run on and on like this one can be quite difficult for most people to read, when set entirely in italics, though difficulty may vary with the specific font used. Using too many faces -- italic, bold, shaded -- and too many forms of underline for EMPHASIS can also make text difficult to read. Recommendations avoid long strings of italics use primarily one or two typefaces for emphasis 23

24 Contrast Recommendation use dark characters over a light background If white on black is desired use minimum amount of text use large font use sans-serif font 24

25 Color Coding For short viewing distances, large luminance differences are more effective than chromatic (color) differences. Recommendations (dark characters over colored background) reflectance of background > 70% luminance ratio, character:background 1:8 typesize > 0.10 in Caution 25

26 Color Coding (2) General Recommendations Use black characters over white or yellow background for most applications. Avoid using black over dark red, dark green, or dark blue. satisfactory satisfactory unsatisfactory unsatisfactory unsatisfactory 26

27 Cumulative Effects of Improper Typography Combination of two or more non-optimal characteristics has a greater effect on legibility and readability. e.g., roman font, small typesize, italics, dark characters over dark background: It is very, very likely that most of you will have trouble reading this. 27

28 Wording Recommendations Use familiar words. Use short words, when possible. Avoid jargon. Use only standard abbreviations. 28

29 Sentences Recommendations Use clear syntax, usually subject-verb-object. Use correct grammar. Use short sentences. Use positive rather than negative construction (tell what to do rather than what not to do). Use active rather than passive voice: Push the button. not The button should be pushed. 29

30 Glare Definition: presence of an area of very high relative luminance in the field of view. Recommendation Use anti-glare plastic to laminate documents 30

31 Slope and Angular Alignment Optimal conditions: document perpendicular to sight When document if tilted about an axis vertical to line of sight, changes in accommodation have to be made as the text is scanned. Recommendation Orient document perpendicular to line of sight. 31

32 Quality of Paper and Print Recommendations Print on thick, opaque paper Print should be clear: boundaries between strokes and spaces should be distinguishable Quality of paper and print should be well above normal 32

33 Effects of Age on Reading 50% reduction in retinal illumination at age 50 compared to age 20. Lens thickens and yellows with age. Recommendation Assess age groups of users and take conservative approach in document design. 33

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

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

BDA Dyslexia Style Guide

BDA Dyslexia Style Guide BDA Dyslexia Style Guide This Guide is in three parts: 1. Dyslexia Friendly Text 2. Accessible Formats 3. Website design 1. Dyslexia Friendly Text. The aim is to ensure that written material takes into

More information

Clear language and design. Joan Acosta

Clear language and design. Joan Acosta Clear language and design Joan Acosta What is clear writing? Clear writing involves thinking about your readers and writing for them. It does not mean simply replacing difficult words with easier words

More information

Accessible Document Guidelines

Accessible Document Guidelines Accessible Document Guidelines A good way to think of document accessibility is to treat it in the same way we consider spelling and grammar. It should be built into a document, not added on afterwards.

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

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

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

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

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

Digital Media, UX-UI Design > Website Principles

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

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

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

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

Make It Clear Introduction

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

More information

Typography guidelines

Typography guidelines University of Alberta Sign Systems Guidelines Typopgraphy guidelines Typography guidelines Introduction Consistency and legibility are key components of an effective sign system. This section defines:

More information

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

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

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

TYPO GRA PHY THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPOGRAPHY WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPO WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION THE ANATOMY OF TYPE Typeface Anatomy The upward vertical stem on some lowercase letters, such as h and

More information

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

Computer Projection Presentation Guide HPS Midyear Meeting Bethesda, MD

Computer Projection Presentation Guide HPS Midyear Meeting Bethesda, MD Computer Projection Presentation Guide 2017 HPS Midyear Meeting Bethesda, MD This Presentation Provides: Information about the computers used at the HPS meeting Guidelines for developing a presentation

More information

STAR OFFICE WRITER. Lesson 2

STAR OFFICE WRITER. Lesson 2 Lesson 2 STAR OFFICE WRITER 1. A is a named set of defaults for formatting text. a. Font b. Tab c. Page d. Style 2. is the keyboard shortcut for justified alignment. a. Ctrl + J b. Ctrl + C c. Ctrl + V

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

OUTLINE. Advanced Technical Communication & Writing Skills. What is technical communication? Technical communication skills

OUTLINE. Advanced Technical Communication & Writing Skills. What is technical communication? Technical communication skills Advanced Technical Communication & Writing Skills What is technical communication? Technical communication skills Principles of technical writing Technical writing is interpreting Planning is crucial Technical

More information

Guidelines for Legible and Readable Text, page 2-1 Visual Density Transparent, Translucent, or Opaque?, page 2-3

Guidelines for Legible and Readable Text, page 2-1 Visual Density Transparent, Translucent, or Opaque?, page 2-3 CHAPTER 2 Revised: November 15, 2011 Concepts, page 2-1 s, page 2-4 Reference, page 2-25 Concepts Guidelines for Legible and Readable Text, page 2-1 Visual Density Transparent, Translucent, or Opaque?,

More information

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

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

More information

CHAPTER 2 Information processing (Units 3 and 4)

CHAPTER 2 Information processing (Units 3 and 4) CHAPTER 2 Information processing (Units 3 and 4) Information-processing steps (page 54) a For each of the following information-processing steps, state its purpose and provide two examples of technology

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

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

Ele s Place Brand Standards Guide May, 2018

Ele s Place Brand Standards Guide May, 2018 Brand Standards Guide May, 2018 The Logo Purpose: The logo is the brand s strongest visual indicator. With its vibrant colors it is intended to catch the eye of viewers, while maintaining interest and

More information

LoremTM. Identity Guidelines (Date)

LoremTM. Identity Guidelines (Date) Identity Guidelines (Date) This example was created to help inspire your conservation advocacy / nature organization to develop identity guidelines and use them consistently across outreach campaigns.

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

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

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

Assessment of Informational Materials (AIM) Tool. Funded by Alberta Enterprise and Education

Assessment of Informational Materials (AIM) Tool. Funded by Alberta Enterprise and Education Assessment of Informational Materials (AIM) Tool Funded by Alberta Enterprise and Education AIM Tool Factor to be Rated 1. Content a. Purpose b. Scope c. Summary and Review 2. Word and Sentence Complexity

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

Creating an Accessible Microsoft Word document

Creating an Accessible Microsoft Word document Creating an Accessible Microsoft Word document Use Built-in Formatting Styles Using built-in formatting styles could be the single most important step in making documents accessible. Built-in formatting

More information

ABOUT RESEARCH POSTERS

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

More information

ASMP Website Design Specifications

ASMP Website Design Specifications Page 1 ASMP Website Design Specifications Page 2 All Pages 130 pixels (background = #ffffff) 100 pixels (background = #000000) Header Bar Use logo provided in PSD file. Match size and placement. AMERICAN

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

understanding typography

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

More information

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

Creating Large Format Posters Using PowerPoint TIP SHEET. Before you begin working in PowerPoint, sketch out your poster on paper. Creating Large Format Posters Using PowerPoint TIP SHEET INTRODUCTION The ideal poster is designed to: o Tell a story o Provide a brief overview of your work o Initiate discussion o Stand alone when you

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

Modifying Type: effects of a letter change COLDS

Modifying Type: effects of a letter change COLDS Modifying Type Modifying Type The goal of good typography is like fabric. It should be evenly woven together where all facets and all parts of the letter forms work together. Sometimes if you have one

More information

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

Best Practices and Guidelines. Large Print Documents. Low Vision Community. Council of Citizens. Low Vision International

Best Practices and Guidelines. Large Print Documents. Low Vision Community. Council of Citizens. Low Vision International Best Practices and Guidelines for Large Print Documents used by the Low Vision Community by the Council of Citizens with Low Vision International An Affiliate of the American Council of the Blind Arlington,

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

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

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

LOGO USE GUIDELINES BRAND GUIDELINES PUBLISHED ON FEBRUARY 17,

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

More information

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

Microsoft PowerPoint 2013 Module

Microsoft PowerPoint 2013 Module Microsoft PowerPoint 2013 Module Signing your name below means the work you are turning in is your own work and you haven t given your work to anyone else. Name Period Seat Completed Activity Points Poss.

More information

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

anatomy cap height x-height baseline descender ligature finial terminal ascender spine small capital uppercase counter cross bar lowercase Type Anatomy anatomy cap height x-height baseline stem bowl serif descender ligature ascender finial terminal ascender spine uppercase small capital cross bar counter lowercase 36 thinking with type cap

More information

Brand stylebook. Version 2.0 updated

Brand stylebook. Version 2.0 updated Brand stylebook Version 2.0 updated 08.01.12 Contents 2 LOGO USAGE 3 Logo Implementation Approved Color Applications Logo Staging (Clear Space) Minimum Size Restrictions Approved Configurations Web Applications

More information

Brand Guidelines Solano County Transit (SolTrans)

Brand Guidelines Solano County Transit (SolTrans) Brand Guidelines Solano County Transit (SolTrans) May 2018 Table of Contents The SolTrans Story... 1 Brand Elements... 2 Logo Usage... 3 Color Palette... 7 Typography.... 8 Photography.... 9 The SolTrans

More information

The 12 most common newsletter design mistakes

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

More information

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

Universal Design Principles Checklist

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

More information

Corporate Identity Style Guide. April 2014

Corporate 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 information

SAMPLE PAGES. Syllabus coverage chart. viii Syllabus coverage chart

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

More information

Mega International Commercial bank (Canada)

Mega International Commercial bank (Canada) Mega International Commercial bank (Canada) Policy and Procedures for Clear Language and Presentation Est. Sep. 12, 2013 I. Purposes: The Mega ICB (C) distributes a limited range of retail banking services,

More information

Web Development & Design Foundations with HTML5

Web Development & Design Foundations with HTML5 1 Web Development & Design Foundations with HTML5 CHAPTER 3 CSS BASICS Copyright Terry Felke-Morris 2 Learning Outcomes In this chapter, you will learn how to... Describe the evolution of style sheets

More information

CREATE AN EFFECTIVE POSTER

CREATE AN EFFECTIVE POSTER CREATE AN EFFECTIVE POSTER Will G. Hopkins 1997 [This document was created originally as a multi-panel poster. The text under each heading and the figures were on separate panels, as illustrated in this

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

Designing a Web Site. Michelle Hulett

Designing a Web Site. Michelle Hulett 0 Designing a Web Site Michelle Hulett 1 Table of Contents Designing a Web Site... 0 Table of Figures... 2 Proximity and Balance... 3 Contrast and Focus... 4 Consistency... 4 Appropriate Background...

More information

WCSD Graphic Standards and Logo Use Guide

WCSD Graphic Standards and Logo Use Guide SM WCSD Graphic Standards and Logo Use Guide WCSD Logo WCSD logo with slogan SM The WCSD logo should be used on all school district signage and every District-generated publication, website or webpage,

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

corporate identity guidelines

corporate identity guidelines Seilevel Corporate Identity Guidelines Introduction 1 Preferred Signature and Components Logo Space and Minimum Size Signature Variations Color Palette Typography Signature Misuse 2 3 4 5 6 7 corporate

More information

Improving Readability by Design toolkit. Questions

Improving Readability by Design toolkit. Questions Improving Readability by Design toolkit Questions 1. Most patient education managers do readability assessments that determine the reading level of text as well as a review of the page layout. Usually

More information

QUICK GUIDE. Graphics Standards & Guidelines University of Nebraska at Kearney

QUICK GUIDE. Graphics Standards & Guidelines University of Nebraska at Kearney QUICK GUIDE Graphics Standards & Guidelines University of Nebraska at Kearney 08 2016 Summary The visual identity for the University of Nebraska Kearney is the face the school shows the public. It is representative

More information

FLEET LOGO USAGE AND STANDARDS INNOVA BRANDING STANDARDS 2015 GUIDE

FLEET LOGO USAGE AND STANDARDS INNOVA BRANDING STANDARDS 2015 GUIDE FLEET LOGO USAGE AND STANDARDS INNOVA BRANDING STANDARDS 2015 GUIDE INNOVA BRANDING STANDARDS 2015 GUIDE 2 TABLE OF CONTENTS The Innova Brand 3 Branding Elements Logo Colors Typography 4 8 10 INNOVA BRANDING

More information

Summary of the Swiss Red Cross Corporate Design Manual

Summary of the Swiss Red Cross Corporate Design Manual Summary of the Swiss Red Cross Corporate Design Manual Table of Contents 1 Logo... 3 2 Colour... 3 3 Font... 3 4 Page Layout... 4 4.1 Portrait... 4 4.2 Landscape... 4 4.3 Headers... 4 4.4 Footers... 4

More information

Graphical Screen Design

Graphical Screen Design 1 Graphical Screen Design Grids are an essential tool for graphical design Important graphical design concepts include visual consistency visual relationships visual organization legibility and readability

More information

onem2m Standards Certification Logo Usage Guidelines

onem2m Standards Certification Logo Usage Guidelines Logo Usage Guidelines December 2016 Logo Design Explanation Requirements of Use onem2m Logo shall only be used in relation to products that have undergone and completed the onem2m certification process

More information

Typographic hierarchy: How to prioritize information

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

More information

Web Development & Design Foundations with HTML5

Web Development & Design Foundations with HTML5 Web Development & Design Foundations with HTML5 KEY CONCEPTS Copyright Terry Felke-Morris 1 Learning Outcomes In this chapter, you will learn how to... Describe the evolution of style sheets from print

More information

Introduction to Web Design CSS Reference

Introduction to Web Design CSS Reference Inline Style Syntax: Introduction to Web Design CSS Reference Example: text Internal Style Sheet Syntax: selector {property: value; Example:

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

Introduction to Web Design CSS Reference

Introduction to Web Design CSS Reference Inline Style Syntax: Introduction to Web Design CSS Reference Example: text Internal Style Sheet Syntax: selector {property: value; Example:

More information

Guiding Principles for PowerPoint Presentations

Guiding Principles for PowerPoint Presentations Guiding Principles for PowerPoint Presentations Karen Fujii Media Services Manager Center for Instructional Support Office Faculty Development & Academic Support October 12, 2017 History Developed 30 years

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

INDEX UNIT 4 PPT SLIDES

INDEX UNIT 4 PPT SLIDES INDEX UNIT 4 PPT SLIDES S.NO. TOPIC 1. 2. Screen designing Screen planning and purpose arganizing screen elements 3. 4. screen navigation and flow Visually pleasing composition 5. 6. 7. 8. focus and emphasis

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

Brand Guidelines 2012

Brand Guidelines 2012 Brand Guidelines 2012 Contents Introduction 3 General Guidelines 4 Proportions 5 Variations of the SendGrid logo 6 Protected Area 8 Minimum Size 9 Unacceptable Usage 10 Primary Corporate Colors 12 Secondary

More information

Visual Identity Standards

Visual Identity Standards Visual Identity Standards 12.0 Presentations Information and inquiries: University Relations brand@ucalgary.ca Visual Identity Standards 2 12.0 Presentations 12.01 Introduction 12.01 Introduction 12.02

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

The Transition Word 2003 to Word 2007

The Transition Word 2003 to Word 2007 Transition.qxd 7/3/08 3:27 AM Page 40 The Transition Word 2003 to Word 2007 The Fluent Interface Tab The transition from Word 2003 to Word 2007 will be significantly different for students, instructors,

More information

Einführung in Visual Computing

Einführung in Visual Computing Einführung in Visual Computing 186.822 Rasterization Werner Purgathofer Rasterization in the Rendering Pipeline scene objects in object space transformed vertices in clip space scene in normalized device

More information

Identity Guidelines 2018

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

More information

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

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

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

More information

Document and Web design has five goals:

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

More information

LEADING THE WORLD IN ENERGY ABSORPTION BRAND IDENTITY. Document last updated: 10/10/2013

LEADING THE WORLD IN ENERGY ABSORPTION BRAND IDENTITY. Document last updated: 10/10/2013 LEADING THE WORLD IN ENERGY ABSORPTION BRAND IDENTITY Document last updated: 10/10/2013 OLEO INTERNATIONAL S BRAND Logo usage Page 2 MINIMUM LOGO SIZE Minimum logo size The minimum application size for

More information

Computer Projection Presentation Guide

Computer Projection Presentation Guide Computer Projection Presentation Guide 2007 HPS Midyear Topical Meeting Knoxville, TN 05/02/05 This Presentation Provides: Information about the computers used at the HPS meeting. Guidelines for developing

More information

Designing and Creating an Academic Poster using PowerPoint

Designing and Creating an Academic Poster using PowerPoint Designing and Creating an Academic Poster using PowerPoint About your poster and the presentation Poster presentations are used at professional conferences to communicate information about your project

More information

Develop great research posters using Microsoft PowerPoint

Develop great research posters using Microsoft PowerPoint www.qps.qut.edu.au Develop great research posters using Microsoft PowerPoint A step-by-step guide QUT PRINTING SERVICES A step-by-step guide This step-by-step guide will assist you to understand the purpose

More information

Topic 0b Graphics for Science & Engineering

Topic 0b Graphics for Science & Engineering Course Instructor Dr. Raymond C. Rumpf Office: A 337 Phone: (915) 747 6958 E Mail: rcrumpf@utep.edu Topic 0b Graphics for Science & Engineering EE 4386/5301 Computational Methods in EE Outline What are

More information

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

BRANDING & STYLE GUIDE CONTACT INFORMATION : CTL 203/204, , uco.edu/stlr UPDATED APRIL 2017 BRANDING & STYLE GUIDE CONTACT INFORMATION : CTL 203/204, 405.974.5570, stlr@uco.edu, uco.edu/stlr UPDATED APRIL 2017 UPDATED APRIL 2017 TABLE OF CONTENTS Introduction... 2 Logo Explanation and Usage

More information