分享到:

网页视觉设计

[来源:] 2010-05-30 12:46:00 编辑:维多克里昂 点击:

风格是抽象的,是指站点整体形象给浏览者的综合感受,整体形象包括站点的版面布局,色彩,字体,浏览方式等。如:我们觉得迪斯尼是生动活波,而宝马是专业严肃,每一个网站都会给人留下不同感受,这里我们需要做到的是根据网站的定位作
风格是抽象的,是指站点整体形象给浏览者的综合感受,整体形象包括站点的版面布局,色彩,字体,浏览方式等。如:我们觉得迪斯尼是生动活波,而宝马是专业严肃,每一个网站都会给人留下不同感受,这里我们需要做到的是根据网站的定位作出网站特有的风格,除此我们还需要在风格同意上需要把握一下,其实这个风格统一和传统的印刷出版物没什么区别,你网页上的所有图像,文字,包括背景颜色,区分线,字体,标题,注脚什么的都要统一风格,贯穿全网。这样子用户看起来很舒服,顺畅,会对你的网站留下一个很专业的印象。

对于视觉设计我一直坚持要求大气而细腻,总解开来可以是:整体简洁,结构清晰,层次分明,细节刻画深入经典。现在的视觉设计似乎已经被通认为应该简洁,但能看到提出应该细腻的却很少,所以往往造成的结果就是简陋而非简洁。

简洁并非独指留白,不用图标,不用边框,不用视觉效果,没有细节的细腻刻画就只能是简单而难以叫做简洁。大家可以看一下www.flickr.com的视觉设计,他的页面中绝大部分边角,甚至每一个区域的颜色渐变,每一个小图标都是很有考究的。也许他不够炫,但是不能否认他的每个细节都很舒服,他们的风格不只是“简洁”二字,而是:在没有足够时间,精力高成本规划视觉设计的时候,先把没用的影响用户正常浏览和使用的视觉元素都去掉,只保留有用必须的,把每一个保留下来的像素做到足够精致

这种过分简洁的风格只会是一个阶段的产物和特征,最终一个产品还是需要走向“品牌”和“文化”走向更加情感化的更加富有人情味。

我这里所说的视觉设计并非只是图形化的颜色,变焦等,视觉设计应该也包括一些界面的视觉变化过程。一个简单的例子,windows 在错误的时候会跳出来一个窗口,而mac会很平滑的出现一个窗口,mac的做法很好的降低了用户因为挫败感而带来的不决,而且也让用户更加愿意去接受这个拦路虎。

节日LOGO,界面换肤,圆角逐渐代替了直角这些现象也是涉及情感加强化的一些方式,这些方式应该会越来越多,越来越作为吸引用户的重要力量。

人们在阅读某种信息时,视觉总有一种自然的流动习惯,先看什么,后看什么,在看什么。一般的浏览习惯是从上到下,从左到右i,在一个平面上,上松下稳而压抑,同样的,平面的左松右稳。所以平面的视觉影响力上方强于下方,左侧强于右侧。这样的平面的上部和中上部被称为最佳视域,也是最优先的地方,在网页设计中一些突出或推荐的信息通常都放在这位子,当然这种视觉流程只是一种感觉而并非一种固定公式,只要符合人们的心理顺序和逻辑顺序,就可以更为灵活的运用。

很多网页都具备一个特点,用一个字来形容就是:塞,他将各种各样的信息加文字,图片,动画等不加考虑的塞到页面上,有多少挤多少,不加以规范,浏览时会遇到很多的不方便,主要就是页面层次不分,喧宾夺主,要不就是没有重点,没有很好的归类,整体就像个大杂烩,让人难以找到需要的东西,有的则是一片空白失去平衡,也可以用散来形容。

并非要把整个页面塞满了才觉得不空,也并非要让整个页面空旷才觉得不满,只要合理的安排,有机的组合,使页面达到平衡,即使在一边的部分大面积空留同意不会让人感到空,相反这样会给人留下广阔思考的空间,给人回味又达到了视觉效果。

文字图形化就是将文字用图片的形式来表现,这种在页面的子栏目里面最为常用,因为它具有突出,同时又美化了页面,使页面更加人性化加强了视觉效果,是文字无法达到的。

用一种色彩,这里是指选定一种色彩,然后调整透明度或者饱和度(说的通俗些就是将色彩变淡或加深),产生新的色彩,用于网页,这样的页面看起来色彩统一,有层次感。
用两种色彩,先选定一种色彩,然后选择他的对比色进行微小的调整来点缀,整个页面的色彩风格但不花哨。
用一个色系,简单地说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿或者土黄,土灰,土蓝,也就是在同一色系里采用不同的颜色使网页增加色彩,而又不花,色调统一,这种配色方法在网站设计中最为常见。
灰色在网页设计中又称为万能色,其特点是可以和任何颜色搭配,但是要注意在使用时把握避免网页变灰。







分享到: