Tuesday, May 14, 2013

Making backgrounds for web pages

These are my three examples of backgrounds I like:
This first one is very simple and actually an older version of the website that exists today. I chose this to show an example of the "frame" type design that I like, that has the two bars of colour on each side and then the content is slimmer in the middle. If I were to design such a background, I'd probably make those bars a bit smaller so its not too much negative space, the reason this one has so much is because its from around 2007 when widescreen computers weren't as common as today. I also like how the design matches the Bootlegs artwork.

This background is very interesting. It is actually animated, and those growing zig-zags fill up until the background is completely black, and the RADIOHEAD text turns white, and the process starts again with white zig-zags and the black background.

This is one of those full-photo backgrounds. I really like these, and this one in particular is very cool with such rich colour and the rich reflection on the water at night.


Scanner background:

Method 4 background:
I tried to go for the same vibe as my first example, with the solid colour on the outside and a lighter colour in the middle.

Tiled background:
Some things to consider when making a tile for repetitious background I found were to keep in mind where as follows. Care must be taken in relation to opposite ends of the image. In other words, where the image ends on the right side of the image must be the pixel before the pattern begins on the left of the image, so that when the image is tiled every tile blends seamlessly together as the rest of the pattern does in the single image. 

No comments:

Post a Comment