Tuesday

We will go over the final project in class. It is online so you can read through it all before class.

Refine all photoshop files so they are perfect.
Save them all as jpgs.
(ideally: update clickthrough: on your own)
Make your homepage work and click to all paths.

Tuesday we will go at this again but you need to have worked on it this weekend.
Most important! PHOTOSHOP files are finished, the correct size, all type is legible
COMPLETELY legible, not at all "messy"

Click through
each pages has an HTML file, on each HTML file is your jpg, use image make to link to all pages.

Tutorials for Thursday

Thursday we will go through some tutorials creating web graphic and building an HTML page in dreamweaver. It get a head start here are some tutorials on lynda.com to watch.

Photoshop CS3 for the Web
http://movielibrary.lynda.com/html/modPage.asp?ID=330
watch 14 Rollover Graphics
also watching 11: creating animation and 12: slicing would be helpful

Dreamweaver
http://movielibrary.lynda.com/html/modPage.asp?ID=410
watch 11: Rollovers
also watch 5. Linking

If you don't know a user name and pass email me and I can send them to you.

more than (5) F I V E

FIVE PER PERSON not per GROUP. Now i feel like I needed to say that the 5 homepage explorations for Tuesday need to be considered and refined not hacked together. To get 5 good ones you are going to have to do MORE than 5 designs (i am serious here). Refine them before you present them in class on Tuesday. This round in the project is a very important round -- E X P L O R E different ideas, techniques, hierarchies, type, color...

missing stuff...and more

reading...
if you haven't done it post your "considered" question on your blog. asap
go through your classmates blogs and answer at least 3 different questions.

website research
10 sites that you consider good and why
3 that relate to your topic

PROCESS pdf(s) on server...
site map
personas
user paths
to suggest
wireframes

label the pdfs clearly. they can be all in one pdf or separate pdfs.

building a wireframe

wireframe: website reference

Movie Posters

If any one is interested in movie posters I have found a site that has them all. http://impawards.com/ has them categorized by very way and they have some that didn't even get published. I like the new Dark Knight posters.

fasinated by

old anatomy posters. I found this site and couldn't resist to post: Chinese Public Health posters

collage lover?

for those who love collages this is for you.
an oldie but a goody: misprinted type
and one more the antigirl

my top ten sites and why

shopcomposition.com: why: great innovation/thinking of how the user can navigate and interact... when i saw it i said wow
fork.de why: beautiful use of flash and html on one page
factor design: why: because i worked there but most importantly the navigation (name of the buckets) is innovative and very smart: what do they do they launch | renew | envison. they launch, renew or envision new brands/ideas/products. and each section has its own look and feel.
ted.com why: you know it, it is cool how it works, sorts, categorizes
uic: why: it is a bit crazy but i works
cbs: why: of the tv sites this one is typographically sophisticated
good.is why: is good postage stamps defining areas, clean, beautiful quality
typography.com: sophisticated, elegant, good use of pull downs
octavo.com: dito beautiful, sophisticated, good use of ugly pull downs
chrisglass.com why: good use of tabs/icons/color in the nav
method.com why: easy navigation, clean, interactive
veer.com why: good way to navigate and sort/search
trollback: why: showing all the things they do while show what relates with what
reformschoolrules why: great example of mood and tone matching

runner up
design21sdn: ok design, content is good, some interesting navigation on the right
youworkforthem.com great use of rollover images
aiga.org: can't say it is my favorite but it does a good job on organizing a lot of information and making it visually interesting