由于
网页设计与传统的平面
设计在视觉传达方面有着很大的类似之处,都需要具备良好的审美能力与视觉传达表现力,支持排版
设计的理论基础是一致的,正是基于这点,所以平面
设计中的相关概念同样可以在
网页中使用,下面就简略地介绍下这些概念
视觉度:
视觉度是指文字和图版(插图,照片)在版面中产生的视觉强弱度,版面的视觉度关系到版面产生的生动性,记忆性和阅读性。一个版面设计,如果仅仅是文字版面的排列而无图形的插入,版面会显得毫无生气;相反只有图片而无文字或视觉度低的文字信息,则会削弱与读者的沟通力和亲和力,阅读的兴趣也会减弱。
http://www.php.net/
一个网页界面仅仅是文字版面的排列而无图形或图片极少,则能最大限度的刊登文字信息,突出内容并使之便于查询,但会使版面显得毫无生气,降低网站的欢迎气氛。
http://www.1trickpony.com/
一个网页截面如果只有图片而很少有文字,能使网站的生动性加强,但却降低网站的阅读兴趣,削弱与读者的沟通力
可见,从图形与文字的视觉传播力和表现力来讲,图形的传播度要比文字的快,它形象,直观,阅读兴趣强;文字的设计相对图形来讲能增进图意的理解和传达
在图象中,插图比照片的视觉度高,特别是天空、海的风景照,视觉度非常低;插图相对于照片由于明快度高,给人的视觉度更强烈,印象更深刻。
http://www.nshancheng.com/index.html
在同等的版面率条件下,插图给人的印象更加深刻
文字的视觉度低于图象,直接表现内容时,图片是最好的选择,如果与主题内容不符的图片会造成信息的混乱
http://www.chcedo.com/
以化妆品的图片,明确的表达出这个公司是做美容保健的,使信息的表达清楚直接
再看下面的这个网页内容
文字内容讲述的是关于美食的东西,但是图片的视觉度优先于文字信息,初看信息,别人还以为婚庆的信息,造成信息的混乱
图片中说服力的强弱
在短时间内,下面哪张照片给你的印象最深刻?

在看照片的时候,我们常常会被强烈地吸引住,并且印象深刻,一般来说,主题与人的瞳孔距离越远,说服力也就越低,一般来说,人类最具有表现力,尤其是脸部,最弱的是风景,诸如云、海之类的,它能给人平静的感觉。上面的8张照片,以3、7的印象最为深刻,最弱的是4和5(排除个人的兴趣)。一般来说,在照片中,照片的说服力等级由强到弱是
人和动物——身边的物品——树、花等——风景、建筑
其中,同一个物体,离人稍近的视觉度就强,同样的人物,正面比侧面、背面视觉度强,脸部比身体其他部位视觉度强
视觉度强的画面——叙述性强,传达的视觉度高,如果用的不适合,会破坏整个画面的平衡
视觉度弱的图片——传达的视觉度低,不会破坏整个画面的印象,缺乏说服力
http://fin.medialand.com.tw/
人物脸部的微笑是最大的欢迎表示,该网站通过人物脸部微笑的特写,传达出强烈的视觉度效果,用笑脸表达了对浏览者的欢迎,给人温馨舒雅的感觉
http://www.xmu.edu.cn/
厦门大学的网站通以学校的景色做为网站的图片,表现出了大学的高雅格调,如果使用了视觉度强的图片,反而破坏了学校文化的气氛,让人敬而远之
低品质的图片会降低信赖感
如果在航空公司、医院之类的网站上,采用许多模糊不清的照片、自然会导致客户的流失,因为航空公司、医院都是关系生命的行业,如果采用模糊不清的图片,会让客户对公司网站丧失信任。
http://www.sjtu.edu.cn/
使用校门古典景色,强调出了历史的悠久,通过对石狮的特写,强调出了稳重、自信
如果使用低质量的图片,使人产生不信任的感觉,从而导致客户群体的丢失