Section IV: Visuals
I have posted all of my images and designs that I have used, and referenced through the process of creating this project. You won’t find many visuals as far as graphics mainly because the site uses just css accompanied by very few graphics to attain its look.
There was only three graphics used in the final design, all so small they could not be discerned unless repeated. The header was one of these images, its only 10 pixels wide and 175 in height, then its coded to repeat horizontally in the css, this makes the final page smaller in file size and faster to load. The other images were the main navigation buttons, done in the same way, 1 pixel wide and 40 high. And the third image was the very faint background in the content area on 6 pixels in width and height.
Above are images of my process, I start with a rough sketch to get the idea of how the web site will be structured, at this point I don’t plan for design just how information would be set out. My second step is to actually build the rough sketch in CSS and HTML, at this point I begin to design the graphical look of the site, trying multiple elements and graphics until I find something I like, keeping the color scheme in mind of course. And lastly, after user opinions and a second personal revaluation I’ll either redesign the site entirely or just do touch ups, in this case it was almost an entire overhaul as far as the graphics and design went.
