Text in multimedia Why would course designers like text? The most inexpensive media to develop Least overhead in storage/transmission But text creation.

Slides:



Advertisements
Similar presentations
The Key Element in Desktop Publishing Design
Advertisements

COM 205 Multimedia Applications St. Joseph’s College Fall 2004.
BM109 Computer Applications For Media. Text Overview Importance of text in a multimedia presentation. Understanding fonts and typefaces. Using text elements.
Typography (The study of font).
1 LECTURE 4 THE USES OF TEXT IN MULTIMEDIA Prepared by Cik Nor Anita Fairos bt Ismail.
Digital Media Text Text Text in History Text came into use about 6,000 years ago.
Typography Principles Communications 320 Desktop Publishing.
Typography CSCI /01/2002. References Web Style Guide : Basic Design Principles for Creating Web Sites by Patrick J. Lynch, Sarah Horton Web Style.
1.01 Investigate typefaces and fonts.
Thinking with Type A Critical Guide for Designers, Writers, Editors, & Students ELLEN LUPTON v.
1.01 Investigate typefaces and fonts.
Multimedia & Webpage Design
Multimedia: Making it Work
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.
Interactive Multimedia Development
10. Typography The basic terminology & concepts of working with type
Unit 4 – Multimedia Element: Text
Introduction to Interactive Media 06: Text: Static Interactive Media Component.
Multimedia Building Block : Text
Text Text. Multimedia Elements u Text u Graphics u Animation u Sound u Video.
TYPOGRAPHY.
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.
Chapter 2: Text.
Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.
Introduction to Type in Graphic Design AEE 210 Jim Lucas Modified by Luke Reese.
T YPOGRAPHY The study of all elements of type as a means of visual communication—from calligraphy to the use of digital type; includes the shape, size,
Chapter 4-Text.
COM 205 Multimedia Applications St. Joseph’s College Fall 2004.
CHAPTER FIVE TEXT.
INTRODUCTION TO TYPOGRAPHY WHAT IS TYPOGRAPHY? Typography: The study of all elements of type including the shape, size and spacing of the characters.
1 Pertemuan 03 Text and Hypertext Matakuliah: T0553/Sistem Multimedia Tahun: 2005 Versi: 5.
Introduction to Interactive Media Interactive Media Components: Text.
Text dan Hypertext Pertemuan 05 & 06 Matakuliah: O Computer / Multimedia Tahun: Feb
A K Allison1 Tools for Information Processes Displaying  Hardware  Software  Non-computer tools  Social and Ethical issues.
Desktop Publishing Review. What is a rough sketch used in planning a layout and design?
TYPOGRAPHY 1.01 INVESTIGATE TYPEFACES AND FONTS..
Text. Text came into use about 6,000 years ago Text in History.
1 MULTIMEDIA TECHNOLOGY SMM 3001 MEDIA - TEXT. 2 What is Text? the basic element of most multimedia the basic element of most multimedia consisting of.
TEXT.  Font Style Examples: ◦ Bold ◦ Italic ◦ Underline  Font Size Examples: ◦ Points  8 pt (can be smaller)  10 pt  12 pt.
Typography Graphic Design Fundamentals
Typography 1.01 Investigate typefaces and fonts. (Rev. 2011)
Chapter 3 - Text Revamped by Hamzah Asyrani Sulaiman.
CGMB113/ CITB 123: MULTIMEDIA TECHNOLOGY CHAPTER FIVE MULTIMEDIA BUILDING BLOCKS I TEXT 1 SARASWATHY SHAMINI Adapted from Notes Prepared by: Noor Fardela.
Week - 9 Multimedia: Text element. Overview Importance of text in a multimedia presentation. Understanding fonts and typefaces. Using text elements in.
UNIT 4 - TYPOGRAPHY Digital Communications I. 3-D  an effect that gives the illusion of depth.
Date : 01/09/2014 The Web as Multimedia – Text and Images.
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.
Computer Engineering and Networks, College of Engineering, Majmaah University Text in multimedia Mohammed Saleem Bhat CEN-318 Multimedia.
Design and Typography Chapter Designing a Publication Designing is the process of determining the format and layout, then creating Format: how and.
Multimedia & Webpage Design
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
The art of using text to produce professional looking publications.
SCA Introduction to Multimedia
DFP 4113 MULTIMEDIA TECHNOLOGY
Chapter 2: Text.
Typography Basics 2.01 Investigate typefaces and fonts.
1.01 Investigate typefaces and fonts.
Text.
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Source: Digital Desktop Publishing--Font Basics
COM 205 Multimedia Applications
Assist. Lecturer Safeen H. Rasool Collage of Science Department of IT
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
SCA Introduction to Multimedia
Designing Pages and Documents
SCA Introduction to Multimedia
Layout Terms Visual Hierarchy
SCA Introduction to Multimedia
Multimedia & Webpage Design 1.01 Investigate typefaces and fonts.
Presentation transcript:

