 |
 |
|
|
|
Parkland College > Fine &
Applied Arts > Graphic
Design | Web
Design >
GDS 215 WEB DESIGN III
|
|
Objective |
|
To be introduced to project management and communication with clients. To communicate ideas visually and verbally. To conceptualize visuals based on content. To review design principles and typography systems as it relates to web design.
|
|
Secondary objective |
|
To utilize Adobe Photoshop, Adobe Image Ready and Dreamweaver as layout and production tools. To review CSS production techniques.
|
|
Description |
|
Redesign the web site for Solomon Baer using existing text/images and typography provided by the client. Interview the client to determine content and strategy. The design must easily accommodate future expansion and be easily updatable. 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 music 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: Interview the client. What is his character? Who is his audience? What kind of information do visitors to his site want? Who is his competition? Do he have 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.
|
|
Schedule |
|
See Calendar.
|
|
|
|
______________________________ Last updated: 1/26/04 • Webmaster: Paul Young
|
|
|
 |