Art 368 WEB Design 1 Spring 2002 Type Two basic families:  Serif and Sans Serif Parts of all type Ascenders, descenders, baseline, etc. Leading= linespacing/paragraph.

Slides:

Advertisements

Similar presentations

Typography Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.

Advertisements

More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.

Typography the art of using (text) fonts and font styles to produce professional looking publications the art of using (text) fonts and font styles to.

Typography Basic terminology/concepts

Chapter Concepts Discuss Fonts Understand Fonts

Digital Media Text Text Text in History Text came into use about 6,000 years ago.

Chapter 10: TypographyCopyright © 2004 by Prentice Hall User-Centered Website Development: A Human- Computer Interaction Approach.

Typography Principles Communications 320 Desktop Publishing.

WEB PAGES: CREATING AND MAINTAINING ** Tom Keane & Mayis SeapanInstructors: HTML Tags to format your text.

Typography CSCI /01/2002. References Web Style Guide : Basic Design Principles for Creating Web Sites by Patrick J. Lynch, Sarah Horton Web Style.

Chapter 10: TypographyCopyright © 2004 by Prentice Hall 10. Typography In this chapter you will learn about: The basic terminology and concepts of working.

TYPOGRAPHY vasuki belavadi reader dept. of communication s n school university of hyderabad.

Typography. What message do these fonts convey?  Jokerman  Old English Text  Brush Script  Curlz  Edwardian Script.

content/uploads/2010/03/Death_by_Typography_by_GCORE1.jpg.

1.01A – What typefaces should be used for various displays?????

1.01 Investigate typefaces and fonts.

Multimedia & Webpage Design

Multimedia & Webpage Design 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.

Formatting Text (Plus More Selectors) Learning Web Design: Chapter 12.

 Font is also commonly called type or text › They all mean the same thing You can say font face or type face but they mean the same thing.

® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN Vocabulary and Guidelines.

Typography is the strategic use of type to create texture, hierarchy, organization, and clear communication.

Typography Conveys mood Communicates attitude. The Letters X-height –the height of the main body of a lower case letter (literally, the x) x j Cap height.

2.1 Different Text Attributes Font A set of printable or displayable text characters with its style and size specified Arial 16 point bold Arial 32 point.

10. Typography The basic terminology & concepts of working with type

Typography 2.01 Investigate typefaces and fonts..

Chapter 2 TEXT.

Text Text. Multimedia Elements u Text u Graphics u Animation u Sound u Video.

Typography-- Using Text Typography -- Using Text There are two basic types of fonts: Sans Serif Serif.

Visual Rhetoric: Headers and Typography Professor Stevens Amidon Department of English and Linguistics, IPFW.

Typography Terms. o.php?viewkey=d26eb03e91d5741a4a 3b.

Q: Invitation to the prom A. Decorative/Ornamental B. Sans Serif C. Script D. Serif.

B.Sc. Multimedia ComputingMedia Technologies Character Representation & Font Technology.

Typography The Art of designing with words and letters.

The art of using text to produce professional looking publications.

COM 366 Web Production & Design

Typography (Fonts). Type type = any set of printed characters font = a set of printable or displayable characters with a specific style and size typeface.

Basics of Web Design Chapter 6 More CSS Basics Key Concepts.

Desktop Publishing Review. What is a rough sketch used in planning a layout and design?

Typograpy. Type Type - Categories Serif Fonts  Oldstyle  Transitional  Modern  Slab Serif Sans Serif Fonts Script Decorative Monospaced.

1.01b Investigate typefaces and fonts.. Fonts It’s easier to understand fonts if you begin with the original definition of a font. Before desktop publishing,

1.01b Investigate typefaces and fonts.. Fonts It’s easier to understand fonts if you begin with the original definition of a font. Before desktop publishing,

Typography Graphic Design Fundamentals

Typography 1.01 Investigate typefaces and fonts. (Rev. 2011)

TYPOGRAPHY What is Typography?

Graphic Design  Graphic Design is a form of visual communication.  Communicate a message  Using typography and graphic elements.

Graphic Communications Chapter 4.  Distinctive designs of visual symbols that are used to compose a printed page.  Ie: Magneto, Times New Roman, Baskerville,

Headings and Text What makes headings stand out?.

Typography Chapter 10: TypographyCopyright © 2004 by Prentice Hall.

The art of using text to produce professional looking publications.

Typography. The Target Audience Publications are created to convey a message to the intended audience, called the target audience. The target audience.

