Profile
Name:
Location: Massachusetts, United States

I am an artist and educator who bridges the actual and virtual worlds and explores how these realities can have a transformative impact on people's lives and experiences in both worlds when it can be fully implemented and realized. I bring together people, concepts, modalities, media, and worlds through art.


Links
Course Web Site
Art of Multimedia Web Site
MixxnMash Blog
Visual Literacy Project
 Student Blogs
Angela's Blog
Steve's Blog
Erika's Blog
Aaron's Blog
Journel's Blog
Peter's Blog
Rene's Blog
Jay's Blog
 Previous Posts
<$BlogPreviousItemTitle$>
 Archives

February 2007

Powered by Blogger

March 2007

Powered by Blogger

April 2007

Powered by Blogger

May 2007

Powered by Blogger

 
Multimedia Authoring 101 
Saturday, March 31, 2007

Design Fundamentals

We will be shifting from digital imaging to design fundamentals. I will refer to the Non-Designer's Design book (recommended reading). Also read chapter 3 from How to Design and Build the Coolest Website... by Nick Nettleton.

Most design fundamentals are based on Gestalt psychology. One way to understand this is to imagine that you are baking a cake. The cake ingredients are arranged on a counter, but individual ingredients cannot begin to describe the cake. For example, an egg might be a cake ingredient. If we examine the egg, it tells us about the egg, but not how it will be used to create a cake. It is only when assembled that the ingredients form the completed product. The whole cannot be seen by looking only at the individual elements.

Your challenge will be to explore not only how images and graphics are used in multimedia but also how they are assembled in the project. We will explore four design fundamentals used to creating layouts, esp. for interfaces or menus:
  • Contrast
  • Repetition
  • Alignment
  • Proximity
...otherwise known as C.R.A.P.

This is both an example of repetition and proximity.

Notice how the white space is used to create these principles in the image.









On the right is both an example of contrast and alignment.

Again, notice how the white space is used. Your eye is drawn to the largest shape and then the others.










These four basic concepts are supposed to be used together to create good design. You can see some good and not so good examples of design as it relates to interface (menus) and web page layouts at Cool Homes Pages. See if you can identify web sites that fit the criteria.

This week's assignment is to create a 3 home page/DVD menu prototypes based upon your class project theme. The purpose is to incorporate the images and text you've been compiling and create 3 versions of a layout that covers the four basic design concepts (contrast, repetition, alignment, proximity). Post your images on your blogs by or before the next class.

Posted by Nettrice @ 5:08 PM

© 2006 Nettrice R. Gaskins All Rights Reserved.