TYPE as DESI g N. Using kerning and tracking for legibility.

Slides:



Advertisements
Similar presentations
The Key Element in Desktop Publishing Design
Advertisements

SOME THOUGHTS ON GIVING TALKS Vivek Pai. Was The Opening Slide a Good Idea?  Wasted top 2/3 of screen  Top is the valuable real estate  Bottom may.
Making Text Legible: Designing for People with Partial Sight CSCI 4800 Spring 2007 E. Kraemer.
Typography. Where can type face be found? What is the ultimate purpose? Why is it important?
R ules for good presentations Line things up Use 3 to 6 points per slide Make pictures relevant Use contrast to make things stand out Use animation sparingly.
Exploring Web Design Chapter 3 Web Typography. The goal of any web page is to communicate.
Typography Typogra Typography Typogra. Designers use typography to communicate a client's message to an audience. They explore the creative possibilities.
Page Design. Overall design issues u Know audience expectations u Know client expectations u Maintain a consistent look and feel u Consider how each page.
Typography Usability & Readability
Wells, Moriarty, Burnett & Lwin - Xth EditionADVERTISING Principles and Effective IMC Practice1 Design and Production Part 4: Effective Advertising Messages.
Document Design: Basics and Typography Technical Communication, DAHMEN.
Typography Principles Communications 320 Desktop Publishing.
1.01 Investigate typefaces and fonts.
Typography Font type Font size Font style (e.g., bold, italic) Color Font effects The first 3 of these can be set in the formatting toolbar, and all of.
Color, Contrast, Size, and Style Hints for Designing Patient Education Brochures for Older Adults.
Multimedia: Making it Work
TYPOGRAPHY.
Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.
Effective Visual Design Adapted from Margy Ingram Learning Technology Services University of Wisconsin-Stout.
Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.
AOIT Graphic Design Unit 4, Lesson 11 Typography and Spacing.
Fonts! Week 3 – Intro to Desktop Publishing. Typography Definition: The study of type and its characteristics Type does many things – Conveys the message.
Design. Hard design - increase control. - Displays are more virtual / artificial. Marketplace pressure: - Adding operations cheaper. Adding controls expensive.
Basic PowerPoint Skills. What is a Presentation? Presentation: an informative speech that usually includes visuals, such as slides. The file name for.
TYPOGRAPHY - DFP b6 Typeface Classifications. What is a font? Complete set of type of a particular face, style, and point size. Question: How many are.
Draw a Venn Diagram and assign the details to “Fiction” or “Nonfiction.
Layout.  The arrangement of printed elements on a monitor or sheet. This may include a sketch or finished plan.
Lesson 13 – Color and Typography. 2 Objectives Discuss basic color theory. Understand the color wheel. Understand how color is presented on a computer.
INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.
Desktop Publishing.  Desktop publishing is creating documents on a computer that are usually viewed as printed materials. They can also be viewed as.
Design Tips for Effective PowerPoint Use Presented by: Susan Dobbs Krissy Malone Sue Sikora CAT 520 Fall 2005.
TYPOGRAPHY - DFP b7 Distinguish between serif and sans serif fonts Objective: Given resource material/lecture, the student will identify both serif and.
Design Tips for PowerPoint Projects for Ms. Birtcher’s Classes.
Prioritizing Web Usability Nielsen and Loranger Chapter 7: Typography: Readability and Legibility Paul Ammann SWE 432 Design.
Universal Design for Learning & Principles of Web Design C. Candace Chou.
Desktop Publishing Review. What is a rough sketch used in planning a layout and design?
1 Visual Aids for Computer Training CIRCA Operations Training Program.
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
How to create a Scientific poster for the Group 4 presentation.
Typography Graphic Design Fundamentals
Desktop Publishing.  Face pictures into a publication  City, state and zip code goes on the same line  Place address on one or two lines but second.
Design and Typographic Principles. The Joshua Tree Principle Joshua Tree story example The four basic principles Contrast Repetition Alignment Proximity.
UNIT 4 - TYPOGRAPHY Digital Communications I. 3-D  an effect that gives the illusion of depth.
4 Basic Principles of Design  Proximity  Alignment  Repetition  Contrast Credit: Robin Williams.
Color Aesthetics Weinman, chapter 2 Terms, color themes and relationships, type, layout Aesthetics a guiding principle in matters of artistic beauty and.
ContrastContrast. drowned out Text and other important parts of our work often appear “ drowned out ” by background colors. What can be done about that?
As a reader… Your job as a reader is to take notice of these text features before you read so that they help you predict what you will be reading. During.
 TYPOGRAPHY. Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement.
What are we interested in? 1. Understand Design 0 2. Digital Image design 3 3. Time-based media Webpage design 2 1.
Typography A Key Element in Design A. Definition of Typography Typography is the appearance and arrangement of the characters that make up text on a page.
Lesson 13 – Color and Typography. 2 Objectives Understand basic color theory. Understand the color wheel. Understand how color is presented on a computer.
Chapter 20: Designing Presentation Aids. Whip Around  What is your favorite television show/series?
A POCKET GUIDE TO PUBLIC SPEAKING 4 TH EDITION Chapter 21 Designing Presentation Aids.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Microsoft Expression Web 3 – Illustrated Unit M: Advanced Typography Using CSS.
Desktop Publishing Lesson 2 — Working with Text. Lesson 2 – Working with Text2 Objectives  Create a blank document.  Work with text boxes.  Work with.
Design and Typography Chapter Designing a Publication Designing is the process of determining the format and layout, then creating Format: how and.
Design Principles KIS PROXIMITY ALIGNMENT CONSISTENCY HARMONY GRAVITY/SEQUENCE BALANCE PROPORTION FONT USE.
© 2012 The McGraw-Hill Companies, Inc. All rights reserved. word 2010 Chapter 2 Formatting Text and Paragraphs.
Visual Design and White Papers. Review Contrast Repetition Alignment Proximity Dominant element Use color to your advantage Dollar rule Usability test.
HAPPY BIRTHDAY! 21 Fold here
Better Design Understand how to incorporate key design concepts to the entire site Guidelines for site design Use color, balance, alignment, and other.
Desktop Publishing Terminology
A POCKET GUIDE TO PUBLIC SPEAKING 5TH EDITION Chapter 20
STATIC IMAGES.
DESIGN PRINCIPLES and arguing in virtual spaces
Typography.
HAPPY BIRTHDAY! 21 Fold here
A REALLY BAD POWERPOINT PRESENTATION Guided practice PPT #2.
Presentation transcript:

TYPE as DESI g N

Using kerning and tracking for legibility

Use type to make something visually ordinary to visually interesting

Hard to Read Better Best Line Spacing Also Affects Legibility

LOOK AT THE TOP HALF THEN AT THE BOTTOM The top half of letters is more recognizable than the bottom half.

Which of the following is easier to decipher? Sans Serif Type Serif Type

I AM REALLY HAPPY RIGHT NOW! I am really happy right now ! Displaying text in all caps can communicate yelling to the reader Displaying text in lowercase communicates a softer message.

HINTS for judging spacing: Turn the page upside down Squint Stand back from the type Have someone else read it

Think twice before making type in color.

How Easily Can You Read This? Comprehension Level Good Poor

Putting type on tints is risky business. OK Risky OK Bad OK

Reversing Type is equally risky. Reversed type is hard to read. Printing text in white on a black or colored background makes it virtually impossible for readers to understand. Reversing Type is equally risky. Reversed type is hard to read.