Web Page Design Ideas - How to Use Graphics Creatively
By: Rick Mann
|
| First, a caution: don't overload your website with flashing images, loads of different fonts (or font sizes or font colors) and text swooping in from all sides. Keep your web site design simple, and never lose sight of what you want your visitors to do when they arrive. |
|
With that said, images can quickly spruce up an unappealing website. This is true even if you do nothing more than add an image to your header and one to footer, and another to break up the monotony of your text. But the proper use of graphics can add even more appeal to your pages. Here are some quick web page design ideas focusing on graphics:
1. Swap Images - when your cursor passes over one web object, such as a button, it triggers the swapping of another graphic. For example, if I pass my cursor over a button that says Spain, when the current graphic is Canada, then a Spain graphic would replace the Canada graphic as long as my cursor remains over the Spain button. This is done using a simple JavaScript, and can be quite powerful when used properly.
2. Rollovers - are just another form of a swap image. In this case, a primary image changes to a secondary image when the cursor passes over the image link. Generally, when the cursor moves off the image, it reverts back to the primary image. Using our previous example, if your cursor passes over a blue Spain image button, it changes to a red button with a different Spain image. Again, this is accomplished with a simple JavaScript. Rollovers add a nice touch as long as you don't overdo them or create a page that takes forever to load.
3. Background Images - with a little imagination you can frame your page with images. All you have to do is add columns or rows or a combination of the two to your main table and fill them with appropriate background images. For example, if your web site is about organic gardening, you might add a left-hand column and a bottom row to your table. In the bottom row, you can use a bean plant as the background image, having it begin to grow vertically at the left corner, where the left-hand column's background image is a continuation of the plant growing up the side of the web page. |
4. White Space - often referred to as negative space, is simply the open space between the graphic elements and text elements on your website. This includes the space between words and paragraphs, around images, etc.The reason it's important to mention here is simple: white space not only gives your web pages a cleaner look, it makes the experience of reading the content much easier on the eyes. Don't overlook this important element of web page design.
There's no question we'd all like to have a great looking website, and hopefully these web page design ideas have been helpful. However, the most important thing to remember with good web site design is this: less is better. Don't overdo your graphics. Add them to your website layout as complementary elements, not as attention grabbers. A little restraint goes a long way.
|
|
| There's a simple and straightforward software program that takes all the frustrating coding out of the process and let's you concentrate on the fun part of building a website - the design. Learn all about it here: [http://www.internetweapons.com/90second/]web site design software. |
Website Navigation and Layout
|
Sitemaps and SEO
|
For those who don't devote too much time on the SEO of their site - this is a good place to start. By submittíng a sitemap to various search engines, you are telling them that you exist and what pages your site has to offer the World Wide Web. |
How to Make Easy Website Navigation
|
Navigation is how visitors get around your site. If your navigation is unclear then your visitors will get frustrated and go away. |
Navigational Options for Your Website
|
There are many types of navigation methods to choose from. You must carefully consider the layout of your site so you can choose the system that will work best. |
Web Site Navigation Best Practices
|
A great user experience will bring visitors back. Navigation is a key element in the user experience. |
Developing a Theme for your Website
|
Every website should have some type of theme or a way of giving your site an identifying look. When visitors come to your website they should be presented with an experience that they will remember. |
Website Navigation and Theme
|
Have you ever visited a website where you keep clicking on links, hoping you are going to find that information you're looking for, only to be led to more pages of links. |
Tips for Improving Website Navigation
|
In order for visitors to find the right information, a website's navigation path needs to be clear. |
Professional Webpage Layout
|
The layout of your webpages says a lot about you and your message. Good webpage layout is the key to a successful website. |
Web Site Design Layout - Five Common Elements
|
Your web site design layout largely depends on the type of website you're building. A sales page, for example, has different requirements than a landing page, and a landing page has different requirements than a niche web page. |
Web Page Design Ideas - How to Use Graphics Creatively
|
Keep your web site design simple, and never lose sight of what you want your visitors to do when they arrive. |
Website Design - 3 Pointers For Color You Must Consider
|
The correct use of color in your website design is paramount to ensure your site is not plain and uninteresting or on the other spectrum too busy, glaring and difficult to look at for a period of time. |
|
Creating a Basic Web Design Template
|
A "template" is simply a design format which you can apply to all (or most) of the pages in your web site. |
|
|
|
|
|
_archives_ribb.gif){kind=small}
Copyright© 1999 - 2010