Font:  Text of a certain design, available in hundreds of varieties.  Called typeface. Style:  The way a font looks: Bold, Italic, regular Points: 

What are we interested in? 1. Understand Design 0 2. Digital Image design 3 3. Time-based media Webpage design 2 1.

Graphic Design Mrs. Lacks. Typography Is the art and skill of arranging text so that language is visible Essentially, all forms of writing are typography.

Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.

The art of using text to produce professional looking publications.

Vocabulary & Guidelines

Typography Basics 2.01 Investigate typefaces and fonts.

2.01 Investigate typefaces and fonts.

The Art of Type 9/17/2018.

Typography The Art of designing with words and letters.

Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.

2.01 Investigate typefaces and fonts.

Typography is the strategic use of type to create texture, hierarchy, organization, and clear communication.

Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.

Session IV Chapter 15 - How Work with Fonts and Printing

Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.

Cascading Style Sheets

Presentation transcript:

Art 368 WEB Design 1 Spring 2002 Type Two basic families:  Serif and Sans Serif Parts of all type Ascenders, descenders, baseline, etc. Leading= linespacing/paragraph Kerning

Cañada College Baseline Descender Cap Height Ascender X-Height Serif Stroke Thick Thin

Art 368 WEB Design 1 Spring 2002 Type Families t Serif (Readable) t Body Copy t Books, magazines t <14 point t Sans Serif (Legible) t 1816 then back again in 1920’s t Display Type t Posters t Headlines

Art 368 WEB Design 1 Spring 2002 Type Families and Fonts t A typeface family = Type Designer Caslon Bodoni Zapf Palatino OptimaMelior t William Caslon, Giambattista Bodoni, Aldus Manutius (15th Century), Hermann Zapf (Palatino, Optima, Melior) t Font = metal type t Adobe vs True Type (fonts?)

Art 368 WEB Design 1 Spring 2002 Type t Point system 72 points to an inch t Picas 1 pica= 12 points 6 picas to an inch t Pixels 72 pixels to an inch? Macintosh vs. Windows Monitors

Art 368 WEB Design 1 Spring 2002 Type t Problem with ALL CAPS Upper and Lower Case UPPER AND LOWER CASE

Art 368 WEB Design 1 Spring 2002 Type on the WEB t Controlling type t Default fonts and sizes t Browser text vs Graphic text

Art 368 WEB Design 1 Spring 2002 Type on the WEB t Controlling type t Browser text (those words typed in Dreamweaver) will fill the width of the window t Use tables or line breaks to control the length of a line of type

Art 368 WEB Design 1 Spring 2002 Type on the WEB t Default fonts and sizes t Usually 12 point Times but the user can set any type and any size as the default t Paragraph and Normal are Default t Heading applies to the entire paragraph and is relative in size to the Default size t 1-3 relatively larger, 4= the same, 5-6= relatively smaller t Select individual characters to add (+) to the size or subtract (-)

Art 368 WEB Design 1 Spring 2002 Type on the WEB t Variables t Browser default font t Browser default size t Resolution of the monitor t Windows vs Mac (Windows users can change the font size in Display) t Specifying a font in the HTML code which will override the default t Specifying a size in the HTML code which will override the default t Cascading Style Sheets

Art 368 WEB Design 1 Spring 2002 Type on the WEB t Variables t Proportional vs Monospaced (Preformatted or Teletype) t Logical vs Physical Styles t Emphasis vs Bold t Special Characters (~) (“ ”) t Underline and Italic (issues!)

Art 368 WEB Design 1 Spring 2002 Type on the WEB t Browser text vs Graphic text t Cross-platform fonts t Arial, Arial Black, comic Sans, Courier New, Impact, Times New Roman, Verdana, and Webdings

Art 368 WEB Design 1 Spring 2002 Sample Display Type

Art 368 WEB Design 1 Spring 2002 Sample Display Type

Art 368 WEB Design 1 Spring 2002 Sample Display Type

Art 368 WEB Design 1 Spring 2002 Sample Display Type

Art 368 WEB Design 1 Spring 2002 Sample Display Type

Art 368 WEB Design 1 Spring 2002 Sample Display Type

Art 368 WEB Design 1 Spring 2002 Sample Display Type

Art 368 WEB Design 1 Spring 2002 Sample Display Type

Art 368 WEB Design 1 Spring 2002

Art 368 WEB Design 1 Spring 2002 Objects Replacing Characters

Art 368 WEB Design 1 Spring 2002

Art 368 WEB Design 1 Spring 2002 Type Alignment