Troy Finamore
Digital Media InstructorDIGM-242: Advanced Interactivity for the Internet
Students will redesign an existing website to understand concepts like Audience Analysis, Information Architecture, Site Mapping, Wire Framing, and Quality Assurance Testing. This course builds on their basic knowledge of XHTML/CSS, JavaScript, and Flash.
Revised: April 20, 2008
Sample Types of Web Layout
Classic Inverted L
- http://www.nytimes.com/
- http://www.saatchi.com/worldwide/fast_track.asp
- http://www.flower-arrangement-advisor.com/
- http://imdb.com/
- http://www.yahoo.com/
Reverse L
- http://commtechlab.msu.edu/sites/aslweb/browser.htm
- http://www.doubleclick.com/
- http://www.invisionfree.com/
- http://www.desmogblog.com/
- http://www.ideazincdesign.com/
Top Header
Side Navigation
- http://www.3dlinks.com/
- http://www.worldofwarcraft.com/index.xml
- http://www.draftfcb.com
- http://www.driveagency.com/
- http://www.designobserver.com/
Box
- http://www.artic.edu/
- http://www.ask.com
- http://www.120seconds.com/
- http://www.bornmagazine.org/projects/fire/
- http://www.avenuea-razorfish.com/
- http://www.modprop.com/
- http://megaupload.com/
- http://uniqlo.archive.tha.jp/us/index.html
- http://www.bloopdesigns.com/
Header – Content – Footer
- http://www.youtube.com/
- http://www.myspace.com/
- http://www.the3dstudio.com/
- http://www.xbox.com/en-US/default.htm
- http://www.apple.com/
- http://www.brilliantdigital.com/
- http://www.cnn.com/
- http://www.mapquest.com/
- http://www.budweiser.com/index.aspx
Left or Right Justified
- http://www.nba.com
- http://www.bestbuy.com/
- http://www.adobe.com/
- http://www.usps.com/
- http://www.washingtonpost.com/
White Space
- http://genericaaron.com/index.html
- http://www.google.com/
- http://www.flickr.com/
- http://www.live.com/
- http://www.wikipedia.org/
Full Design (no room for white space)
- http://www.7pagesdesign.com/ver-3-0/fla/interface.htm
- http://www.justinqueso.org/
- http://disney.go.com/
- http://www.msn.com/
- http://www.aol.com/
- http://www.amazon.com/
- http://philadelphia.craigslist.org/
- http://www.ign.com/
- http://www.deviantart.com/
- http://att.my.yahoo.com/
- http://www.verizon.net/
Middle (Top to bottom centered)
- http://www.adhousenyc.com/
- http://www.nike.com
- http://www.converse.com/
- http://www.pumpkinfish.net/
- http://www.zerofractal.com/
Horizontal Scrolling
- http://www.bluevertigo.com.ar/bluevertigo.htm
- http://www.oddwall.com/
- http://www.interviewmagazine.com/
- http://blog.urbanoutfitters.com/
- http://www.tartelin.com/
- http://www.thehorizontalway.com/
Unconventional
- http://www.hibrida.es/hibrida-design.html
- http://www.fcbpreview.ca/motofone/
- http://www.choppingblock.com/
- http://mostagency.com/
- http://www.collectivelab.com
- http://www.hadw.com/
- http://www.converse.de/
- http://www.crvplay.com.au/
- http://www.luckie.com/
- http://www.lafilm.com/flash/index.html
- http://www.schematic.com/
- http://bravia.sony.eu/bravia.html
[ Back to top ]
