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

Kerning/ Letter Spacing/ Word Spacing
Leading/ Alignment and Paragraph Spacing/ Hinting/ Headlines/ Subheads/ Captions
Justification/ Pull Quotes/ Emphasizing Type/ Line Breaks/ Hyphenation
Emoticons/ Dingbats/ Swash Characters/ Initial Caps
Color/ Distressed Typefaces/ Multiple Masters

Resource
FontLab. Font Editor
Schopp, Jürgen F. Blätter und Tipps zur Typografie.

Sixth Assignment
Logo Due for Presentation

Seventh Assignment
Animation Due for Presentation at Week 11
Develop an animation that combines color, typography, and design and adds the elements of time, speed, and movement. Technologies can include but are not limited to: animated GIF’s, Flash or ShockWave animations, and short video clips.

Required
Printout of storyboard DIN A4/8.5”x11” size and uploaded animation.

Vector Versus Bitmap/ Graphics versus Photographic
Images and Graphics: BMP/ TIFF/ PSD/ JPG/ PNG /GIF
Sound: MP3/ WAV/ AIFF/ MIDI
Video: QuickTime/ Mpeg/ Divx/ Mov/ Streaming/ Real
Pictures and Graphics/ Animation/ Film
GIF89A Transparency/ Animation/ Color LookUp Tables/ Web Safe Palette/ Interlacing
GIF89A Index Colors/ Alpha Channels/ Layers
Bandwith/ Compression Algorithms/ Progression

Resource
Fraunhofer Institut für Integrierte Schaltungen. (MP3)
Moving Picture Experts Group. (MPEG)
DivXNetworks, Inc. (DivX)
AtomFilms.
Flash Award. Flash Competition.
Bashing Bin Laden.
Take Back The Media.
Animation. Gulf War 2 - World War 2.5
Newgrounds.
Animation. Osama Bin Laden Flash.
Too Stupid To Be President.
Animation. Shames.
Animation. Art of War.
Animation. The Great Dictator.
Animation. Slap the evil dictator.
Animation. Der Kanzlergenerator.

Seventh Assignment
Animation Due for Presentation.

Final Assignment
Corporate Identity, Marketing Campaign, or Theme. First Sketches Due for Review with Instructor at Week 12.
Develop, design, and realize a Corporate Identity, marketing campaign or Open Source theme for one of the following topics. Please consider and revise several versions of your assignment. The final project is a teamwork of two students, who will also present their results in a formal defense. Depending on the project (CI, marketing campaign or theme) it is necessary to include and consider several norms, formats or standards that might describe: size, width, height, length, bandwidth, resolution, color spectrum, technology, and other attributes. It is required that the final assignment as well as the presentation takes these norms into consideration.

Required
Uploaded assignment in different versions and formats (project dependent) – minimum 8 different versions/ Printout and presentation DIN A2/17”x22” / Uploaded research, design and marketing concept (minimum 5 pages) describing and summarizing your decisions.
(Topic Proposals: Pro Open Source, Pro Encryption, Pro Education, Pro Free Speech, Pro Democracy, Anti Racism, Anti Fascism, Against Censorship, Anti DCMA, Pro Palestine, Against Anti Semitism, Against Sweatshops, Pro Distance Learning, Pro Bundeswehr, Pro University, Pro Country Germany/USA, Anti Nuclear Energy.)

Resource
Mozilla Themes

GIF and Flash Animation
Online Advertising/ Banner and Buttons/ Full Size Banner/ Skyscraper/ Web Commercials and Interstitials
Hits/ Clicks/ Visitors/ Page Views/ Sessions
Types/ Sizes/ Prices

Resource
Interactive Advertising Bureau. Banner.
Interactive Advertising Bureau. RichMedia.
AdBizStandards.
Banner Ad Museum.
International Standard Paper Sizes.
Guide to International Paper Sizes.
Office of National Drug Control Policy. Banner.
Office of National Drug Control Policy. Ads.
Advertising Age.
AdBusters.
Adflip. Printed Advertisements.
AdCritic. (Subscription Required.)
Adbusters.Culture Jammers Headquarters.

Final Assignment
Corporate Identity, Marketing Campaign, or Theme. Review First Draft/ Sketches.

<< Schedule Week 7-9

Remark: The information presented on this website does not represent an offer to buy or sell anything, it is intended for educational purposes only. The European Graduate School is evaluating an Associate status with Amazon.com. Although it is advisable to use the aforementioned material for reading assigments and class studies, there are other publishers, editions and sources that might serve the same purpose.

Privacy Statement: The European Graduate School will not sell, lease or distribute any information, user names, addresses or any other information deemed private. The European Graduate School believes in users personal privacy and will not violate that trust.