|
Home / Internet / Web Design
Top 5 Basic Elements of Web Design
By:Moe Tamani
Web design is very much like most other forms of design in terms of the general rules and basic elements that are involved.
These rules offer you a guide to the best and easiest ways of combining the different elements of a design into an attractive and functional website.
A good web design company understands the concept of quality over quantity, and takes the effort to make each web page as functional and aesthetically appealing as possible.
As you work to help your web design company to build a site design that is both useful and look good, make sure you keep the elements of design that follow in mind.
Web Design Balance
The fundamental concept behind Web design balance is an appropriate layout of the heavy and light design elements on any page. The layout of the page will eventually determine how well balanced your design is.
It is important to ensure that each page achieves balance throughout, and not only in the top part of the page.
It is not uncommon for your web design company to give you guidelines to follow such as making sure the text and other elements are all centered on the page or that you should arrange everything according to a preset grid system to help you achieve the required balance.
The three main types of balance that you may consider as you design your page are:
Symmetrical. Symmetry can be achieved by repeating everything that you do on one side of the page on the other. A heavy design element on the right should be matched by a similar one of the left. The elements should not be exactly the same, however, because that would make your page look uninteresting and uninspired.
Asymmetrical. Building a website with an asymmetrical design theme can be difficult. However, with the right combination of colors, texture and overall layout, the result can be very aesthetically pleasing.
Discordant. Web sites that are discordant are usually associated with action or movement and thus should be used accordingly. They tend to cause some distress in viewers and thus are best used only for websites that contain special or unusual content.
Web Design Contrast
Web design contrast is not limited solely to the interaction between different colors on your web page, but also includes the interactions between texture, shape and size.
Image contrast can be achieved through changing the size of the images as well the positioning of bright or dark images. Contrasting text can also be achieved by varying the size, weight and type of fonts used. The font used for links, in particular, should be properly contrasted so that they stand out.
Remember not to overdo the contrasts on your web page, however, because that will make your site extremely unappealing to readers.
Web Design Emphasis
Web design emphasis is the creation of certain key areas of interest which attract the attention of the reader.
Web design companies often caution designers against trying to make everything on the page stand out. Trying to emphasize everything on a page will make the design too uniform and difficult for the reader's mind to encompass.
Therefore you should only emphasize key elements in your design, allowing them to guide your reader to regions of interest or information on your page.
Semantic markup, varying font and image sizes, contrasting colors all are ways through which you can alter the emphasis placed on each element of your design.
Web Design Rhythm
Web design rhythm involves the use of repeating elements throughout your web site designs in order to achieve consistency and cohesion on each page.
Some elements of your design will benefit from repetition throughout the web site as this will ultimately create a rhythm that is attractive to readers.
Repeating the title of each page, creating a background that makes use of repetitive patterning and using the same navigation controls throughout the site are all excellent methods of creating a successful rhythm in your overall design.
Web Design Unity
The basic concept behind web design unity is the grouping of similar design elements together and the separation of differing elements.
By organizing your web site in this fashion, you can create a site that is coherent and efficiently organized. Proper placement of individual elements in the layout of each page is essential to achieving web design unity.
Examples of this include varying the distance between elements in your layout, changing the values for margins and padding and varying the amount of empty space surrounding text objects.
By taking of all these design elements into consideration when creating your web site, you can ensure the pages you create are all attractive, useful and attention grabbing.
By applying them in to appropriate fashion, you will be able to complete your web design projects to the satisfaction of your customers.
Digg
del.icio.us
Blink
Stumble
Spurl
Reddit
Netscape
Furl
Article keywords: Web design, website, webdesign, technology, internet, marketing, Google, Marketing, SEO
Article Source: http://www.articles2k.com
Moe Tamani is a Dallas SEO consultant for a leading Dallas Web Designcompany.
|
|
| Top Web Design Articles |
- 1). Advanced Joomla Templating (pt1) Using Module Class Suffix By : Robert Palmer
an article from User Written Resources
1. duplicate the styles already used for the particular module, adding a suffix to each style name. this will definitely include some of the following;
1. .module {} 2. div.moduletable {} 3. div.moduletable h3 {} 4. table.moduletable {}/li> 5. table.moduletable th 6. table.moduletable td
and can include other styles used on the content in that section, such as;
1.
|
- 2). Irish Graphic Design Industry By : dave4
Graphic design is the use of color, light, balance, contrast, emphasis, proportion, proximity, repetition, texture and a plethora of other elements to create a work of digital art that is pleasing to the eye. Graphic design is about seamlessly molding image and text to convey a theme, message, or often advertise a product or service. Graphic design dates back to prehistoric times.
|
- 3). Adsense: The Smart Investment By : Pat Lovell & Jon Atwood
Over the last 2 years, We have been building a Virtual Adsense Empire of over 500 websites and making some good money. We've also been building content sites for clients using the same system. The system we use is not something that produces 1000's of sites with a click of a button, our system does not build spam websites, nor does it produce the same sites you see over and over and over again.
|
- 4). Some guidelines for Website Design By : Angela Oliver
You have a great product. You also have a great company image and marketing model. Now it is time to implement all your plans and bring together a website. You know very little about websites. Finding websites that have failed is easier than shooting fish in a barrel. Many people come into the internet business with the notion that if they are on the web, they are guaranteed to make money.
|
|
|
- 6). Develop Your Business Web Site for Profits By : Jay Peterson
Looking into developing your business web site? Whether creating a business web site to sell your business products online or just to give the public valuable information, creating a business web site can be an important first step to creating an important presence on the web. Here are some tips on creating a business web site as well as what is involved in getting your business web site off the ground.
|
- 7). Is your printing costs sky rocketing? By : Florie Lyn Masarate
Here are some things you can do to be able to lower your printing costs.
1. Cheap but good quality printer.
There was a time when only a handful of people can afford having one of those colored and digital printers. Now that these things are more rampant, they have become more affordable. Color printers of good quality are even inexpensive already.
|
- 8). Creating A Quality Web Site Design! By : Martin Lemieux
In this article, I will attempt to cover the basics of creating a great quality web design template for your site. Now it's a known fact that the layout or "eye candy" as I put it will determine whether your visitors will stay more than 15 seconds or they will just become another statistic.
In this article, I will attempt to cover the basics of creating a great quality web design template for your site.
|
- 9). How Does Your Website Make Me Feel? By : Philippa Gamse
When people think about the Internet, they think about technology. When people hear that I am a Website strategy expert, they see me as a "techy type".
But for me, the most intriguing aspect of your online business isn't about the technology. It's about human connections, and how you can create these in a virtual environment.
It's commonly understood that "people buy emotionally, not intellectually.
|
- 10). For Automated Sites - PHP and MySQL Are A Perfect Match By : Halstatt Pires
You’ve decided to automate your web site. Now what? Here are some ideas to help you choose how to automate your site.
A bit of programming is going to be necessary if you want to automate a site. There are many types of programs that can be used to automate a web site including JavaScript, PHP, Perl, ASP, Java and more. So, which do you use? For many, it is a personal choice.
|
| New Web Design Articles |
|
|
|
|
|
|
|
|
|
|
|
|
- 7). Graphic Artists - Who Needs One When You Can Do It Yourself Online? By : Pearl Deloria
Image is everything! Think about it. How many times have you made a judgment about a company based on the quality of the junk mail that you have been sent?
Other people make similar judgements, too. Businesses cannot afford to be thought of as cheapskate in their marketing.
You know that most of your mail goes straight in the trash, and it may grieve you to spend four times the amount, just for it to be thrown away.
|
- 8). How To Style Your Text With CSS By : Hilco van der Meer
Styling text with CSS is really simple. We can define colors, underline it, make it bold, define the font etc etc.
We will start with some basics.
First we define the html where we will be working with. This is the text
1. Colorize your text
We can select the P tag and add some styles to it.
p { color:red;
}
Now our text will turn red. You can define any color code your want or choose one of the 16 standard color names.
|
- 9). What is a web designer anyway? By : Alicia Harper
As a web designer, I get all kinds of requests , for information other than web design, and as a web designer I'm not suppose to really to be able to do things outside of the web design area. I believe there are a few misconceptions about what exactly a web designer does. In this article I am going to nail down exactly what a web designer is and what they should be able to do.
|
- 10). Advanced Joomla Templating (pt1) Using Module Class Suffix By : Robert Palmer
an article from User Written Resources
1. duplicate the styles already used for the particular module, adding a suffix to each style name. this will definitely include some of the following;
1. .module {} 2. div.moduletable {} 3. div.moduletable h3 {} 4. table.moduletable {}/li> 5. table.moduletable th 6. table.moduletable td
and can include other styles used on the content in that section, such as;
1.
|
|
|
