马上就加载好了...
王佳冬中文博客

我的互联网十年之WebUI设计潮流的演变

by on Nov 07 , 2011 , under 创作 , 166 views , 3 Comments , 网址太长?

从table+style到div+css,从asp+access到php+mysql,从web game到social game,2001年建立个人主页,2003年建立游戏社区并实现盈利,2005年建立多个站点并开办个人博客,2010年在互联网就业……   我在互联网已经走过十年,这十年正是互联网高速发展的十年。值此之际,我将在2011年结束之前,从我个人的视角来谈谈互联网的变迁。第一篇:WebUI设计潮流的演变。

为什么我把UI放在第一篇?曾几何时,从策划到美工到前端到开发到运营都是我一个人完成,其中我偏爱美工,因为我觉得好看的东西总是美好的。中学时期除了画画自己的小站点之外,还会做一些海报排版之类的东西,其实大家对我最初的认识都是美工,因为经常有人找我做海报。06年我彻底爱上了Photoshop和Illustrator,到了大学之后,会接一些商业海报的生意,还会为学校乃至大学城的大型活动设计幕布,学校的很多网站也都是我设计的,所以呢,大家不要觉得我是个搞技术的哈,其实我是个美工,哈哈哈!

忘了说一句了,UI一开始是不叫UI的,WebUI职位的演变过程:网页设计——美工——UI。

以下是我自己总结的国内WebUI“近代史”,国外的WebUI的“近代史”请依次往前推两年。

2001-2003年,无流行风格

那个时候的国内互联网还处于摸索期,大家对互联网能不能成功保留意见。那些网站只能讲究“能不能用”,而不是“好不好用”,所以公司一般没有专业做网页设计的人员,一般都是像我这种写代码出生的人在搞图片,效果能好么?所以,那时候也没有流行什么风格,杂乱无章,弹出无数窗口、看一个网页能看到眼花也就是那几年的事情了。

我在那个时候做了好几个山寨的网站,花花绿绿的,想到用什么颜色就用什么颜色,甚至还用过黄底白色的组合,现在想想真是吐血,不过当时大部分网站都不咋滴,那几年是网站“大跃进”时代,讲的是数量不是质量。

2004-2005,花哨风格

在这两年,人们开始逐渐地意识到互联网的重要性,开始逐渐重视网站的外观,但凡事都需要一个过程,在这个过程中,大家都你抄我我抄你,最终搞得大家都是四不像,那个时候很多人都喜欢7色搭配,好像小时候用的那种水彩笔,喜欢n种颜色一起往白纸上涂,好看是好看的,但是可惜不耐看。

那个时候的腾讯站点,每个频道都有自己的风格,完全不统一,header和footer也是百花齐放,根本就不是现在腾讯的样子,原来腾讯也走过这么多歪路呀!花哨等于山寨吗?现在看来貌似的确是这样的,可那时候人们就喜欢这种山寨。

2006-2007,水晶风格(质感)

还记得水晶按钮、水晶时钟吗?这些跟水晶有关的设计就是从那个时候开始流行的,在那个阶段,随随便便打开一个网站都能看到水晶的痕迹,每张图片几乎都是打过高光的,我记得我当时还专门搞了个教程教别人怎么快速做水晶按钮。

水晶风格的出现,意味着人们对WebUI的要求正在越来越高,各大公司也出现了类似“美工”的职位,大家对设计的理解更加深刻,即取自现实。那几年大红大紫的3D技术,也正是搭上了这班顺风车。

2008-2009年,半透明风格(层次感)

如果说水晶风格的出现是设计领域里程碑的话,那么半透明风格一定是再一次的升华。半透明风格的崛起,怪就怪vista系统吧,虽然不全是因为它,但是促使大家集体换显卡的最原始动力一定是这个该死的系统了。大家都见过半透明的设计吧,确实蛮好看的,哈哈。

本博客的皮肤就鼠兔半透明风格,欢迎鉴定。还有还有,本博客的水印logo正是水晶风格+半透明风格的结合!

2010-2011  极简风格

极简在这几年大热,原因如下:手持便携设备的占有量逐步上升,小尺寸屏幕所需的精简之道反过来影响了整体的设计趋势;Apple简洁、专注、充满诱惑力设计哲学重领潮流,效仿者众多;网站的专业性和针对性在进一步加强,人们选择一个网站一次把一件事做好、做到极致,而非盲目扩张;“用户体验”理念中提倡的“最简单最实用的就是最好的”深入设计者的心灵。

这几年我个人也非常极简风格,一方面是偷懒,一方面真的感觉舒服,看看我的个人导航站就知道了,白黑色调,照片强对比,一目了然。

随着黄金比例和栅格系统(Grid System)、UCD思想的强势加入,以及高效的交互效果和用户硬件设备提升,设计师们的作品正在将国内的WebUI推向最高峰。

当然啦,以上的总结肯定不完全,设计领域怎么能这么轻松地被我划分成这几个流派呢?我只是例举了一些大家都看到过的、经历过的几个设计风格,这几个曾经流行的设计风格也都是我亲自尝试过的,其他那些我就没有发言权了。

最后,期待下一篇《我的互联网十年》吧!

你可能喜欢的博文:
 

水楼已经盖了 3 层了!

  1. bunny

    我有阵都不敢把自己做的东西拿出来。。。

  2. jessieanimal

    不错哦!现在google reader没找到“喜欢”按钮,只能过来评论下以示支持。继续哦!期待下一篇。

赶快说点什么吧! ^_^