Text in multimedia Why would course designers like text? The most inexpensive media to develop Least overhead in storage/transmission But text creation requires skill: Good writing and effective use of fonts

Good multimedia writing Concise: why? Precise and powerful: “That answer is correct” vs. “Terrific!” “quit” vs. “close” vs “out” Write for your audience What background knowledge can you assume? Informal, casual or formal, business-like style? Why is a project’s title important?

The Elements of Style, William Strunk Say it in active voice, not passive: “Genetic algorithms were invented by John Holland in the 1970’s.” “John Holland invented genetic algorithms in the 1970's.” Avoid wordiness: “computer algorithm” vs. just “algorithm” Avoid high-falutin’ phrases: “Appropriate incorporated” vs. “using” Write and rewrite Bear in mind that users won’t read as much on a screen

An example: An introductory screen: “ Within a program that aims to educate you on all aspects of networking, it seems most logical that we begin with the broadest definition of the subject matter itself. What is a network? More specifically, what is a computer network? These answers are not so difficult as you may believe.” I propose rewriting it as: “ What is a computer network?” Why?

Fonts A typeface is a family of graphic characters including many type sizes and styles Times, Courier and Arial are typefaces, each of which include many sizes & styles A font is a collection of characters of a single size & style, belong to a typeface family Typical font styles are boldface, italic, bold italic, and underlined Times is a typeface; Times 12-point italic is a font In computerese, however, people say font when typeface would be more accurate

Parts of graphic characters Font sizes are expressed in terms of points, where one point is.0138 or 1/72 inch, and size is the distance from top of ascenders to the bottom of descenders Serif is decoration at end of letter strokes Times Romans is serif font; Arial is sans serif

Spacing between characters Leading is the space between lines of text Lopuck recommends increasing the leading to improve readability of text on a screen Character metrics are measurements of individual characters Vector-based fonts permit changes to character metrics for interesting effects; bit-based fonts do not Kerning is the spacing between character pairs Some fonts have variable kerning (e.g., Times), so have fixed kerning (e.g., Courier) When is fixed kerning more desirable? What about variable kerning?

Serif or sans serif? Print: serif fonts traditionally used for body text help guide the reader’s eyes along the line of text Headlines use sans serif No need to guide reader’s eyes What about on computer screens? Don’t provide as much resolution as print Sans serif is a little more legible, esp. in smaller sizes

Macintosh standardizes pixels Macintosh: resolution of 72 pixels/inch, corresponding to standard font resolution of 72 points per inch for print Supports WYSIWYG for desktop publishing Standardized pixels as square-shaped, so measurements are even on all sides On PC side, VGA imitated these standards EGA aspect ratio was 1.33:1, taller than wide Mac and VGA both 640x480 square pixels

Postscript Apple spearheaded desktop publishing by adopting Adobe’s PostScript Page description language for printing to Apple’s LaserWriter Characters were stored in a bitmap table representing every character at every size PostScript is vector-based: describes characters in terms of mathematical constructs (e.g., Bezier curves) Facilitates scaling, drawing characters at various sizes and in various resolutions

TrueType But PostScript represents fonts for printer and screen separately Adobe Type Manager accesses a font’s outline in the printer font Scales it to display to the right size on a screen Apple introduces TrueType circa 1989 Only one file per font, for printer & screen, no need for ATM utility to do mapping Both PostScript and TrueType universally available

Anti-aliasing Both PostScript and TrueType fonts allow text to be drawn on any size without jaggies (jagged edges on the outlines of a character) Anti-aliasing exploits color by blending (dithering) colors along the edges of letter

Tips for fonts Avoid decorative (serif) fonts for small sizes Be consistent: standardize on a few fonts Possible exception: attention-grabbing headlines Surround headlines with plenty of white space Use different colors and backgrounds Use ample leading (space between lines) Avoid scrolling text (contiguity principle) Keep lines short (Lopuck recommends 3”) Help user transition from line to line End lines with end of sentence or phrase Convert non-standard fonts to graphics