06年04月28日

web 2.0时代的网页设计风格

[ 2006-04-20 00:19:09 | 作者: onling ]

laomao的一篇关于web 2.0时代的网页设计风格的文章,里面有很多思想是我最近一直在思考整理的,他有了UUzone 的实际项目,可能对CSS以及未来网页设计的趋势有了更深的认识,很值得学习及研究~

转自:http://www.uuzone.com/blog/mao/96927.htm
web 2.0时代的网页设计风格

* 采用开发/任务为主导的页面UI设计, 而不是美工主导的UI设计。 一个 不好用的东西,再漂亮又有什么用? 而且现在的风格趋向是简单,而KISS(Keep It Simple, Stupid) 一直是设计界的最高境界。 美工主导的设计还有一个弊病是美工对代码和程序不够了解,而开发人员由于不需要对最终美化负责而被“惯”坏了变得越来越不重视样式风格

在优化的过程中,参考了大量的国内外优秀站点。 其中看到这篇文章对我们的启发很大:http://www.webdesignfromscratch.com/current-style.cfm

这篇文章的作者概括了目前流行的一些web 2.0风格的站点的一些流行元素:

Simple layout 简单页面结构
大部分采用css来控制的简单2栏或3栏结构,甚至是1栏的。 没有人再用table来控制layout.

3D effects, used sparingly
3D效果,但保守地使用(不是太重和累赘)。

淡淡的倒影,几乎是web 2.0站点的流行装饰:

Cute icons, used sparingly
很cool的图标, 往往很吸引人,但不能滥用

醒目的爆炸形logo…甚至有篇文章说,站点上要没有这个爆炸型logo就不算web 2.0 :)

Soft, neutral background colours
淡背景色。

Strong colour, used sparingly
强色调。 看到odeo的时候这种红色冲击非常明显

Plenty of whitespace
页面比较松散,很多空隙。 我认为这也会是一个趋势,因为用户的屏幕分别率越来越大, 太紧凑给人压迫感。所以最新的这些站点往往空白很大:

Nice big text
大字体。 可惜中文字体大一些后会有些难看,在英文站点里,大字体漂亮而且醒目,是不错的设计。 我相信这也是因为用户的屏幕分别率越来越大而带来的必然趋势。

国内很多号称web 2.0的站点设计还是非常落后,甚至css都还没有很好地使用。 尤其一些有钱的大站点,至今还采用很落后的页面设计技术。 不过taobao值得称道,他们的站点设计是不错的,而且也是采用不错的设计技术和理念。

web 2.0对站点的设计师提出了新的要求,不是会画photoshop, 拿dreamwaver, frontpage做些html就能出来混的了! 现在会拿着notepad(我更多用editplus:))写css, html代码的那才牛!

这些新趋势,让美工(或者严格说一个纯美工)对一个web站点的影响变得比1.0时代更加不那么重要了。懂更多知识,了解更多系统,注重用户感受的设计者才能是web 2.0页面设计的主导。 如果你是从事着美工或者网页开发,一定要考虑好好换换脑筋、更新知识结构,并且要像时尚设计师那样了解最新的流行设计和流行色, 别还把自己框过去的老套里啦!

blueben:

转来的这个BLOG也很不错:)
http://www.onling.net/blog/article.asp?id=356

另:2个最近要看的,先记下,晚上回去看

http://www.uuzone.com/html/www/home.html

http://www.fontshop.com/fontfeed/archives/web-20-logos.cfm

相关文章

标签(Tags):CSS, Others, photoshop, 视觉设计
作者:blueben

分享:  sina  开心  人人网  豆瓣  豆瓣九点  QQ书签  5G  Google  百度搜藏  鲜果  PDF File

目前还没有英雄在这里留过话

本文评论的RSS   TrackBack 地址

咱来说两句:

你得先 登录 才能吼上两嗓子啊。



E-mail:blue.ben@163.com  /  QQ:20303993  /  MSN:blueben@sohu.com

这里也可以联系到我(blue.ben@163.com):FaceBook | 开心网 | 人人网 | 豆瓣

Powered by WordPress    Custom Templates Design by blueben
Blueben 版权所有 Copyright 2006-2009,All Rights Reserved 闽ICP备05008450号

Google Analytics Alternative