Reading and Typography. Contributions from Bill Cowan, Byron Weber Becker, Michael Terry, and Designing with the Mind in Mind.
|
|
- Asher Alvin Spencer
- 6 years ago
- Views:
Transcription
1 Reading and Typography Contributions from Bill Cowan, Byron Weber Becker, Michael Terry, and Designing with the Mind in Mind.
2 Reading 2
3 We re Wired for Language; not Reading Children exposed to spoken language pick it up without formal instruction. - Human brain has evolved neural structures to support spoken language - Particularly easy for children Not true for reading: artificial skill learned by systematic instruction and practise - like playing an instrument or juggling 3
4 Feature-Driven vs. Context-Driven Reading Feature-Driven - Bottom-up process: combine low-level features into more complex features - Some parts are innate in humans; some parts learned - With practice, can become automatic Context-Driven - Top-down process: work from the gist of a paragraph or sentence down to the meanings of individual parts. - Works in parallel with Feature- Driven - Less likely to become automatic Context-Driven Examples: Mray had a ltilte lmab, its feclee was withr as sown. And ervey wehre taht Mray wnet, the lmab was srue to go. Twinkle, twinkle, little star, how I wonder what you are. 4
5 Feature-Driven vs. Context-Driven Reading Which type of reading is preferred? - 70 s: believed top-down was faster, due to redundancies in language - Recent empirical studies: most efficient is reading based on features, bottom-up. - Context (is) important, but it s a more important aid for the poorer reader who doesn t have automatic context-free recognition instantiated. (Boulton, 2009) 5
6 Poor Information Design Disrupts Reading Uncommon or unfamiliar vocabulary Example: Your session has expired. Please reauthenticate. Uncommon non-geek terms such as: - penultimate - paradigm 6
7 Difficult Scripts and Typefaces Disrupts Reading Bottom-up, context-free, automatic reading is based on fast recognition of letters and words from visual features. FOUR SCORE AND SEVEN YEARS AGO OUR FATHERS BROUGHT FORTH ON THIS CONTINENT A NEW NATION, CONCEIVED IN LIBERTY, AND DEDICATED TO THE PROPOSITION THAT ALL MEN ARE CREATED EQUAL. Four score and seven years ago our fathers brought forth on this continent a new nation, conceived in liberty, and dedicated to the proposition that all men are created equal. Now we are engaged in a great civil war, testing whether that nation, or any nation so conceived and so dedicated, can long endure. We are met on a great battlefield of that war. We have come to dedicate a portion of that field, as a final resting place for those who here gave their lives that that nation might live. It is altogether fitting and proper that we should do this. 7
8 Difficult Scripts and Typefaces Disrupts Reading Bottom-up, context-free, automatic reading is based on fast recognition of letters and words from visual features. blog.slideshare.net Old version of Federal Reserve Bank s mortgage calculator. Image from Designing with the Mind in Mind. 8
9 Information Buried in Repetition Disrupts Reading Too much repetition hides what s really important. Keyboard and Documentation Wireless English Wired Arabic British German Western Spanish French Italian Japanese Norwegian Swedish 9
10 Centred Text Disrupts Reading We re Wired for Language; not Reading Children exposed to spoken language pick it up without formal instruction. - Human brain has evolved neural structures to support spoken language - Particularly easy for children Not true for reading: artificial skill learned by systematic instruction and practise - like playing an instrument or juggling 10
11 A Lot of Reading is Unnecessary Many software interfaces simply present too much text Designing with the Mind in Mind, p. 49
12 Typography 12
13 Printing in Europe Pre-Gutenberg - Manuscripts prepared with ink and nib - Lots of care in presentation - Artwork, illustrations tightly integrated with text - Could take 20 years to transcribe a Bible - Books available only to the wealthy Gutenberg creates movable type ca Asian and Arab Cultures Earliest dated, printed books from around AD Movable clay printing press invented ca in China By AD, Arabic and Chinese libraries have thousands of printed books 13
14 Typography Practice is >500 years old Lots of terminology Lots of tricks, tweaks to make type legible 14
15 Terminology Glyph Lowest divisible unit For movable type, it is a stick the letter, number, or symbol Each stick has a point size Total height of stick, not the letter Sticks traditionally of variable width 15
16 Terminology: Points vs. Pixels Point: 0.351mm apple 1/72 (English speaking countries) 0.376mm elsewhere Has had different values in the past Pixel: The size of one dot on the screen A property of the display, which varies Original Mac was deliberately designed with 1 pixel = 1/72 Current pixel sizes are closer to 1/100 Points and pixels often conflated Not precisely the same 16
17 Terminology Typeface Set of letters, numbers, symbols that make up a type design Abstract shapes Font One weight, width, and style of a typeface Font metrics Information describing attributes such as spacing of letters Typeface and font are often used interchangeably now 17
18 Terminology 18
19 Terminology Baseline Line on which most letters rest Leading (slugs) vs. line spacing Leading is spacing between lines of text Line spacing is sum of leading and point size Can be seen as distance between baselines 19
20 Terminology Descender / descent Ascender / ascent Monospacing vs. proportional spacing
21 Kerning vs. Tracking Kerning is distance between pairs of letters Tracking is average spacing between all letters From 21
22 Ligatures Shapes of some pairs of letters interfere with one another Ligatures replace two adjacent letters with single printed unit Result is more visually appealing Illustration from: Ligature_(typography) 22
23 Font Attributes Angle Upright or slanted. Oblique, italic Weight Size Style Regular vs. bold Height of sticks of type A particular combination of attributes over which the typeface can vary 23
24 Terminology x-height Height of letter x em-space Width of uppercase M em-dash Longer than hyphen (- vs. ) Drop cap Illustration from terms.asp?code=106 Capital letter at start of section that descends several lines 24
25 Terminology Serif Small, decorative stroke at end of main strokes Sans Serif Lacks the small decorations A Sans Serif font A Serif Font 25
26 26
27 Late 20th Century Computers arrive on scene Increase ease of setting type But introduce new challenges for typography Also (initially) lose some of the previous conventions of visual design 27
28 Type and Computers First terminals employed a 24x80 character grid Characters uniformly spaced Modeled after typewriter No real choice in fonts Convention remains in terminal software programs 28
29 High Resolution Displays High-res displays enabled wide variety of fonts But a discrete output device Fonts must be rasterized Two general types of fonts Bitmap vs. outlines Bitmap font Handcrafted font for bitmap display Can t be properly scaled Outline font Curve representation Must be converted to bitmap prior to display 29
30 Representing Letter Forms Originally, represented as bit-maps. Present problems in scaling to non-standard font sizes. Now, stored as mathematical curves. Easy to scale to non-standard sizes. Easy to adapt to higher resolutions (printers). Compact storage. Difficult to map onto a bit-map display. 30
31 Computer Issues Bitmap display causes problems Limited resolution Example: Small fonts When fonts are small, can result in poor representations Need hints Example: Serifs Source: 31
32 Computer Issues: Serifs Not enough precision to render them at smaller sizes Edges get blurred because of anti-aliasing Not as crisp Long-standing conventional wisdom says that serif fonts have better readability at high resolutions (ie print). Controversial Seem to be many interactions with other attributes We read best what we read most 32
33 Screen Fonts Screen fonts specifically designed for output on bitmap displays Examples: Verdana abc xyz 1lLiI Trebuchet abc xyz 1lLiI Common features Wide letter spacing Tall x-heights Uniform stroke thicknesses Commonly confused letters (i j l I J L 1) easily distinguishable Often sans serif Greater width, spacing help out at low resolution when not a lot of pixels to spare 33
34 Design Rules of Thumb Consider visual design from multiple distances Far away, nearby, reading-length Each distance should provide information 34
35 Design Rules of Thumb At a distance, should see a uniform display Headings should stand out Whitespace should guide eye, separate sections 35
36 Design Rules of Thumb Nearby, distinct lines of text should be visible At reading distance, words visible and clearly chunked 36
37 Design Rules of Thumb Limit number of fonts per page to 2-3 Do not use similar fonts on same page - Use distinct fonts to guide reader to different meanings for each font Use white space, headings to delineate areas Use short lines of text (eg, multiple columns) - Increase line spacing if you have long lines Bullets useful for lists
38 Helpful Resource 38
39 Summary Reading requires work. Support it (or at least don t thwart it) Know typographical terms Build on lessons learned from print 39
> 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 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 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 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 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 informationVOICE 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 informationHistory 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 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 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 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 informationBASIC 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 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 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 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 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 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 informationKnightswood 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 informationKEEP CALM KERN AND. Some of the do s and don ts of Typography by Fran Pimblett
KEEP CALM AND KERN Some of the do s and don ts of Typography by Fran Pimblett Typography Dos and Don ts.indd 1 14/09/2014 8:21:37 AM Contents Smart Quotes... 2 Us ME Ornate Fonts... 3 Headers and Body
More informationProject Justification
Project Justification This unit of instruction is based on typography and the creative use of letterforms to visually communicate a message through images rather than just the printed word. Type manipulation
More informationIntroduction 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 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 informationBDA 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 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 informationBasic PowerPoint Guidelines. Tips for Creating Great Presentations
Basic PowerPoint Guidelines Tips for Creating Great Presentations Fonts No more than 2 fonts per slide Serif fonts- fonts with curves - Times New Roman Sans Serif fonts- clean, block fonts- Arial Script-
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 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 informationWritten Language Production
Hamburg School K 8 Handwriting & Keyboarding astery Indicators Based on 2012 Handwriting in the 21st Century- An Educational Summit Written Language Production Key: B = Beginning to explore concept/skill
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 informationStructure of Text. Creating Memory Aids through Typography
Structure of Text Creating Memory Aids through Typography Edward Rushton MFA Donald Armel PhD Legibility Readability Definitions Legibility Legibility is dependent on the design of the typeface, the letterforms
More informationChapter 12: FORMATTING TEXT
Disclaimer: All words, pictures are adopted from Learning Web Design (3 rd eds.) by Jennifer Niederst Robbins, published by O Reilly 2007. PART III: CSS FOR PRESENTATION Chapter 12: FORMATTING TEXT CSc2320
More informationTHINGS 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 informationEnvSci360 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 informationDocument 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 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 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 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 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 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 informationINTRODUCTION 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 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 informationChapter 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 information7 TYPOGRAPHIC DESIGN Lesson overview
7 TYPOGRAPHIC DESIGN Lesson overview In this lesson, you ll learn how to do the following: Use guides to position text in a composition. Make a clipping mask from type. Merge type with other layers. Format
More informationBardax. Process GD350 ADVANCED TYPOGRAPHY REFLECTION ON PRACTICE ERSAN ÇELİKTAŞ
1 1. Turkish tea glass is called ince belli bardak in Turkish, which means thin waisted glass. 2. Adobe Illustrator is a computer software that enables users to design, modify and edit vector graphics
More informationWhat 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 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 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 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 informationDocument Design Chunking Similar Information Together
Document Design Dieter Rams, a famous German designer whose work has influenced Apple s design aesthetic, is noted for his formula: Good design is as little design as possible (Rams). As a document designer,
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 informationFriendly Fonts for your Design
Friendly Fonts for your Design Choosing the right typeface for your website copy is important, since it will affect the way your readers perceive your page (serious and formal, or friendly and casual).
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 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 informationGraphics. HCID 520 User Interface Software & Technology
Graphics HCID 520 User Interface Software & Technology PIXELS! 2D Graphics 2D Graphics in HTML 5 Raster Graphics: canvas element Low-level; modify a 2D grid of pixels.
More informationGraphics. HCID 520 User Interface Software & Technology
Graphics HCID 520 User Interface Software & Technology PIXELS! 2D Graphics 2D Raster Graphics Model Drawing canvas with own coordinate system. Origin at top-left, increasing down and right. Graphics
More informationUsing 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 informationCSS. Text & Font Properties. Copyright DevelopIntelligence LLC
CSS Text & Font Properties 1 text-indent - sets amount of indentation for first line of text value: length measurement inherit default: 0 applies to: block-level elements and table cells inherits: yes
More informationMultimedia Elements Text and Graphics
Multimedia Elements Text and Graphics OBJECTIVES Use text in multimedia applications Use text on the Web Understand software for working with text Use graphics in multimedia applications Understand graphic
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 informationConcepts and Terms. production assignment 01 review V. Different Typefaces Same Name. I. Vector vs Raster Graphics
production assignment 01 review 01.0 Concepts and Terms I. Vector vs Raster Graphics A. Vector graphics (aka object graphics) are resolution independent. Illustrator is vector- or object-based drawing
More informationNatalie Olson - Kisscut design Typography and Internal Book Design
Natalie Olson - Kisscut design Typography and Internal Book Design www.kisscutdesign.com/blog Typography and the art of setting type in books hasn t changed a lot since the 1500s. The methods have changed.
More informationTypesetting 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 informationUsing non-latin alphabets in Blaise
Using non-latin alphabets in Blaise Rob Groeneveld, Statistics Netherlands 1. Basic techniques with fonts In the Data Entry Program in Blaise, it is possible to use different fonts. Here, we show an example
More informationOUTLINE. 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 informationHow to Use L A T E X Properly for Papers and Theses
1 / 13 How to Use L A T E X Properly for Papers and Theses Thorsten Dahmen Department of Computer Science University of Konstanz Scientific Practices, July 16 th, 2009 2 / 13 Overview 1 Overview 2 Typography
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 informationEssentials for Text and Graphic Layout
5. Essentials for Text and Graphic Layout This section provides specific text and graphic guidelines that will help create a unified series of interpretive signs around Humboldt Bay. Text refers to the
More informationVisual Design. Gestalt Principles Creating Organization and Structure Typography. Visual Design 1
Visual Design Gestalt Principles Creating Organization and Structure Typography Visual Design 1 UI Visual Design Objectives 1. Information communication - Enforce desired relationships (and avoid undesired
More informationCrimes Against Typography. Shela Vang 13 images Collaborative Partner: Daha Lee 12 images
13 images Collaborative Partner: Daha Lee 12 images Table of Contents 1 Alignment 3 Dashes 4 Hierarchy 5 Kerning 6 Line Spacing 7 Scale 8 Tracking 9 Widow 10 Thumbnail Images alignment alignment Poorly
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 informationtypography.net Shaker Pure, energetic, contemporary
typography.net Shaker Pure, energetic, contemporary typography.net Introduction ABCDEFGHIJKLMNOPQRSTUVWXYZ About Shaker families Features Language support Further information Shaker is a lively sans with
More informationDigital Signage Content Creation Guidelines
A NEW era of Digital Advertising 2017 Digital Signage Content Creation Guidelines DIGITAL BILLBOARD CONTENTS GUIDELINES & TIPS Introdution 01 Intro Maximize the Potential Text, graphics and backgrounds
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 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 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 informationIntroduction A global icon needs an iconic logo. Fashion has evolved since 1969, when Gap opened its first store. Our logo has changed with the
Introduction A global icon needs an iconic logo. Fashion has evolved since 1969, when Gap opened its first store. Our logo has changed with the times, too. One thing that hasn t changed is our mission
More informationIntroduction To Inkscape Creating Custom Graphics For Websites, Displays & Lessons
Introduction To Inkscape Creating Custom Graphics For Websites, Displays & Lessons The Inkscape Program Inkscape is a free, but very powerful vector graphics program. Available for all computer formats
More informationCMPT 165: More CSS Basics
CMPT 165: More CSS Basics Tamara Smyth, tamaras@cs.sfu.ca School of Computing Science, Simon Fraser University October 14, 2011 1 The Favorites Icon The favorites icon (favicon) is the small icon you see
More informationDeveloping successful posters using Microsoft PowerPoint
Developing successful posters using Microsoft PowerPoint PRESENTED BY ACADEMIC TECHNOLOGY SERVICES University of San Diego Goals of a successful poster A poster is a visual presentation of your research,
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 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 informationTypographic 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 informationVisual Design. Gestalt Principles Creating Organization and Structure Typography. UI Visual Design Objectives
Gestalt Principles Creating Organization and Structure Typography 1 UI Objectives 1. Information communication - Enforce desired relationships (and avoid undesired relationships) 2. Aesthetics - well designed,
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 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 informationfonts Some famous (and infamous) fonts
fonts It s easy to forget that fonts have been around for hundreds of years, and the writing styles of ancient cultures have influenced their creation for thousands of years. The people who design fonts
More informationHow to draw and create shapes
Adobe Flash Professional Guide How to draw and create shapes You can add artwork to your Adobe Flash Professional documents in two ways: You can import images or draw original artwork in Flash by using
More informationChapter One Modifying Your Fonts
Chapter One Modifying Your Fonts Steps to Modifying Fonts Opening Fonts Changing Character Weight About Font Piracy Creating Oblique Fonts Creating Fractions Creating Ligatures Creating Condensed Characters
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 informationFont size. Tabl:e 2-4 Font Size Examples. Chapter 2.. Page Layout and Design 47. (font si ze="3"> (fo nt s ize="+l"> (font size="-l">
Chapter 2.. Page Layout and Design 47 There are some limitations to using fonts. Although there are many fonts to choose from, for users to view those fonts, they have to be registered on the user's system.
More informationContent Design. Jason Withrow
Content Design Overview Reading Online Writing for the Web Guidelines Presenting Text Content Graphical Text Text Links PDF Documents Printer-Friendly Format Reading Online 1. Reading from computer screens
More informationTYPE 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 informationAccessible 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 informationName: 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 informationLECTURE 08B: EXPLORING MS OFFICE WORD 2010
LECTURE 08B: EXPLORING MS OFFICE WORD 2010 Insert Drop down This lecture is designed to prepare students for IC³ Certification STRUCTURED TASK 1. English Presentation Every student has Presentation to
More informationResponsive Typography
Responsive Typography Design for Meaning, Not for Screen Size NEWDcamp 1 November, 2014 What We ll Cover + Lies & deceptions about art & science + Understanding the value of hats + What is Responsive Typography
More informationText 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 informationBeyond Captioning: Tips and Tricks for Accessible Course Design
Minnesota elearning Summit 2017 Aug 2nd, 3:00 PM - 4:00 PM Beyond Captioning: Tips and Tricks for Accessible Course Design Jenessa L. Gerling Hennepin Technical College, JGerling@hennepintech.edu Karen
More informationASerif. AfbcyE TYPE AND LETTERS
TYPE AND LETTERS Before 1455 books were made by hand. Only the wealthy could afford a book. A book could cost as much as an acre of land. Say! you bought two books for this class that will be $800,000
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 informationEverything you always wanted to know about Fonts*
Everything you always wanted to know about Fonts* (*but were afraid to ask) or.. "Using Mac fonts in the Avid Media Composer" The font system in the Mac isn't necessarily the easiest thing to understand.
More information