[欣赏] Web2.0时代的网页视觉设计 [复制链接]

tomyidea　楼主

新手上路

帖子: 7
体力: 8
威望: 0
居住地: 广东省深圳市

发表于 2008-7-3 00:46:33 |显示全部楼层

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 编辑 ]

		自动登录	找回密码
密码			注册

[欣赏] Web2.0时代的网页视觉设计 [复制链接]

呵呵

支持

学习了～～

浏览过的帖子

浏览过的版块