打印

[资源] 版面设计_视觉度

由于网页设计与传统的平面设计在视觉传达方面有着很大的类似之处,都需要具备良好的审美能力与视觉传达表现力,支持排版设计的理论基础是一致的,正是基于这点,所以平面设计中的相关概念同样可以在网页中使用,下面就简略地介绍下这些概念
视觉度:
视觉度是指文字和图版(插图,照片)在版面中产生的视觉强弱度,版面的视觉度关系到版面产生的生动性,记忆性和阅读性。一个版面设计,如果仅仅是文字版面的排列而无图形的插入,版面会显得毫无生气;相反只有图片而无文字或视觉度低的文字信息,则会削弱与读者的沟通力和亲和力,阅读的兴趣也会减弱。




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/
使用校门古典景色,强调出了历史的悠久,通过对石狮的特写,强调出了稳重、自信




如果使用低质量的图片,使人产生不信任的感觉,从而导致客户群体的丢失


www.iweber.cn
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
本帖最近评分记录
  • webs2008 威望 +2 我很赞同 2007-4-28 09:13

TOP

我怎么就找不到感觉呢?

TOP

经典帖子,我顶!

TOP

不错,有截图很难得,有截图更有附加说明则更难得
楼主辛苦
心在那里...

TOP

整理得不错.
www.Jdmycn.com

TOP

对 “视觉度”一词存疑,有新词汇炒作嫌疑,而且“泊来”成分很大,只能说翻译的不到位。

Visibility  是 可视度
High visual 是 高 注目率

我不知道这个“视觉度”到底从字面上更接近哪个,从行文内容看,我觉得更像后者。

为什么不用惯用的常规词汇,非要翻译出一个 “视觉度”来呢,现在是非要玩点文字游戏才觉得有新内容的世代吗?

注目率高,比 视觉度高 难道更不好理解吗?

顺便Google了一把,发现罪魁祸首在这里:
http://www.it88.com.cn/ddetail/77074/
七日掌握版面设计基础,中国青年出版社出版,由日本视觉设计研究所编著。

真是难过,日本人抄美国人,中国人再抄日本人,呜呼哀哉!

在这里把一些产生误区的词汇翻译正一下名,也算不枉让小日本误了我更多的设计同人。

图版率  (图文比例)
文字的跳跃率  (文字的节奏)
照片跳跃率和修改的关系  (图片的节奏和编辑的关系)
网格拘束率  (版心基本单位规整)
版面率 (空白调整,呼吸空间)
群化,组合化  (规整,条理)
额缘效果 (天头地角)

印刷术,是中国人发明的,难道,排版是外国人教会我们的?

[ 本帖最后由 QUESTER 于 2007-4-30 10:34 编辑 ]
◆下载 ColorKey Xp 解决色彩问题
我和你之间的距离是你和我的距离

TOP

问题是纯文字的网站我经常要看,就像php.net
还是blueidea老是放广告图片flash
我喜欢简洁的版面
像论坛底色灰白,可以比较长时间看不会累眼

TOP

今天早上正好看摄影构图,讲到如何利用近景,中景,远景表现空间感和透视。

其中对LZ所表述的“图片说服力”这部分有些共鸣,不想谈太多摄影上面的东西,把原主题给扯远了   不过确实有共通之处。

人像与风光的拍摄,在表现程度上有所不同。为什么往往那些“糖水照片”更能吸引人们注意,可能也一定程度上诠释了“人像——>风光”这种“高注目率”的规律。

TOP

六楼说的不错,统一名词非常有必要。说来说去原来是这个。

TOP

是很经典的!支持
没名字签

TOP

确实很漂亮,我也顶!
我的经典收藏:  Http://Www.Mk126.Cn

TOP

不错,大家理解而且用上就好喽~管他叫做啥子,从哪儿来的.

六楼的最后一句话,哈哈,有意思~~

TOP

经典....顶...

TOP

好贴呀
又学了不少哦

TOP

学到很多  鼠标兄的解释也不错 现有的名词太多 容易搞混了

TOP

见识一般
k1847.com

TOP

视觉度?

TOP