Web design | Front-end | Quality from Budapest
Back to the Index page | Write your own comment
My second web 2.0 design tips are here. I give some recommendations on features that make a website appealing and easy to use.
If you are interested in web 2.0 design, I can help you get started.
Web 2.0 layout and design tips:
Central positioningForget the left aligned layouts. Set your layout to the center.
Simple layout
Avoid the crowded layouts! If you have too many features, try cut them. Draw only the really important features on the layout.
Whites spaces and Grids
Try using grid design. Plan your layout with mathematical precision. Use 10 pixel or bigger numbers for your whitespaces.
Less columns
I am prefer 2 columns layout (sometimes I use 3 columns). If you have fewer columns you get better readability.
Good Typography
Always set your H1, H2, H3, H4, H5. Forget the 11px font size, use 12 px or higher. Try highlighting important elements with a larger font size. Always set line-height. Don't use too many font types.
Few colours
Avoid using too many colors. Set up 3-4 colors only and try using them. Forget the "over gradienting" use only a few smoth gradients
Nice icons
Get some nice colorful icons and use them wisely only in high value areas of the layout.
2008 June 269:16:59
Thanks! I like these!
2008 June 273:01:45
Hi!
Good article, but what is really unlikely (no just in this article), it’s when people write “Forget about this and this…”. In my opinion, it would great if you explained why we shouldn’t use 11px font, for example.
P.S. Your site has awesome design :), really stylish!
Hey.. Nice article. Though I knew some of the points, but the typography thing was new. I would appreciate if you could explain it i detail
Nd yeah.. the usability of your website goes real smooth!
@Mike
Big fonts are the natural change in adapting to higher resolutions in today’s computer screens.
2008 August 0311:06:16
Hi,
your website is cool.
your article is good, but if u can explain the use & details of the point it will be really nice.
2008 August 264:24:19
thank you for sharing your thoughts!
you mention this is the second web 2.0 design tips
I was wondering if someone could post alink to first section
Hello everyone. I have lost friends, some by death… others through sheer inability to cross the street.
I am from Darussalam and learning to read in English, give please true I wrote the following sentence: “Use it or lose it - surprising secrets in airline tickets.”
With respect :P, Milagros.
2009 April 101:58:57
First of all congratulation for such a great site. I learned a lot reading article here today. I will make sure i visit this site once a day so i can learn more.
Very usefull article. When I read it I looked at design of your blog. And I found it beautifull lite weight.
Added your blog to my reader :)
I like your blog very much. It has very interesting topics. Actually I am also in web design field and work in software house so I visit your blog for getting latest tips and tricks and I also like your blog design very much. Its very beautiful and give clear view for human eyes.
Those are great! Btw, I love the auto scroll down feature in your site. Superb!
2009 September 164:35:28
hey
thanks for the gr8 article .it helped a lot man…....hey i had like to know more of the gr8 designs metaphors…...
I can see that you are putting a lot of time and effort into your blog and detailed articles! I am deeply in love with every single piece of information you post here. Will be back often to read more updates!
How to lose weight
2010 January 292:01:02
Thank you man, you are simply great by providing knowledge.
2010 April 131:03:33
I read your post and find it very good source of info for quite a long time and must tell that your posts always prove to be of a high value and quality for readers. I have bookmarked to check out new stuff you post.
Categories
Archive
Popular posts
- The javascript navigation menu of my blog
2010 July 24 - 37 comment - Top 18 Self-Promotion Tips for Web Designers
2010 July 30 - 25 comment - Ultimate Web 2.0 layout and design tips
2010 May 27 - 21 comment - My favorite top ten web 2.0 fonts
2010 June 17 - 20 comment - Ultimate tips to make a good web designer
2010 June 26 - 20 comment - Rebranding the Web designer 2009
2010 April 05 - 14 comment
About this blog
© All Content is Copyrighted newconcept.hu © 2008 | Created by Szabolcs Bakos, web 2.0 designer
2008 June 249:51:04
thanks for sharing such a nice article.