GDES 46 PROJECT 1
Check GDES 46 main page for due dates | | Project Grading Scale | Possible | Earned | | Wireframes or Comps | 10 | ______ | | Project Specifications | 15 | ______ | | Design and Finesse | 25 | ______ | | TOTAL POINTS: | 50 | ______ | |
INSTRUCTIONS
OBJECTIVE:
To Develop a well designed HTML project that presents information on a topic of public interest that you feel strongly about or effects you personally. If you have another type of site you would like to do, just run it by me.
To Do:
- Create 15 Thumbnail concepts, at least 5 wireframes and 2 Comps(Comprehensives).
- You will do all 3 stages from above, but you will turn in only wireframes or comps.
- For Thumbnails, do at least 2 versions of each screen. Thumbnails are small sketches used to explore ideas for your design.
- For the wireframes, do the main screen and all other screen types (5 minimum)
- For Comps, do the main screen and at least 1 other screen type.
Comps are mock-ups of your pages usually done in Photoshop. They can also be done in other applications. They should look like the final version of the html page will look, so you can show the client what their site will look like. - See examples of thumbnails and comps here.
- Apply XHTML features you have been learning through lectures and tutorials
- Combine the use of XHTML and Image Editing software
Specs (15 points):
The Minimum Requirements Are
- 5 linked pages
- Proper formatting of text (typography) on all pages
- A background color(even if its white) on each page
- CSS used for layout
- Some images not acquired from the internet. Images should be original or scanned.
- Some use of rollovers(Javascript or CSS)
Suggestions
- Be sure that you will be able to get the images for all your concepts in your thumbnails
- Make sure to choose proper graphics, text and colors for the intended audience
Design & Finesse: (25 points) Refer to Interface Design Tips and...
- Communicate the message
- Design fits the content
- Proper optimization of images
- Good composition of pages
- Good colour harmony
- Good functionality/usability
- Intuitive and functional navigation
- Type should be legible, use appropriate fonts for the design
- Final Presentation to the class