1 / 29

Multimedia & Webpage Design

Multimedia & Webpage Design Objective 1.01: Understand typography, multiuse design principles and elements. Typography refers to the design of the characters and the way they are presented on the page. Consistency is important!. The Target Audience.

adrienne-orr
Télécharger la présentation

Multimedia & Webpage Design

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Multimedia & Webpage Design Objective 1.01: Understand typography, multiuse design principles and elements

  2. Typography refers to the design of the characters and the way they are presented on the page. • Consistency is important!

  3. The Target Audience • Publications are created to convey a message to the intended audience, called the target audience. • The target audience will determine the: • Language used. • Typefaces used. • Colors used. • Graphics used.

  4. Babies Galore! BabiesGalore!

  5. Reference Books Reference Books

  6. Shoes Shoes

  7. A typeface is the basic design of a character. Each typeface has a design for each letter of the alphabet, numbers, punctuation symbols and may contain other symbols. Example: Arialabcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()_+-=?,.:”’; Typefaces, Fonts, and Font Families

  8. Typeface Categories • Typefaces can be divided into five main categories. • Serif • Sans Serif • Script • Decorative/Ornamental • Symbol

  9. Have attributes or strokes at the tips of the letters called serifs. Examples: Bodoni Courier Goudy  Times New Roman Used for body text in printed publications.  Business correspondence  Book text Magazine article text  Newspaper text Newsletter text Serif Typefaces k

  10. Serif Typefaces

  11. Sans Serif typefaces have no attributes (serifs) at the tips of the letters. Examples: Arial Gill Sans Berlin SansVerdana Used for digital display. Webpages On-screen display Headings  Tables Captions Headlines Sans Serif Typefaces k

  12. Serif vs Sans Serif Typefaces Sans Serif The ends of each character do not have attributes (serifs)

  13. Decorative/OrnamentalTypefaces • Designed strictly to catch the eye • Should be used sparingly. • Can be hard to read. • Examples Chiller Algerian Forte • Used for decoration. • Banners and headlines

  14. Script Typefaces • Appear to have been written by hand with a calligraphy pen or brush • Should never be used to key in all caps. • Example • French Script • Uses • Formal Invitations • Place cards • Poetry • Announcements

  15. Symbol • Uses decorative pictures or symbols instead of characters • Allows the user to use a symbol to convey the message without importing a graphic • Can be used for fun or for musical and mathematical symbols Examples: • Webdings dfalrjeiraofjid • Wingdings asdfjdlfjelrare

  16. Fonts • It’s easier to understand fonts if you begin with the original definition of a font. • Before desktop publishing, people called ‘typesetters’ set the type by hand using moveable type. • Each character was a separate block of metal. • The letters were “set” on the layout to form the text. • Each typeface had a complete set of metal characters for each size, weight, etc.

  17. Fonts Continued • Each different size or weight required a completely separate set of metal characters. • Each metal set of characters was kept in its own drawer and was called a type font. • So a fontis the specific size, weight and style applied to a typeface. • Examples: Arial, bold, 12 point Arial, italic, 14 point Arial, 10 point

  18. Font Style • The font style refers to the slant, weight and special effects applied to the text. • Examples: • Bold • Italic • Underline • Shadow • Outline • Small Caps

  19. Font Families • A font family is the different sizes, weights and variations of a typeface. • Examples: Arial Arial Black Arial Narrow Arial Rounded MT Bold

  20. Typeface Spacing • Monospace • Proportional

  21. Monospaced Typefaces • Each character takes up the same amount of horizontal space regardless of the letter size. • Advantages • Easier to see thin punctuation marks. • Similar characters look more different. • If limited to a certain number of characters per line, each line will look alike. • Disadvantage: Harder to read in large bodies of text • Courier is monospaced

  22. Proportional Typefaces • Proportional • The amount of horizontal space each character takes up is adjusted to the width of that character. • Therefore, an i is not as wide as an m and receives less space. • Advantages • Easier to read. • Does not take up as much space as monospaced typefaces. • Used in documents and publications. • Times New Roman is proportional

  23. Proportional vs. Monospace

  24. Any Questions?

More Related