2. Visual Design Main purpose is to provide users with a sense
of place. (Where am I on this site? What pages have I been to?
Where do I need to go? Why am I even on this site?) The goal of
this lesson is to take the sites structure and map it into visual
design. 3. Layout Grids Contents that describe web pages and
definesstructure and organization of the site: List all possible
page types Have several different layouts and styles Create a
rectangle, then block out elements ofdesign: branding, advertising
and sponsorship,navigation, page titles, header graphics,
andfooters including copyright. 4. Principles of the Grid Branding-
Informsusers that they arestill on the site,usually the
upper-leftcorner. Advertising andSponsorship- Banners(Where does it
go?On each page?Logos?) Navigation- Must beconsistent on everypage
5. Sketches dont necessarily need to representstructure or
organization.*all images are from google 6. Already of design
sketches for client approval*all images are from google 7. Design
Sketches Establish a look and feel for the website *all images are
from google 8. Need to know the sizes of all the graphic filesJPEG
- Compressed Images PNG - Transparency Option GIF - Animation *all
images are from google 9. Create mock-upbased on
sketches>>> 10. TADDAA!!!! 11. Design DocumentDocument the
Visual Design of your site 12. Layout GridsDiagramsDesign Sketches
13. pictures of page mock-upssnapshots from web-based prototype 14.
Useful when constructing thesite: adding or subtractingcontent
while revising the site 15.
http://www.webmonkey.com/2010/02/Information_Architecture_Tutorial_-_Lesson_5Marissa
Ruiz-Urrutia Jennifer Cao Dave BermudezKaren Marshall Hugo Diaz
