Original Image (above)

Optimized image (above) at different settings

A quick visual to explain what different optimization settings do for an image.  One of the challenges that web designers face is achieving the ultimate balance between a comforable sized image (kb) and a well optimized image. Some of the optimization options such as png aren't covered in the above visual, since the visual is to give a basic comparison between low-res and hi-res image optimization. Although some of the parts of the image appear crisp when optimized as a Gif (see green fur in first square in the upper right, compared to the pink fur), other parts of the image loose a lot of detail. What I haven't listed in the above image is the size of each segment in kb. The items that are the smallest in kb (on the left hand side) are also the items with the least image data. The pixelation of the first jpg is very obvious and the ideal would be to use either a Gif with 256 colors or a jpg at 80% as an optimization option.

Free background starter pages for web - just download 'em  here. 3X PSD files with a background layer and content area with a basic area for navigation or header elements. Free to use for both commercial and non-commercial projects, but share some link love if you find them useful.

We've just gone live with Homeschool.com for phase 1 of the realignment.  Here's the before image of the site:

Here's what the site looks like for phase one of the realignment.  Still some tweaks to make, but most of the recommendations I made have been implemented on the homepage.

I'm a visual learner so I find it easier to mind map my thought processes.  I created this basic outline for a web design brief to detail some of the  aspects of web design that a designer should consider before embarking on a project.  Just as any creative communication is not only about the visual appeal, there's a technical, practical  and creative aspects to consider.

I've just started using MindNode to help with my conceptualizing, since I've always got a gazzilion pieces of information scattererd across several journals. I've done a basic overview of web design from a designer perspective. I've missed a couple of items so I'd apprerciate any feedback.