What is Type?. Expressive Decorative Nostalgic.

Slides:



Advertisements
Similar presentations
Typography Typography exists to honor content. — Robert Bringhurst,
Advertisements

MODULE 16: TYPOGRAPHY. Categories of typefaces share similar characteristics. Typefaces have families. Type is measured in points. Column widths should.
Part 3 Introduction to CSS. CSS Text Text Styles h1 {color: green} // rgb(0,255,0), #00ff00 h2{letter-spacing: 0.5cm} // 2px h3 {text-align: right} //
0202 IAT 102 Graphic Design Typography Typeface Spacing.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
2006 Adobe Systems Incorporated. All Rights Reserved. 1 INTRODUCTION TO TYPOGRAPHY DESIGN.
Week 7 Web Typography. 2 Understanding Type Design Principles.
Chapter Concepts Discuss Fonts Understand Fonts
Part 3: Design Chapter 8: Work Reengineering and Conceptual Design Chapter 9: Design Guidance and Design Rationale Chapter 10: Interaction Design Chapter.
The Use of Typography in Print and Electronically. [typography] “exists to honour content” Robert Bringhurst, The Elements of Typographical Style.
Designing Pages and Screens Comm Arts II Mr. Wreford.
0202 IAT 102 Graphic Design Typography: origin of movable type Typeface Grid.
1.01 Investigate typefaces and fonts.
Thinking with Type A Critical Guide for Designers, Writers, Editors, & Students ELLEN LUPTON v.
Harsha Wijayawardhana University of Colombo School of Computing (UCSC)
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Do Now: Take out your notebook and a pen. Good morning! Do Now: Take out your notebook and a pen. Good morning! Aim: What is a Font Family? Mr. Spaterella.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN Vocabulary and Guidelines.
Typography and Space for Web Design Important Issues From Web Style Guide.
Chapter 4 Typography Objectives (1 of 2) Differentiate among calligraphy, lettering, and typography. Gain knowledge of type definitions and nomenclature.
Chapter 4 Typography.
I. Map Design Elements II. Map Composition III. Map Perception IV. Map Lettering V. Type Elements VI. Considerations in Selecting Type for Maps VII. Lettering.
Dots / Pixels The most basic unit is the dot. A pixel is a picture element. A pixel is the smallest piece of information in an image. Dots, or pixels.
Elements of Visual Interface Design. Overview Layout Grid Systems Visual Flow Typography Typefaces Typographic Guidelines Colour Basics Materials & shape.
Charmin Suttles TEC 542.  What is an interface? ◦ Thorsen(2009) describes an interface as “the consistent color, font style, and placement of informational.
Unit 4 – Multimedia Element: Text
Introduction to Interactive Media 06: Text: Static Interactive Media Component.
TYPOGRAPHY.
Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.
Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.
Chapter 7 Web Typography Principles of Web Design, 4 th Edition.
Document and Web design has five goals:
Fonts! Week 3 – Intro to Desktop Publishing. Typography Definition: The study of type and its characteristics Type does many things – Conveys the message.
MODULE 16: TYPOGRAPHY Typography Type selection starts with the BASICS of style and size. GROUPS OF TYPEFACES SHARE SIMILAR CHARACTERISTICS. TYPEFACES.
Logogram: Initials Logotype: Name written fully. Symbol: Simple illustration. 5 minute task Look in your bag for product names and company names (brands)
The applied art of arranging image and text to communicate a message.
Chapter 7. Designing Documents and Web Sites © 2013 by Bedford/St. Martin's1 Document and Web design has five goals: to make a good impression on readers.
INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.
Infographics You will be creating an infographic that will relay the information about your Climate Change research in Humanities and Math classes.
Desktop Publishing Review. What is a rough sketch used in planning a layout and design?
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
What is Type? Typography Fundamentals. Expressive.
Project Page: DESIGN BRIEF/CRITERIA - Design Brief Situation What have you been asked to do, clearly explain? 1 or 2 paragraphs in length Only state what.
DTP Word 2002 Chapter 1 Understanding the Desktop Publishing Process.
TYPOGRAPHY What is Typography?
DESKTOP PUBLISHING. Publishing The process of presenting material in printed form.
Now… The Basics of Design Basic Elements of Design Dots Lines Shapes Color Type Size Direction.
Typography Create a Custom Font!. Let’s Warm Up Typography Fun & A Bit of History - From Paper to Screen:
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.
Words are communication. What do they say? The meaning should come before the look of the type is considered. Choose typographic styles and sizes that.
Microsoft Expression Web 3 – Illustrated Unit M: Advanced Typography Using CSS.
Design and Typography Chapter Designing a Publication Designing is the process of determining the format and layout, then creating Format: how and.
Chapter 7 Working with Type. Goals Practice the three methods of creating type in Illustrator: - Type at a point, type in an area, and type on a path.
TYPOGRAPHY in Design. OBJECTIVES 1. Understand typographic terms and measurement systems. 2. Learn how to select typefaces appropriate to a project's.
Introduction to typography
Typography Design.
INTRODUCTION TO TYPOGRAPHY DESIGN
DFP 4113 MULTIMEDIA TECHNOLOGY
Basic Desktop Terminology
Treatments that effect typography
Unit 2.1: Identifying design elements when preparing graphics
INTRODUCTION TO TYPOGRAPHY DESIGN
Desktop Publishing Terminology
Cascading Style Sheets Color and Font Properties
INTRODUCTION TO TYPOGRAPHY DESIGN
INTRODUCTION TO TYPOGRAPHY DESIGN
INTRODUCTION TO TYPOGRAPHY DESIGN
INTRODUCTION TO TYPOGRAPHY DESIGN
INTRODUCTION TO TYPOGRAPHY DESIGN
Presentation transcript:

What is Type?

Expressive

Decorative

Nostalgic

Occupational Identifier

Image

Identity

Image & Identity

Cultural Identity

Community Property

Essential to the Design Business

Essential for Specifying and Explaining Design

Instructive

Finding

Finding, Discovering…

Finding, Discovering and Getting Lost

Available and Accessible

Ubiquitous

Suspect

COTS ISS NOW Malleable

Life Saving

Immortal

Every information problem can be solved with four typefaces. — Wolfgang Weingart, November 15, 2000 Why is it Worth Doing Well?

Serif and Sans Serif Serif Sans Serif

X-Height

Stroke Proportion

Type Size

Type Weight

Word Spacing

Solving Information Problems with Type

Line Length

Leading (line spacing)

Shifting Type

Signaling with Type

Elements of Letters

Steve Jobs hired Paul Rand to do a typographic design for the next logotype. Who did Palm hire top do the typography on their first product release? Who is NASA’s typographer? Could it be you? A New Aesthetic for Typographers

The form factor for a private information experience will never be much larger than your head. Dutch style miniaturization is rewarded by the market again. Privacy and anonymity are increasingly valued. Screens replace paper as popular rendering platform. Economy Drives Typographic Change

What role does typography play in the shift of focus from Human Computer Interaction to Human Information Interaction to Human Information Experience? User interface Design process Adoption Learning From HCI to HII to HIE

If Only in Better Design Documentation

Typography Fundamentals | University of California Berkeley | 10 April 2002

We seek pattern involuntarily. Elements of letters, letters, words, sentences, paragraphs, labels and so on, all form patterns. Typographic Signals

Weight Shift Line spacing Letter spacing Font Case Italics Position and Composition Contrast Color Signals

A ready-to-use component. Type is (Already) Designed

Analyze an Example

Use drawing to indicate the typographic signals of a better design. A White Board Exercise