My great passion in life is photography. So when I look at websites I see the finished holistic composition. This composition is invariable the combination of several distinct website design style features – images, layout, typography, illustration, etc.
I believe that for website work the same principles apply as with photography: balance, rhythm, proportion, dominance and unity. My favourite photographer is Michael Kenna, his works illustrate these principles very well. The question is if you are able to apply these principles, to use separate website design style features to create a holistic website or not. For sure – always remember the importance of usability, because the result of your work, the website, should be a practical tool which fulfils its function.
Knowledge of composition alone is not enough to create fresh and unique website design style. Every artist has his own inimitable ‘hand’, his style. The website style created will depend on the objectives of the website, it’s target market, the products or services supplied by it’s owner or the type of information it needs to convey.
Below are some examples of website design styles (just pay attention – designers love mix styles :)
The image rollover effect is an effect when one image replaces another as your mouse moves over, I’ve wrote about it before. This example is just a special case. There are no any images, you can find the image when hover your mouse on the link (button).
I find that there are three main components to a successful website: content, design and technology. They compliment each other and in whole help to open website’s full potential.
If you have well-written content and a user can easily navigate the website, studies have shown that the user will spend more time looking through your website. The content should be useful and interesting, designed for the target audience, and with the application of advanced technologies, your visitors positive experience will be guaranteed.
The total Web Design package should work toward the presentation of content. One of the rules of creating a successful web presentation is to always try maintain a good balance of content, design and technology, while keeping a close focus on the customer experience.
Your website is the “Calling Card” of your business on the web, and could give a new customer either a good or bad first impression of your business.
It all rests with you to help achieve it’s success.
Just come out strong, and put your best foot forward!
The image rollover effect is a widespread effect (when one image replaces another as your mouse moves over), you usually see it on many web pages. I prefer to use rollover effect (with CSS) for navigation buttons.
You need only 2 images (“image1.jpg” and “image2.jpg”) and some skills ;) to do the same this way.
I create a class “rollover”:
And “:hover”. See, the image2 replaces the image1- when you move your mouse over:
And my HTML-code:
<a class="rollover" href="page.html"></a>
Usually I use rollover effect with preload images.