There are different element and principles involved in web design. These will show you how you can effectively put together a good and effective website. A good web design is not all about HTML tags placed on a certain page. It also involves the use of principles in creating a pleasing and functional website.
These elements are the following:
Balance: When you talk about balance in web design, this means distributing all elements on your webpage evenly. Since achieving a web design balance is dependent on your page layout it is best to keep in mind the three types of balance: symmetrical, asymmetrical, and discordant symmetrical
Contrast: Your site should not only involve colors but elements such as shape, size and texture as well. It is best to use different font size, text family and weight. The different contents on your website should have a good contrast to get attention however it is best not to use loud colors to contrast colors.
Emphasis: Emphasis involves main points that draw attention from readers. One of the mistakes web designers can make is to not emphasize on different focal points on the site. Put emphasis on the right elements. Make them stand out so that when readers visit your site, they will instantly be drawn to that particular element. Create a visual hierarchy in the web design. Use semantic markup to give emphasis even without the use of styles; change the font size of image size in order to emphasis or lessen emphasis on them; or you can use contrast in colors for added emphasis.
Rhythm: Web design rhythm is about using the same elements to show uniformity. Using the same elements can create rhythm.
Unity: This is also regarded as a site’s proximity. It is what keeps all the similar elements in the site alike and those diverse further apart, and pulls everything together into one. This is achieved by placing together elements properly in your layout. You can adjust the layout by putting them close or far away from each other. You can also change the spacing within the texts. There are various ways on how you can play around with the different elements to achieve unity.
An effective website will need all these elements put together in a cohesive way. If you want your website to attract customers, make sure that all these things are properly placed.
Modelville mock ad
Image by Captain G. White
Modelville is a show on The Tyra Banks Show. It features five former America’s Next Top Model contestants competing for a contract with Carol’s Daughter.
Done in Photoshop Elements with the help of this Photoshop tutorial: psdtuts.com/designing-tutorials/create-a-wicked-worn-vint…
Texture files from jazza www.sxc.hu/profile/jazza , coscurro www.sxc.hu/profile/coscurro , miamiamia www.sxc.hu/profile/miamiamia and Ydiot www.sxc.hu/profile/Ydiot @ stock.xchng
Sunburst shape from ~backflip540 backflip540.deviantart.com/art/backflip540-sunburst-shape…
Lauren photo from All ANTM ( all-antm.net/index.php ) (via the CW)
Bianca photo and Modelville/Carol’s Daughter logo from the Tyra Banks Show website: tyrashow.warnerbros.com/
Dominique, Fatima and Elina photos from All ANTM
Font: Sketchy Times from the !Exclamachine Type Foundry exclamachine.com/
Oh, and the reason why Lauren has hair around her waist as a belt was, per the Modelville site on the Tyra Banks Show’s webpage, Lauren said that she wore Dominique’s old weave during the semi-annual ANTM makeover around her waist…and chased Fatima while wearing it.
Related Website Design Tutorial Articles