MEDIA DESIGN / HYPER MEDIA DESIGN

This course will provide a solid introduction into media design and hyper media design, including color, color theory, typography, multi media, and corporate identity design. The class will teach how to create basic Web pages using Hyper Text Markup Language (HTML), devise and develop basic multi media projects; understand and apply color theory, and use fonts, type and typography. The course will cover the basic HTML framework, font, type, and text formatting, images and graphics, as well as different color and perception models. Students will focus on design and aesthetic considerations but special attention will be devoted to readability, usability, coding syntax and implementation methods.

Students will apply the lessons from the class, and create and design several multi media projects, homepages, and portfolios. Projects assigned include a resume, a personal portfolio, logos, self created fonts, the application of type, corporate identities, hypermedia projects, and marketing campaigns.

• CLASS INFORMATION
  
• CLASS SCHEDULE
  • Week 1 - Introduction
  • Week 2 - HTML and WWW I
    Internet, World Wide Web And HTML
  • Week 3 - HTML and WWW II
    Organizing and Formatting of Text
  • Week 4 - HTML and WWW III
    Images and Tables
  • Week 5 - HTML and WWW IV
    Cross Compatibility, Usability Engineering, GUI
  • Week 6 - Color I
  • Week 7 - Color II
    Models and Systems
  • Week 8 - Font, Type, and Typography
  • Week 9 - Font, Type, and Typography II
  • Week 10 - Font, Type, and Typography III
  • Week 11 - Multi Media I
    Sound, Video, and Animation
  • Week 12 - Multi Media II
    Animation, Banner and Online Marketing
  • Week 13 - Branding, and Marketing I
  • Week 14 - Branding, and Marketing II
  • Week 15 - Final Presentation

• MATERIAL
  
• REQUIREMENTS

CMYK/RGB/HLS
RAL / Pantone/ HKS/ Additive and Subtractive/ Color profiles
Color on the Web / Web Safe Colors

Fourth Assignment
Color Wheel Due for Presentation

Fifth Assignment
Color Exercise Due for Presentation at Week 8
Explore the effects of color on perception and feelings. Prepare an abstract interpretation of one of the following topics based on colors. (Topics: Salty, Sweet, Spicy, Bitter, Warm, Cold, Dry, Wet, Happy, Sad, Lonely, Young, Old, Mighty, Weak, Cheap, Expensive, Stormy, Calm, Nice, Ugly, Close, Far, Deep, Flat, Dirty, Clean, Slow, Fast). The topics will be assigned during the class. The exercise is a team project of two students.

Required
Color Exercise DIN A3/11”x17”.

Introduction/ Type Relationships/ Concordant/ Conflicting/ Contrasting
Type Face/ Style/ Contrasts/ Size/ Weight/ Regular/ Italic/ Bold/ Bold Italic
Structure/ Form/ Direction/ Color
Categories/ Old Style/ Modern/ Proportional/ Monospaced/ Slab Serif/ Sans Serif/ Script/ Decorative

Book
Spiekermann, Erik and E. M. Ginger. Stop Stealing Sheep & Find Out How Type Works.
Bringhurst, Robert. The Elements of Typographic Style.
Weingart, Wolfgang. Wolfgang Weingart: My Way to Typography.

Resource
Fontshop. (Commercial Fonts)
Linotype. (Commercial Fonts)
Monotype. (Commercial Fonts)
Fontexplorer. (Font Identification)
Fontfile. (Free fonts)
Fontface. (Free fonts)

Fifth Assignment
Color Exercise Due for Presentation.

Sixth Assignment
Logo Due for Review with Instructor at Week 9
Develop, based on your own initials, a typographic sign/or icon that you wish to be identified with, and upload and include the results in your online portfolio.

Required
Uploaded PostScript version of the assignment and two DIN A4/8.5”x11” printouts of the logo in different sizes (diameter 18 cm and 6 cm).

Readability, Legibility, Punctuation, Baselines
Expert Type/ Expert Sets/ Small Caps/ Oldstyle Figures
Ligatures and Extended Type/ Widow/ Orphan/ Versal/ Minuscules
True Type/ Postscript/ Opentype/ Printer Font/ Rasterization/ Bitmap Suitcase

Resource
abc typography. Typography Museum
Microsoft typography. Microsoft.
Typographi.ca.
The Evolution of Type. MediumBold.

Sixth Assignment
Logo Due for Review