王佳冬中文博客

从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推向最高峰。

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

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

你可能喜欢的博文：

• 谷歌音乐搜索正式版发布，百度MP3搜索连山寨都不够格 (9)
• 网页上最糟糕的20种体验，不能忽视！ (1)
• 我的互联网十年之营销形式的转型 (0)
• 我的互联网十年之社交的前世今生 (0)
• 我的互联网十年之生活方式的改变 (0)