Web Design Elements

The key to design a good website is to fulfill and inbuilt the web design elements in accordance in which are details often missed by majorities. It is true that the design(the display) of a website is essential, however having the listed design elements below would be beneficial to a website page. Having good color theme to provide eye-catching and consistency through the website pages could also differentiate a outstanding webpage and a not so outstanding one.

Links

These are crucial portions of design which are often overlooked. Having different stages of state: Normal, Visited, Active and Hover.  Many websites have dark body copy against a light background, but the contrast is reversed in the footer. You need to plan for all of the various contexts of links found throughout the page.

01-links

Buttons

These are essential tools that is used on most websites for actions to be done, like for example, submitting forms. Having four stages too like: Default, Hover, Click  and Disabled. To provide a clear visual effect upon hovering, clicking and disabled are important to prevent any confusion from the user in not knowing which of the 4 stage he currently is in.

buttonpic

Page Stretch

A key aspect of design element would be how the website accommodate its content upon stretching and shrinking of the website. This is critical as the arrangement of the website contents like words or picture might end up in a mess upon re-sizing. Hence the layout should give allowance to re-sizing which would facilities easier usage  of website regardless of size.

The Basic HTML elements

The styles and elements of a website are the basics and not to be neglected. The standards elements to always plan for:  paragraphs, headings 1 to 6, un-ordered and ordered lists, tabular data, form fields, images, and bold and italicized text. A website essentials and by having a good organisation and consistency on these elements would result in a website.

headingsssss

Animations & Transitions

Animations and transitions are considered eye-catching if done well. It could result in a attractive state of art or annoying piece of image, hence going both ways. Some of the common places to build in would be on a home page banner, or having it as a tooltip. Example on the home page would be to have smooth transition of images every few seconds in a box or banner.

Forms

The appearance and layout of forms are extremely important in websites which requires them. It could facilitate easy maneuver or a headache to users who are less exposed to forms. The orientation of forms are to be neat and consistent, with the fonts used for each forms be similar. This serves like a conversation portal of the user and the website. The 2 important factors would be: Input fields and labels for forms. Input fields are supposed to be displayed on the form page which are styled and organised to the orientation of the website. Leaving empty fields could look weird and plain, but having default values could at least lead the user to their next step.

02-forms

In reality, the beauty of a website can be concluded as having good design, good orientation and consistency. Hence it makes web design elements as important or if not, more important than other aspect of a website.

References:

WebDesignerDepot 10 WebSite Design Elements           http://www.webdesignerdepot.com/2011/03/10-web-design-elements-that-you-shouldn%E2%80%99t-overlook/