Web 2.0 HowTo Design Guide

26 September, 2007 at 8:03 pm Tinggalkan komentar


1. Simplicity
Web design is simpler than ever, and that’s a good thing. 2.0 design means focused, clean and simple

2. Central Layout
This “2.0” style is simple, bold and honest. Sites that sit straight front & center feel more simple, bold and honest.

3. Fewer Columns
Less is more. Fewer columns feels simpler, bolder, and more honest. We’re communicating less information more clearly.

4. Separate Top Section
This means making the top of the screen (the main branding & nav area) distinct from the rest (the main content).

5. Solid Areas of Screen Real-Estate
Leading on from the clearly differentiated top area, you’ll notice that lots of sites define the various areas of real-estate boldly and clearly.
Real estate comes in various forms, including:
* Navigation
* Background / canvas
* Main content area
* Other stuff
* Callouts / cross-links

6. Simple Nav
Permanent navigation – your global site nav that appears on every page as part of the page template – needs to be clearly identifiable as navigation, and should be easy to interpret, target and select.

7. Bold Logos
A clear, bold, strong brand – incorporating attitude, tone of voice, and first impression – is helped by a bold logo.

8. Bigger Text
If you fill the same amount of space with less “stuff”, you have more room.
When you’ve made more room, you can choose to make more important elements bigger than less important elements (if they’re still there).

9. Bold Text Introductions
Leading on from the big text theme, many sites lead with strong all-text headline descriptions.

10. Strong Colours
Bright, strong colours draw the eye. Use them to divide the page into clear sections, and to highlight important elements.

11. Rich Surfaces
We all know that these little touches just feel nice, but we may not know why.
Realistic surface affects like drop-shadows, gradients and reflections help make a visual interface feel more real, solid and “finished”.

12. Gradients
Web 2.0 design has more gradients than the Alps. Gradients soften areas that would otherwise be flat colour/tone.

13. Reflections
The illusion of reflection is one of the most common applications on gradients.
These commonly come in 2 kinds:
* Highlights caused by light reflecting on shiny surfaces
* That shiny table effect!

14. Cute Icons
Icons play an important role in Web 2.0 design. Today we use fewer, better icons that carry more meaning.

15. Star Flashes
These are the star-shaped labels that you see stuck on web pages, alerting you to something important.

Sekedar cuplikan šŸ™‚ , klik disini untuk lebih jelasnya šŸ˜‰


Entry filed under: Design.

mount sata drive @fedora6 box [1] Web 2.0 Directory

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout /  Ubah )

Foto Google+

You are commenting using your Google+ account. Logout /  Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout /  Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout /  Ubah )


Connecting to %s

Trackback this post  |  Subscribe to the comments via RSS Feed


September 2007
« Agu   Okt »

my PoST

RSS fedora-id community

  • Sebuah galat telah terjadi; umpan tersebut kemungkinan sedang anjlok. Coba lagi nanti.


  • 4,155 hits

%d blogger menyukai ini: