大家对于Web2.0设计方向的理解 不指定

今天我访问了国内400余家号称web 2.0的站点,简单看了看页面的设计,发现还是非常落后,甚至css都还没有很好地使用。尤其一些有钱的大站点,至今还采用很落后的页面设计技术。不过淘宝taobao与网易163非常不错,尤其是网易放弃的很多,决心也很大,采用不错的设计技术和理念。

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

引用: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站点的流行装饰:

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

·Soft, neutral background colours
淡背景色。

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

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

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

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

其实所谓的1.0还是2.0.用户体验良好的概念始终贯穿网站建设的过程中,不是说到了2.0就怎样怎样的.这个和2.0没有任何关系.

·采用开发/任务为主导的页面UI设计, 而不是美工主导的UI设计。

·一个不好用的东西,再漂亮又有什么用? 而且现在的风格趋向是简单,而KISS(Keep It Simple, Stupid) 一直是设计界的最高境界。

·美工主导的设计还有一个弊病是美工对代码和程序不够了解,而开发人员由于不需要对最终美化负责而被“惯”坏了变得越来越不重视样式风格。

·无论是美术还是程序的设计都是在策划的前提下设计和开发的,,而是不是简单的认为美术和程序谁重要.对于用户体验也是同样由策划来主导,美术和程序去理解实施,一个团队化的网站是应该需要策划这个流程的。


Reflection from Iomega.comReflection from wishingline.comFade from 31Three.comReflection from sirruf.comDrop shadow on squarespace.com

Drop shadow on Iconbuffet.comFlash from emaginacionFlash from 31three

Flash from stylegalaStrong colour from Iomega.comStrong colour from 31Three.comStrong colour from LinkedIn.com

Strong colour from Patrickhaney.comStrong colour from Stonewall.co.zaStrong colour from Iconbuffet.comCute icon from Patrickhaney.comCute icon from Patrickhaney.com

Cute icon from Iconbuffet.comCute icon from Plaxo.comCute icon from 31Three.comCute icon from Avalonstar.com
发表评论
表情
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
打开HTML
打开UBB
打开表情
隐藏
记住我
昵称   密码   游客无需密码
网址   电邮   [注册]