Monday 7 November 2011

Websites: Using Patterns and Textures

Patterns and Textures in Web Design

To stand out to viewers, it is important in website design to create a website that will stand out and stick to people's memories. However, it also cannot be too bright or 'loud' - it is a thin line that website designers must balance upon when working. Today I researched websites that used patterns and/or textures in their design, and those that did not. 

Hot Topic


The American clothing store Hot Topic uses a faint patterned texture on its main website home page, so I am using it as an example for a website that does use patterns and textures in its design. In greys and dark shadowing, it represents its mainstream gothic-chic style that it sells. In my opinion, it works well for the website as empathasis should be on the merchandise; the design works well and looks well-finished, but does not take attention away from the site's main purpose.


Coldplay




Coldplay is a British alternative-rock band, and this is their main site. Although their use of typography and colours on a dark background is eye-catching and unique, unfortunately they do not use any patterns or textures in the background design on their website. However, I still feel their design is effective for being memorable and yet still pleasant to the eye.


Foo Fighters




This is another example of patterns/textures being used in website design, this time from the rock band Foo Fighters main band page. Using a heavily edited photograph distinctly against a dark background, it creates a striking pattern through the whole of the design.


Koda Kumi




An example of patterns/textures in website design, this is the Japanese singer Koda Kumi's main website in promotion for her single Love Me Back. The heavy plaid texture with the strong bright colours works well as it lays itself out over the page, with the colours matching the colours of the banner as well. It follows the theme of the single and although the colours clash, they work well together as a design. 

1 comment: