理论教育 提升页面可读性设计-界面视觉传达

提升页面可读性设计-界面视觉传达

时间:2023-07-22 理论教育 版权反馈
【摘要】:而影响阅读这一行为最终效果的因素主要来自两个方面:一是页面对于用户的视觉感知性或页面信息元素的可识别性;二是阅读对象内容本身的设计是否符合快速理解与记忆。同时,对于页面中需要突出的部分可以采取加大对比,或动态显示的方式。图5-16为两种页面的可识别性比较。

提升页面可读性设计-界面视觉传达

在网络界面的使用过程中,获取内容信息(或知识)是用户的主要方式和目的。与书籍﹑报刊等传统媒体类似,用户进入网络页面的信息接收行为是阅读信息内容。

网络页面承载的具体信息内容主要包括以下三种:

(1)导航内容。即提供给用户的导航链接方面的信息。

(2)正文内容。指用户的目标信息,包括具体的文本段落﹑图像﹑多媒体等。

(3)附加内容。一般是商业信息和个人信息。包括网站标题﹑广告版权﹑著者信息等。

就阅读行为本身而言,是一个连续的系列行为而并非单一的过程。从认知心理学角度来讲,阅读行为依次有视觉感知﹑理解﹑记忆等几个明显性阶段。而影响阅读这一行为最终效果的因素主要来自两个方面:一是页面对于用户的视觉感知性或页面信息元素的可识别性;二是阅读对象内容本身的设计是否符合快速理解与记忆。

5.8.1 视觉感知

页面的可读性与人类的视觉感知关系密切。人的视觉感知性属于视觉传达设计的研究内容。视觉传达研究的是物质世界视觉感知在人心理上产生作用的过程,研究如何使设计物的视觉形式在使用和流通过程中对人产生最为合理的视觉效果的理论和方法。

视觉是人获取信息的主要工具,是感官反应(视觉﹑听觉﹑触觉﹑味觉﹑嗅觉﹑神经觉)的一种重要形式,80%以上的外界信息通过眼睛(视觉器官)获取。视觉包括视感觉和视知觉。

感觉是人对直接作用于感觉器官的客观事物的个别属性的反映,是一种最简单﹑原始的心理过程,是人对环境的认识的开端。例如,第一次面对一个苹果,我们通过用眼睛看,便产生了苹果是绿色的视觉感;若用手摸,就产生了软硬的触觉感;若闻一下,便产生芳香的嗅觉感;若品尝,则有酸甜的味觉感。

知觉是人对直接作用于感觉器官的客观事物的整体属性的反映。人通过感官获得对事物的感觉后,感觉信息经过头脑的加工(综合与解释),产生了反映事物的心理现象,这便是知觉。例如,一段音乐,作为听感觉,反映的是一个个高低不同的音;而作为听知觉,反映的是一首乐曲。

由于网络页面的概念本身即已意味着对对象在使用环境(计算机使用环境)﹑结构(计算机屏幕)﹑形式(文字﹑图像等具体视觉元素的编排)上做了相当的规定,因此,网络页面表明的是一种相对具体的视觉表达形式,主要针对网络页面这种特定的形式。

1.视觉分布区域

根据格式塔心理学的研究与测试,人的视觉在视野范围内,其注意力分布是不均匀的。一般的分布特征是:视域的上部强于下部,左部强于右部。若把视觉注意力规定为100,比例分布状况如图5-12所示。

图5-12

因此,在网页设计中,可以利用这一视觉特性,将重点或突出的信息部分放置在页面的上部或左侧的大致区域。如图5-13所示。

图5-13

2.视觉的整体性

视觉的整体性是指人眼有把由许多部分或多种属性组成的对象看作具有一定结构的统一整体的特性。例如,观察一个由四条线组成的正方形,最初不是把它感知为四段直线,而认为是等边的图形。

同时,若感知的对象的形式不确定时(即形体可进行多种方式的视觉整体组合),视知觉会进行积极组织,把它感知为最具有客观意义或自己主观最熟悉的形体,如图5-14所示。

图5-14(www.daowen.com)

视觉的这一特性为页面的划分和信息的归类提供了方法和依据。相同或类似功能的信息可以通过视觉形式上的规律性排列组合形成整体感,从而使用户能从大的角度快速感知信息的类别并获取理解。

3.视觉的选择性

视觉的选择性是指人眼有把某些视觉对象从某个背景中优先区分出来,并予以清晰反映的视知觉特征。对于特定的“图—底”(视觉对象—背景)关系,选择性的效果一般取决于以下两个客观因素:

1)对象和背景的差异性

对象和背景的差别性越大,体现在颜色﹑形态﹑刺激强度等方面,对象越容易被区分出来,反之越难区分,如图5-15所示。

图5-15

2)对象的运动状态

在固定不变的背景上,活动的刺激物较之静止的更容易成为知觉对象。

视觉的选择性为单个信息的传达,信息个体必须要拉开与其背景的距离,自身才能得到清晰的表达。同时,对于页面中需要突出的部分可以采取加大对比,或动态显示的方式。

5.8.2 可识别性视觉语言

视觉语言是网络界面语言的一种形式。界面语言(设计语言)是网络界面信息的载体,向用户传达界面的所有信息,如功能﹑使用﹑情感信息等,因此,界面视觉语言也可依据传达的信息的不同而加以区分。这里的视觉语言专指其职能是传达可识别性信息的视觉设计语言。

在网络页面中,具体视觉元素是文字﹑图像﹑符号等表现形式,而它们的共同属性是形体和色彩。因此,可识别性设计在这里是通过对页面中的形体和色彩的组织,形成和建立合理的视觉逻辑语言,使用户通过视觉语言的接收,达到迅速找到页面中的目标信息的目的。

1.主与次

主与次是页面元素的比较关系,向用户传达信息的强弱,使用户明确页面的重点分布,从而找到正确的浏览顺序,迅速找到重点内容与信息。主次关系的具体表达方式可以是形体大小比较﹑位置对比﹑色彩的进退等。

2.类别

类别就是将页面元素进行归类,同样属性或功用的元素在形式上加以统一区分,只有这样,才符合正常的视觉认知习惯,使界面识别在逻辑下快速执行。类别关系的表达方式可以是形体有规则的排列组合,或同颜色区域的分割等。

3.注意

视觉的信息接收量是有限的,一定的时间内视觉的有效单元信息数不多于7个。因此,必然存在某些用途上更重要的信息元素,要想获得视觉上的优先权,应当加以强调和突出,这就是注意。注意关系的表达方式可以是动态显示﹑建立视觉中心﹑局部形成强对比等。

图5-16为两种页面的可识别性比较。

图5-16

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