The Five Basic Elements Of Web Design

Ethan Marcotte, father of Responsive Web Design, at An Event Apart San Francisco 2013 The basic elements and principles involved in web are true for all other types . These principles will show you the most effective way to put together the various elements to come up with a good and effective site. A good web emphasizes the fact that web is not simply about slapping all those tags on the page, but it involves the use web principles to build a pleasing and useful web . Your web will need you to make the most aesthetically attractive and effective web , so make sure you keep these elements in mind:

Web Balance is the equal distribution the heavy and light elements on a singly page. Balance in your web is concentrated in your page layout. You must achieve visual balance in your web all throughout the page, not only in the initial view. You web might commonly suggest you to center the text and all the other elements on your page. It is also very common to set your page on an invisible grid system to create the balance that you need. There are three types balance that can be achieved when ing a page.

1. Symmetrical. This is achieved by placing all the elements in an even fashion – a heavy element on the left is matched with another on the right. Be careful with symmetrical balances as you do not want your site to look flat or plain boring.

2. Asymmetrical. These are more challenging to build, but there are strategies to achieve this which can include the varying texture, color and image positioning and size to arrive at a pleasant looking page.

3. Discordant. Web sites that are f-balance suggest action or motion, so you can create a discordant on purpose. This type s make viewers uncomfortable or uneasy, so they are best used for sites that are intended to make people think.

Web contrast is more than justBlog design about colors and black or white, but also involves contrasting shapes, sizes and even textures. You can take full advantage contrast by changing font size, weight and family to provide textual contrast and varying sizes images and elements. However, be careful not to blast your readers or scare them f with contrasting colors which are way too loud. The links on your content should be contrasted well to draw most attention.

Web emphasis involves the main points where the eye is drawn into in a . One the mistakes that your web may warn you not to make is to have everything in the stand out. Keep in mind that if everything in the has equal emphasis, the entire page will tend to appear too busy for comfort and may end up unappealing. What you should focus on instead is to create a visual hierarchy in the web – to put emphasis only on the right elements. You can use semantic markup to provide emphasis even without the use styles; change the font size image size in order to emphasis or lessen emphasis on them; or you can use contrast in colors for added emphasis.

Web rhythm, also known as repetition, brings the much needed internal consistency into your web site s. Almost all elements in your can be repeated in order to create pleasing rhythm into your . For instance, you can repeat your headline a few times for more emphasis, repeat the same image across the page, create a background that is tiled and patterned with repetitive elements, or repeat a particular style to provide site consistency. It is also a good idea to repeDigitalDay Cleveland Web Design and Interactive Marketingat the navigation elements in your site across the pages your web site.

Web unity, also regarded as a site’s proximity, is the what keeps all the similar elements in the site alike and those diverse further apart, and pulls everything together into one integrated whole. Unity when it comes to web site is mainly achieved through the proper placement in your layout. You can implement this in many ways. You can, for example, adjust the layout your elements to put them close or far away from each other. In the body your page, you can change the spacing around the text in your page contents. You can further achieve unity by playing around the box properties and change the margins and paddings.

A good web keeps in mind all the basic elements with each and every page they and collaborate with. This way, you and your web will come up with web sites that are pleasant looking, effective and attractive. As the website er, it is important that you keep these elements in mind and apply them appropriately to your web page .


Similar content: Web , Website , Web, Rss, Google, Marketing, Seo Ser, Optimization, Web , , Website, Color, Symmetry, Emphasis (typography), element, Visual hierarchy,

Image credits:
Ethan Marcotte, father , at An Event Apart San Francisco 2013 (Photo credit: Jeffrey)
Blog (Photo credit: Florin Hatmanu)
DigitalDay Cleveland Web and Interactive Marketing (Photo credit: Mark Vitullo)

NetMarketZine is an ficially authorized and remunerated associate for recommending high products found on this website. Links on this website may be associate links which means if you click on a link a recommended product, I/we may receive monetary compensation. However, this does not affect any unbiased information presented on this website. The owner this website is a participant in the Amazon Ser LLC Associates Program, an affiliate advertising program ed to provide a means for sites to earn advertising fees by advertising and linking to Amazon properties including, but not limited to,,,,, or Additional and networks may include Avantlink, CJ, Clickbank, Walmart, BestBuy, AliExpress, and others.
Latest posts by Shirley Givens (see all)
Tags: , , , , , , ,
Previous Post

Five Strategies For Effective Blogging

Next Post

Power To The Marketer: Mobile Gaming

Leave a Reply