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

随着网页技术的发展,网络视觉设计与之前以程序员为主导的审美特征相比,具有了极大的改观。同时,随着美术、音乐、舞蹈人才的加入,网络开始在这一社会特别用户群体的作用下,开始了真正艺术审美的时代。

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.com)

[link]

评论

Popular Posts

如何提高情商(EQ)

地方门户网站项目可行性分析

快乐来自于做出「舍弃」的能力

2009年即将流行的牛逼语录:经典的我都无语了(转载)

小清新必须死

SolveigMM Video Splitter - 无损视频编辑工具(视频剪辑,合并等)

《挪威的森林》精彩篇章:永远记得我

不要再Best Regards了!英文Email四大问题

聪明处事72招

没有灵魂,只有交易——为何“苹果”会杀人