当前位置：首页 → 问答吧 → Web2.0时代的网页视觉设计

Web2.0时代的网页视觉设计

时间：2008-07-03

来源：互联网

2008年7月3日 in blog

(原创作品，转载请注明出处：刘振东tomyidea.com)

随着网页技术的发展，网络视觉设计与之前以程序员为主导的审美特征相比，具有了极大的改观。同时，随着美术、音乐、舞蹈人才的加入，网络开始在这一社会特别用户群体的作用下，开始了真正艺术审美的时代。
Web2.0的定义有很多种，不过我们没有必要非要给这个时代的网络冠以一个框框，因为，它的本身也是不固定的、技术的基础也正在发展与涅磐中。我们要做的，只是略观万象、总结出对我们有所启示的一些感官特征。
首先，从色彩上看，当代的网络是一个缤纷的世界，Web2.0的颜色活泼、鲜艳、协调。

活泼鲜艳的色彩适合大多数人的口味，可以使人产生愉悦轻松的感觉，营造一种缤纷、仿佛可以触摸的情境。
对于冰冷的机器、电脑硬件和虚无缥缈的网络来说，用户乐于存在于这样的体贴的、具有亲和力的世界。

无论LOGO还是网页本身，都在昭示着，这是个多彩的年代。

另外，色彩渐变这个手法在WEB2.0网站中大量体现。
渐变色彩可以有效地表现和烘托主题，有利于表现一种品质感，渐变色彩也符合人在刻画分明像素的世界里寻求一种“真实”的心理，利于观众接受。

WEB2.0把图片的魅力发挥到极致，运用Photoshop和AI的滤镜和各种特效，绘制ICON和场景，在网络世界2维里尽可能地建造立体空间、渲染一种超脱现实的存在。

其次，WEB2.0网站的编排布局完全脱离了程序主导时代那种刻板的形象，开始注重简洁明快的排版和平衡的视觉。

简洁明快在各类设计中都是设计师追求的目标。在网络视觉里要做到这一点也同样格外艰难。
现在比较完美的网页设计中，导航、banner甚至字号等元素被UE反复推敲，最终精炼出为数寥寥的要素

居中、还是居右？这不是更本问题。网络编排的目的是为了便于信息的有效传递，那种先画框框再填内容的方法是不可取的。
事实上，有些网站如果采用框架法，几乎无法做出来。

巧妙的编排，会在保持平衡的基础上，略加突破，改变单一的长方形造成的压抑和沉闷。

好的平衡感不仅存在于视觉上，APPLE 的成功在于，他们把人们需要和正在寻找的东西明白无误地推到用户的面前，不加修饰和干扰，这就一种对技术、体验、美观的平衡，这种平衡来源于对用户的尊重。

WEB2.0好评的网站，都具有速度快、功能识别简单的特点。
功能区之间都有泾渭分明的识别标志，便于阅读的字体和字号。
良好的编排布局，会告诉读者从哪里开始，到哪里停顿，该如何做下一步？

有人说网页设计的70%是文字编排，虽然有所偏颇，但也充分体现了文字这一基本载体在网络世界的地位。西方设计师中，字体设计有着极大的影响和规模，生活和网络世界，优美的文字设计在影响着一代又一代人，然而，无论使用哪种文字编码，排版的基本原理是相同的，那种认为中文比拉丁语系文字更难编排得认识是肤浅的。

Digg和facebook文字编排，很注重标题、内文、辅助性链接之间的空白、颜色、距离，这使人读起来有一种韵律感，缓解了视觉的疲劳。

（为什么最大号的字通常会和最小最不显眼的文字排在一起？）

Web2.0的推介网站很多，比较权威的有：
http://www.smashingmagazine.com（拥有全面的视觉体验推介）
http://pages.blueidea.com/（中国唯一一个堪舆老外媲美的推介网站）
http://www.netdiver.net/（更注重所收录网站整站的环境体验）
http://www.webware.com/（每年评出Webware 100 winner）

其实以上的网站也有各自的局限性，毕竟网络的海量信息使任何一个人都无法统揽全局，这里所讲所述的，仅仅是沧海一粟，更多更美的网络视觉体验，等待着我们各自去发现、去创造。。

[ 本帖最后由 tomyidea 于 2008-7-3 00:54 编辑 ]

作者: tomyidea 发布时间: 2008-07-03

不错，楼主真辛苦呀。半夜还在为我们写贴子

再补一句：楼主有没有类似的中文网呢？这里看到的都是E文的。

[ 本帖最后由 ptliko 于 2008-7-3 10:01 编辑 ]

作者: ptliko 发布时间: 2008-07-03

LZ贴的几张图不错,尤其是绿色的那张,个人感觉,很漂亮,很舒服

作者: nanfengpiaoye 发布时间: 2008-07-03

不错的网站。有感觉。呵呵。收藏了。谢谢楼主分享

作者: scoo 发布时间: 2008-07-03

伟大

作者: zhangrobin 发布时间: 2008-07-04

希望大家多交流

作者: tomyidea 发布时间: 2008-07-06

很好很不错~

作者: 黄叶飞扬发布时间: 2008-07-06

Thank you for share.

作者: shareware 发布时间: 2008-07-10

不错的。

作者: ljmang 发布时间: 2008-08-25

提醒:最后回贴距现在 1604 天，请不要无意义回复
真够吓人的，呵呵！
写几个web2.0 的品网网站吧！
http://cssmania.com
http://styleboost.com
http://www.cssbeauty.com
http://www.unmatchedstyle.com
http://www.cssreboot.com
http://www.cssdrive.com
http://www.cssimport.com
http://www.stylegala.com
http://www.cssremix.com
http://www.csselite.com
http://www.csslove.net

作者: 七神伤发布时间: 2008-08-29

一般！

作者: weiwcg2184 发布时间: 2008-09-01

去出处看看。。。

作者: SEANSUE 发布时间: 2008-10-09

色彩搭配相当好，很喜欢这种风格。

作者: muyuyu 发布时间: 2008-11-12

google下，多啊！

作者: gongwei8401 发布时间: 2008-11-12

确实不错真希望能够改行学设计

作者: Eileen 发布时间: 2008-11-12

不错值得留贴收藏··