CSSAddict » Web Design

Websites that use hand-drawn sketching

admin — Wed, 19 Nov 2008 10:05:11 +0000

We have been using sketching as part of the web design process. But have you ever thought of using it as part of the actual visual design? Using rough sketches on the composition of a website layout can prove very effective on the impact of the overall design. I have gathered here some of the most appealing websites that use sketches as part of their visual layout design.

Next time, think of your sketch pad before creating a design! Use this gallery for inspiration to create your own unique layout design.

Grunge Torn Paper – Get inspired

admin — Mon, 20 Oct 2008 19:31:57 +0000

Torn paper is used in several beautiful designs to emphasize parts on a site. It has been used on very ‘clean’ as well as on very ‘dirty’ styled designs. If you like this feature and you are seeking for some inspiration so you can use it on your own design, I have gathered a list of gorgeous websites that use it in several ways.

Whether you are looking to use torn paper as a page background, or as a menu background, check the following list to get some inspiration.

15 Great Tutorials on Grunge Design Styles!

admin — Tue, 24 Jun 2008 09:15:53 +0000

Why download ready-made grunge designs and not spend some time to have a browse around and work on your very own creative design?

In this post you will find step by step great photoshop tutorials to create your own unique grunge design. You will also find resources on how to create your very own unique grunge brushes, for going really wild on your page design.

GREAT PHOTOSHOP TUTORIALS ON GRUNGE DESIGN

CREATE YOUR OWN GRUNGE BRUSHES

10 Inspirational One Page Showcases

admin — Fri, 18 Apr 2008 07:58:55 +0000

If you are attracted on those one page portfolio designs and/or you would like to get ideas on creating your own, I have made up a list of the best I found online. There are services like Light CMS that even provides you with free space (for up to 3 pages) and your own CMS included! So, you only need to have a domain and ideas for your design and you’re ready to go!!

Web 2.0 design secrets

admin — Mon, 07 Apr 2008 09:23:16 +0000

The common use of visual design elements, have some way or another created a new wave in web design that many of us would refer to as a “web 2.0 design“. It just so happened that by the time web 2.0 was happening, this new trend in web design was leaving its mark on the web. The main features of a “web 2.0 design” are development with web standards, particularly CSS and XHTML, as well as dynamic content and participation of the end-users. But, what about the design, the visual part of it?

Most web 2.0 websites or online applications do share some visual characteristics that make their interface more user-friendly compared to the web 1.0 websites.

So what are the secrets of a web 2.0 design?

A clean and simple layout that focuses mostly on the content design other than the whole page environment in itself,

Bigger fonts on text,

White space, allows for easier read of the content

Use of illustrations, either in logos or in icons

3D effects on buttons and badges

Neutral background colours

If there’s any other web 2.0 feature that you know of, please do share it with us.

Any great web 2.0 designs are more than welcome for listing!