Friday, February 6, 2009

Due Tuesday's class: First homepage pass

By the start of next class, have a first pass of your homepage design done. You have a wireframe of all the info that will be on that page -- now, you have to give us an idea what that page will actually look like. Photoshop is probably the best tool to use (and again, those of you who don't have a strong photoshop background, don't worry -- I'm more than happy to take the time to help you out there).

And as a reminder -- the "safe" screen size to shoot for, in figuring out how much of your homepage the viewer will see if they're looking at it with a typical computer setup, is 1024x768 pixels. To give yourself a decent buffer, considering the screenspace the browser bar will take up, think of that initial "footprint" of your site as falling within 900x700 pixels. Your entire homepage doesn't necessarily have to fit within that footprint, but that's more or less what the typical viewer will see of it when s/he first opens your site. To get an idea of that sizing, create your photoshop file at 900 pixels wide by 700 pixels high, at 72 dpi. And then work outward from there.

For those of you working on portfolio sites, here are the good reference sites Chris Maniet dug up:

http://www.arludik.com/index3.htm
http://chriscmerritt.com/
http://grafikas.com/index.html
http://digitalmash.com/photo/
http://lukelarsen.com/
http://www.huddletogether.com/projects/lightbox2/

No comments: