Tuesday, March 13, 2012

For this week you will need to write about topics relating to this week's iLab (Week 3).
iLab 3 of 7: Visual Design (50 Points)

TCO addressed: 3—Given a set of specifications for a media project, evaluate page or screen layouts for the effective use of Gestalt principles and Bertin's retinal variables for visually showing relationships and differentiation between page elements.

In a media project with a complex array of content, such as what we are creating for our web design project, there need to be consistent elements for a design team to adhere to in the project. Therefore, basic wireframes are created to help the development team stay focused on the information architecture and structural design without getting sidetracked by the distraction of the visual aesthetics of the design. The wireframes you create should be two-dimensional guides displaying where the major navigation and content elements of your site will appear on the page. The wireframes should bring a consistent modular structure to the various page forms of your site and provide the fundamental layout and navigation structure for the finished templates to come.
Using the standard elements of a web page wireframe, create a basic page wireframe for each of these types of pages: homepage, contact information page, feedback page for customers, and product/service page. Make sure to utilize Gestalt principles and Bertin's retinal variable when creating the wireframe mockup pages. Remember that although each page will be designed slightly differently given the content of the page, there should be consistency of the standard elements between pages.
Each of the wireframes is to be created using Illustrator and saved as a .pdf for upload to the weekly iLab Dropbox.

  1. Create a wireframe for the homepage utilizing Gestalt principles and Bertin's retinal variable.
  2. Create a wireframe for the contact information page utilizing Gestalt principles and Bertin's retinal variable.
  3. Create a wireframe for the feedback page for customers utilizing Gestalt principles and Bertin's retinal variable.
  4. Create a wireframe for the product/service page utilizing Gestalt principles and Bertin's retinal variable.


Grading Rubric
Points
Created a wireframe layout for the homepage using standard elements and principles.
10
Created a wireframe layout for the contact information page using standard elements and principles.
10
Created a wireframe layout for the feedback page for customers using standard elements and principles.
10
Created a wireframe layout for the product/service using standard elements and principles.
10
Followed Gestalt principles and Bertin's retinal variables.
10
TOTAL
50



 

No comments:

Post a Comment