EDTC 645 Advanced Design

Module 1:

1. Proposal in Wire-Frame (Concept Map)
   • Technologies: HTML, CSS, as a minimum. Flash, Video etc. as additional.
2. Color Choices
3. Font Choices
4. Sample Photoshop Mockup
5. Mockup to start editing
6. Final Introduction - Builds Emotion, Sense of Urgency, Adds Drama

Inspiration Sites:

• Layout Inspiration: http://www.redbeemedia.com/interactive/africa.shtml
• Logo Inspiration: http://artsedge.kennedy-center.org/aoi/literary/storytelling/trove.html

Color Inspiration: 

• http://gbgm-umc.org/health/aidsafrica/hope.cfm
• http://www.horizoninternationalinc.com/
• http://www.joeweiss.com/2002/02/testing-human-spirit-from-1996.html

Content Inspiration: 

• http://news.bbc.co.uk/hi/english/static/in_depth/africa/2000/aids_in_africa/casestudy_sa.stm
• http://news.bbc.co.uk/hi/english/static/in_depth/africa/2000/aids_in_africa/default.stm
• http://www.aidsandafrica.com/stats_country.htm
• http://www.avert.org/aidsorphans.htm
• http://www.firelightfoundation.org/children.htm
• http://news.bbc.co.uk/2/hi/africa/1379152.stm
• http://www.startribune.com/462/story/58217.html

Image Sites:

• http://nsmain.raft.org/images_gif/head-africa.gif
• http://www.qfund4aids.org/News/Abandoned.html

Proposal:

Mechanics:

Proposal:

Mechanics:

Exercise 1

Exercise 2