logging in or signing up chapt 03 Peppar Download Post to : URL : Related Presentations : Share Add to Flag Embed Email Send to Blogs and Networks Add to Channel Uploaded from authorPOINTLite Insert YouTube videos in PowerPont slides with aS Desktop Copy embed code: (To copy code, click on the text box) Embed: URL: Thumbnail: WordPress Embed Customize Embed The presentation is successfully added In Your Favorites. Views: 441 Category: Entertainment License: All Rights Reserved Like it (0) Dislike it (0) Added: October 10, 2007 This Presentation is Public Favorites: 0 Presentation Description No description available. Comments Posting comment... Premium member Presentation Transcript Introduction to Multimedia: Introduction to Multimedia SMM 2005 Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537 http://www.fsktm.upm.edu.my/Introduction to Multimedia: Introduction to Multimedia Chapter 3 TextWhat is TEXT?: What is TEXT? Basic media for many multimedia systems. Texts in the form of words, sentences and paragraphs is used to communicate thoughts, ideas and facts in nearly every aspect of our lives. What is TEXT?: What is TEXT? Multimedia products depends on text for many things: to explain how the application work. to guide the user in navigating through the application. deliver the information for which the application was designed. What is TEXT?: What is TEXT? Minimize the texts in multimedia application Texts consists of two structures: Linear Non-Linear What is TEXT?: What is TEXT? Linear A single way to progress through the text, starting at the beginning and reading to the end. What is TEXT?: What is TEXT? Non-Linear Information is represented in a semantic network in which multiple related sections of the text are connected to each other A user may then browse through the sections of the text, jumping from one text section to another. Kancil Page Crocodile Case Page Belt Case Page Hungry Monkey Page3.1 Why Text is Important in MM?: 3.1 Why Text is Important in MM? Factors affecting legibility of text: Size. The size of the text Background and foreground color The color in which the text is written in / on. Style Also known as typeface and font Leading refers to the amount of added space between lines of type. Originally, when type was set by hand for printing presses, printers placed slugs—strips of lead of various thicknesses—between lines of type to add space. 3.1 Why Text is Important in MM?: 3.1 Why Text is Important in MM? Factors affecting legibility of text: Background and foreground color (BG – Light colored, FG – Dark) Size. Style Leading3.2 Text Technology: 3.2 Text Technology Based on creating letters, numbers and special characters. Text elements can be categories into: Alphabet characters : A – Z Numbers : 0 – 9 Special characters : Punctuation [. , ; ‘ …] , Sign or Symbols [* & ^ % $ £ ! /\ ~ # @ .…] Also known Character Sets 3.2 Text Technology: 3.2 Text Technology May also include special icon or drawing symbols, mathematical symbols, Greek Letter etc. Font VS Typefaces: Font VS Typefaces Is there a difference? How do we differentiate one with the other? Font: Font A ‘font’ is a collection of characters of a particular size and style belonging to a particular typeface family. Usually vary by type sizes and styles. The sizes are measured in points This includes the letter set, the number set, and all of the special character and diacritical marks you get by pressing the shift, option, or command/control keys. Arial FontsTypeface: Typeface A ‘typeface’ is a family of graphic characters that usually includes many type sizes and styles. A typeface contains a series of fonts. For instance, Arial, Arial Black Arial Narrow and Arial Unicode MS are actually 4 fonts under the same family. Arial Typefaces FamilyFont and Faces: Font and Faces The study of fonts and typefaces includes the following: Font styles - boldface, italic, underline, outline Font sizes - point, kerning, leading Cases – uppercase, lowercase, intercap Serif versus Sans SerifFont Effects: Font Effects A numbers of effects that are useful for bringing viewer’s attention to content: Case: UPPER and lower cased letter Bold, Italic, Underline, superscript or subscript Embossed or Shadow Colours b Font Effects Example: Font Effects Example Tracking, Kerning, Leading: Tracking, Kerning, Leading Ascender an upstroke on a character Descender the down stroke below the baseline of a character Leading spacing above and below a font or Line spacing Tracking spacing between characters Kerning space between pairs of characters, usually as an overlap for improvement appearance Text Characteristic: Text Characteristic FD xhp This example shows the Times New Roman fontTracking, Kerning, Leading: Tracking, Kerning, Leading Av Unkerned Kerned Tracking, Kerning, Leading: Tracking, Kerning, Leading Reading Line One Reading Line Two LeadingTypes of Fonts: Types of Fonts Two classes of fonts Serif Sans Serif Serif Text: Serif Text Decorative strokes added to the end of a letter's Serifs improve readability by leading the eye along the line of type. Serifs are the best suited for body text. Serif faces are more difficult to read in small scale (smaller than 8pt) and in very large sizes. San Serif Text: San Serif Text Sans serif faces doesn't have decorative strokes. A sans serif text has to be read letter by letter. Use sans serif faces for small (smaller than 8pt) and very large sizes. Used for footnotes and headlinesSerif vs Sans Serif Fonts: Serif vs Sans Serif Fonts For computer displays, Sans Serif fonts considered better because of the sharper contrast. San Serif SerifTypes of Fonts: Examples: Types of Fonts: Examples Examples of Serif fonts Examples of San Serif fontsUsing Text in Multimedia: Using Text in Multimedia The text elements used in multimedia are: Menus for navigation Interactive buttons Fields for reading HTML documents Symbols and icons Using Text in Multimedia: Using Text in Multimedia Text applying guidelines: Be concise Use appropriate fonts Make it readable Consider type styles and colors Use restraint and be consistent Font Editing and Design Tools : Font Editing and Design Tools Text creating software ResEdit Introduced by Apple Text to design text as a bitmap image. Font Editing and Design Tools: Font Editing and Design Tools Text creating software: Fontographer Developed by Macromedia for Macintosh and Apple Use to edit the existing font Freehand drawing tools is used to design a font. Text in Hypermedia: Text in HypermediaHypertext: HypertextHow Text Can Be Used Effectively: How Text Can Be Used Effectively Communicating Data Customer names and address Pricing information of productsHow Text Can Be Used Effectively: How Text Can Be Used Effectively Explaining concepts and ideas A company mission statement A comparison of medical procedures How Text Can Be Used Effectively: How Text Can Be Used Effectively Clarifying other media Labels on button, icons and screens Captions and callouts for graphics Advantages & Disadvantages Using Text: Advantages & Disadvantages Using Text Advantages: Is relatively inexpensive to produce Present abstract ideas effectively Clarifies other media Provides confidentiality (password) Is easily changed or updated Advantages & Disadvantages Using Text: Advantages & Disadvantages Using Text Disadvantages: Is less memorable than other visual media Requires more attention from the user than other media Can be cumbersomeSummary: Summary Multimedia applications and presentations invariably rely to some extent on the use of text to convey their message to users. Text has many characteristics that the developer can modify to enhance the user experience. size, weight, typeface, style, colour, kerning, tracking, etc. Just like any other media, it requires careful planning and creativity. You do not have the permission to view this presentation. In order to view it, please contact the author of the presentation.
chapt 03 Peppar Download Post to : URL : Related Presentations : Share Add to Flag Embed Email Send to Blogs and Networks Add to Channel Uploaded from authorPOINTLite Insert YouTube videos in PowerPont slides with aS Desktop Copy embed code: (To copy code, click on the text box) Embed: URL: Thumbnail: WordPress Embed Customize Embed The presentation is successfully added In Your Favorites. Views: 441 Category: Entertainment License: All Rights Reserved Like it (0) Dislike it (0) Added: October 10, 2007 This Presentation is Public Favorites: 0 Presentation Description No description available. Comments Posting comment... Premium member Presentation Transcript Introduction to Multimedia: Introduction to Multimedia SMM 2005 Rabiah Abdul Kadir Jabatan Multimedia, FSKTM, UPM rabiah@fsktm.upm.edu.my 03-89466537 http://www.fsktm.upm.edu.my/Introduction to Multimedia: Introduction to Multimedia Chapter 3 TextWhat is TEXT?: What is TEXT? Basic media for many multimedia systems. Texts in the form of words, sentences and paragraphs is used to communicate thoughts, ideas and facts in nearly every aspect of our lives. What is TEXT?: What is TEXT? Multimedia products depends on text for many things: to explain how the application work. to guide the user in navigating through the application. deliver the information for which the application was designed. What is TEXT?: What is TEXT? Minimize the texts in multimedia application Texts consists of two structures: Linear Non-Linear What is TEXT?: What is TEXT? Linear A single way to progress through the text, starting at the beginning and reading to the end. What is TEXT?: What is TEXT? Non-Linear Information is represented in a semantic network in which multiple related sections of the text are connected to each other A user may then browse through the sections of the text, jumping from one text section to another. Kancil Page Crocodile Case Page Belt Case Page Hungry Monkey Page3.1 Why Text is Important in MM?: 3.1 Why Text is Important in MM? Factors affecting legibility of text: Size. The size of the text Background and foreground color The color in which the text is written in / on. Style Also known as typeface and font Leading refers to the amount of added space between lines of type. Originally, when type was set by hand for printing presses, printers placed slugs—strips of lead of various thicknesses—between lines of type to add space. 3.1 Why Text is Important in MM?: 3.1 Why Text is Important in MM? Factors affecting legibility of text: Background and foreground color (BG – Light colored, FG – Dark) Size. Style Leading3.2 Text Technology: 3.2 Text Technology Based on creating letters, numbers and special characters. Text elements can be categories into: Alphabet characters : A – Z Numbers : 0 – 9 Special characters : Punctuation [. , ; ‘ …] , Sign or Symbols [* & ^ % $ £ ! /\ ~ # @ .…] Also known Character Sets 3.2 Text Technology: 3.2 Text Technology May also include special icon or drawing symbols, mathematical symbols, Greek Letter etc. Font VS Typefaces: Font VS Typefaces Is there a difference? How do we differentiate one with the other? Font: Font A ‘font’ is a collection of characters of a particular size and style belonging to a particular typeface family. Usually vary by type sizes and styles. The sizes are measured in points This includes the letter set, the number set, and all of the special character and diacritical marks you get by pressing the shift, option, or command/control keys. Arial FontsTypeface: Typeface A ‘typeface’ is a family of graphic characters that usually includes many type sizes and styles. A typeface contains a series of fonts. For instance, Arial, Arial Black Arial Narrow and Arial Unicode MS are actually 4 fonts under the same family. Arial Typefaces FamilyFont and Faces: Font and Faces The study of fonts and typefaces includes the following: Font styles - boldface, italic, underline, outline Font sizes - point, kerning, leading Cases – uppercase, lowercase, intercap Serif versus Sans SerifFont Effects: Font Effects A numbers of effects that are useful for bringing viewer’s attention to content: Case: UPPER and lower cased letter Bold, Italic, Underline, superscript or subscript Embossed or Shadow Colours b Font Effects Example: Font Effects Example Tracking, Kerning, Leading: Tracking, Kerning, Leading Ascender an upstroke on a character Descender the down stroke below the baseline of a character Leading spacing above and below a font or Line spacing Tracking spacing between characters Kerning space between pairs of characters, usually as an overlap for improvement appearance Text Characteristic: Text Characteristic FD xhp This example shows the Times New Roman fontTracking, Kerning, Leading: Tracking, Kerning, Leading Av Unkerned Kerned Tracking, Kerning, Leading: Tracking, Kerning, Leading Reading Line One Reading Line Two LeadingTypes of Fonts: Types of Fonts Two classes of fonts Serif Sans Serif Serif Text: Serif Text Decorative strokes added to the end of a letter's Serifs improve readability by leading the eye along the line of type. Serifs are the best suited for body text. Serif faces are more difficult to read in small scale (smaller than 8pt) and in very large sizes. San Serif Text: San Serif Text Sans serif faces doesn't have decorative strokes. A sans serif text has to be read letter by letter. Use sans serif faces for small (smaller than 8pt) and very large sizes. Used for footnotes and headlinesSerif vs Sans Serif Fonts: Serif vs Sans Serif Fonts For computer displays, Sans Serif fonts considered better because of the sharper contrast. San Serif SerifTypes of Fonts: Examples: Types of Fonts: Examples Examples of Serif fonts Examples of San Serif fontsUsing Text in Multimedia: Using Text in Multimedia The text elements used in multimedia are: Menus for navigation Interactive buttons Fields for reading HTML documents Symbols and icons Using Text in Multimedia: Using Text in Multimedia Text applying guidelines: Be concise Use appropriate fonts Make it readable Consider type styles and colors Use restraint and be consistent Font Editing and Design Tools : Font Editing and Design Tools Text creating software ResEdit Introduced by Apple Text to design text as a bitmap image. Font Editing and Design Tools: Font Editing and Design Tools Text creating software: Fontographer Developed by Macromedia for Macintosh and Apple Use to edit the existing font Freehand drawing tools is used to design a font. Text in Hypermedia: Text in HypermediaHypertext: HypertextHow Text Can Be Used Effectively: How Text Can Be Used Effectively Communicating Data Customer names and address Pricing information of productsHow Text Can Be Used Effectively: How Text Can Be Used Effectively Explaining concepts and ideas A company mission statement A comparison of medical procedures How Text Can Be Used Effectively: How Text Can Be Used Effectively Clarifying other media Labels on button, icons and screens Captions and callouts for graphics Advantages & Disadvantages Using Text: Advantages & Disadvantages Using Text Advantages: Is relatively inexpensive to produce Present abstract ideas effectively Clarifies other media Provides confidentiality (password) Is easily changed or updated Advantages & Disadvantages Using Text: Advantages & Disadvantages Using Text Disadvantages: Is less memorable than other visual media Requires more attention from the user than other media Can be cumbersomeSummary: Summary Multimedia applications and presentations invariably rely to some extent on the use of text to convey their message to users. Text has many characteristics that the developer can modify to enhance the user experience. size, weight, typeface, style, colour, kerning, tracking, etc. Just like any other media, it requires careful planning and creativity.