Use of White in Web Design: Tips and Trends

By : Dezintech.Info

What comes to your mind  when you think of  the color white? White is the most simple, elegant and peaceful color. Use of white color in web design is seen in many blog, online portfolio, e-commerce and many more sites. White is used for font color, background color, link, images and many more. Although, if you might think white color website is not that appealing to readers, you would be surprised. Some of the best designed websites on the web are use white. In this post you will find inspiration and tips on using white color on your websites.

Minimal Beautiful Sites

Simple minimal websites are delightful to view. When you are creating a white background color website using white, keep it basic and uncluttered. The beauty will reveal itself.  Just to name drop some of the big company and website as flickr, iStockphoto, Makeuseof, Apple uses white as background color. Most of the following sites are minimal but yet they show how using white it can bring out the potential of the content and the website itself.

Loveleft

loveleft

Greece is For Lovers

greeceisforlovers

Pasaii Design Studio

pasaiidesignstudio

CSS Globe

cssglobe

Jason Reynolds

jason-reynolds

Buffalo-Web Design & E-commerce

builtbybuffalo

Jeff  Doe

jeffdoedesign

Rustin Jessen

rustinjessen

Sushi & Robots

sushiandrobots

Qindex Web Design Magazine

qindex

Using Illustration with White

Handwritten design, illustration, cartoon characters  and grunge is the new web trend. Web design and graphic designers shows their creativity using through this illustration and artwork. Here is a simple example to brag about the #FFFFFF :When a painter starts with a drawing  the canvas is white or  an Illustrator drawing a character they start with a blank white paper. The end result comes out beautiful. The white color is root of all the beautiful things that lays underneath.  The following websites show using white creatively with illustration and drawing to bring out the artistic and creative side of the white.

Cologne Bonn Airport
koeln-bonn-airport

Kallwejt

kallwejt

Fell Swoop

fellswoop

Look Designs

lookdesigns

Aqworks

aqworks

Numan Cebi

numancebi

Noemie-Chevaux

noemie-chevaux

Iitchy Pixel

itchypixel

Khairudin Lee

khairudinlee

Rednoseday

rednoseday

Log

log

Squarefactor

squarefactor

Things That Are Brown

thingsthatarebrown

Using White to Brighten up Other Colors

You would think simple plain web sites are exciting like the colorful websites and you would be wrong. Keep in mind that white can make any other light and bright color bring out its depth, intensity and richness. Color such as red, blue, light green , pink and  any other light color will look focused and pleasant. Therefore, if you are planning to mix up other color in links, menu, buttons use the color wisely, rather then looking like a mess. Here are some website that makes white and other colors work together and makes it sexy.

I am Dan

iamdan

Zurb

zurb

Noded

noded

Super Nature Design

supernaturedesign

Michael Paul Young

michaelpaulyoung

Devia

devia

Tim Jarvis- A Base Reference

baseref

Hello Lucky

hellolucky

Final Words

Just to recap here are some simple tips creating a website with white:

  1. Use the light and bright color for the links .
  2. Try to keep it as much as minimal as you can.
  3. Make the content easy to follow
  4. Do  not clutter with ads.  If you decide to include ads do not use a different background color.
  5. Do not use small font size.
  6. Get Creative!
Advertisements

About this entry