Due: Feb 17.
Class on the 15th will be devoted to lab time.
Project Requirements
Wireframes for:
Site
Headers Main navigation Sidebars Footers
Main page Single Portfolio Item Page Content Page (For about page, etc)
Your wireframes should map out with boxes and labels where all major pieces of information will be on the page.
Here’s an example of a very simple wireframe I put together in Photoshop:
Your [...]
Continued…Looking for online portfolios to analyze? Check out:
http://cargocollective.com/. Great work. I mean, crackerjack. http://www.rainbowmonkey.de/visual.html http://www.wk.com/ http://jasonzimdars.com/svn/ http://www.frankchimero.com/ … the list goes on…
Quote of the day
“Beware the lollypop of mediocrity: Lick it once, and you’ll suck forever.” — Brian Wilson
Box model exercise HTML
Box Model HTML/CSS Stub (.zip)
Portfolio Interaction Concepts
Site Title Site Description Site Navigation Portfolio Gallery
Thumbnail Title Description
Portfolio piece
Piece title Screenshot (larger) Individual gallery/slideshow Description (longer)
Lightboxes Close buttons [...]
Continued…Web Standards Solutions, Chapter 12, CSS Layouts. Watch this video: http://johnnyholland.org/2009/10/30/johnny-tv-features-drawing-ideas-and-communicating-interaction/. How can sketching be used to improve interactive design for the web? http://stndrd.org/ is a great resource for learning about the design process.
Download and read: http://stndrd.org/files/Stndrd_Digital_Process.pdf Read this page on digital design process http://stndrd.org/wiki/index.php?title=Digital_Production_Process
Continued…