 |
 |
|
|
|
Parkland College > Fine &
Applied Arts > Graphic
Design | Web
Design >
GDS 215 WEB DESIGN III
|
|
Objective |
|
To practice using the principles of web design. To review design principles and typography systems as it relates to web design. To be introduced to client relationship issues and project management.
|
|
Secondary objective |
|
To utilize Adobe Photoshop, Adobe Image Ready and Dreamweaver as layout and production tools.
|
|
Description |
|
Redesign a web site for a client from Quilters Warehouse using provided text and images. You will be interviewing the client to discuss specifications. You will alos be presenting your proposed solution in a formal verbal presentation. Each page of the site must load in 10 seconds or less (at 28.8kps) and be tested in both Netscape and Internet Explorer on both Mac and Windows platforms. Your design must show an understanding of unity, emphasis, balance and color. When appropriate, utilize rhythm and depth as well.
|
|
Procedure |
|
1. RESEARCH FOR INSPIRATION: Research award-winning web sites. Be sure to review trade publications (Print, How, Communication Arts, Yahoo Internet Life), books, annuals as well as the Internet Resources page. Look at navigation as well as design. Look for interactive elements, such as rollover buttons. What design principles are at work here? Scan/bookmark pages that have innovative artwork and/or navigation schemes. Collect and publish your favorites on your projects page. At our research critique, present your research in class (on screen). Be prepared to explain why these examples are successful. 2. MARKETING RESEARCH: Research the organization you will be designing the site for and interview the client. What is the character of the organization? Who is their audience? What kind of information do visitors to their site want? Who is their competition? Do they have an existing identity and/or printed marketing materials? Analyze your research and write a written statement of objectives in the form of a memo (see sample brief). 3. INCUBATION: Absorb the information you have gathered and sleep on it. Allow your unconscious mind to make connections for you. 4. DEVELOP THE CONCEPT: In your sketchbook begin to conceptualize ideas for this project (see sample thumbnails). Make at least 10 sketches of all possible directions you might take this project. Draw exactly how you intend to present both your front page as well as one sample inside page. Edit your concepts down to your best three ideas and redraw them inside a browser window (download PDF file of a blank browser window) using a felt tip pen. Rough out site maps (download examples of site maps) as needed to explain your navigation scheme. Test how successful your concepts are by presenting them in class for critique. Be prepared to talk about your message as well as how your message fulfills the objectives. 5. EXECUTION: Based on the critique of the above, prepare a prototype "mock-up" of two sample screens in Adobe Photoshop which will indicate the "look and feel" of the site (one front page and one inside page). Place your art inside a blank browser window (download layered PSD file with various browser windows). Print out your prototype screens in b&w and be prepared to talk about how the design principles of unity, emphasis and balance are utilized in your layout. 6. PORTFOLIO PREPARATION: Based on the critique of the above, produce a fully functional site. Publish your site and link to it from your projects page. Present your finished site on screen for critique. Prepare a presentation to "sell" your design to the client. If necessary, make refinements until you are 100% satisfied with the project. Be sure to save all your files for future editing. Note: the student work URL for this class is:
The login is "gds215students"; the password is "••••••••"
|
|
Schedule |
|
See Calendar.
|
|
|
|
______________________________ Last updated: 3/12/04 • Webmaster: Paul Young
|
|
|
 |