用户体验的元素:表现层

七、表现层:感知设计

在展现层,内容、功能与美学汇集到共同来出一个说到底规划,完成另外四只规模的装有目标,并以满足用户的感官感受。

1.表现层定义

当框架层,我们要解决放置的事务。表现层则要解决并弥补“产品框架层的逻辑排布”的感知呈现问题。通过关注视觉设计,我们决定信息设计的布置在视觉及理应怎么呈现。

2.靠边统筹感知

俺们的诸一样不成更最终是由此我们的感官器官来进行的:


嗅觉和味觉:用户体验设计师较少考虑的规模。比较相关的例证:新车之脾胃。

触觉:通过振动和用户互动。如果是东西,会包括外形、材质、原料等。

听觉:用来打招呼用户,也得吃成品更拥有个性。

视觉:把注意力集中在“运作是否良好”,而无是“什么有美感(受个人品味影响好)”上,即视觉设计针对性前面规模确定的对象的支撑功能怎么样,例如视觉设计好传达品牌形象。

3.忠被眼睛

评估一个产品视觉设计的简约方法之一,是提出如此的问题:视线首先获得于啊地方?哪个设计元素在第一时间吸引了用户的注意力?它们是对战略目标来讲是格外重大的事物吧?用户第一时间注意到之物同外(或你)的靶子背道而驰呢?

诚如的话,人们视线的位移方式以着相当一致的模式。如果您的宏图是成功的,用户眼球的移位轨迹的模式应该发生以下简单单第一之特点。


首先,它们仍的凡一样长流畅的途径。如果人们评价一个设计是忙碌或拥挤时,这意味着是企划没有能够顺利地引导他们于页面及运动。他们之眸子在千头万绪的元素中跳来跳去,所有因素都以试图挑起他们的顾。

从,在无需要极多细节来好到用户的前提下,它吗用户提供实惠选择的、某种或的“引导”。这些引导应该支持用户准备以这时候由此跟活互去好的有目标或任务,且不应当分散用户对那些“能得目标的音或效益”的注意力。

4.相对而言与一致性

对待(contrast)是用来吸引用户注意的一个重中之重工具,把用户的注意力吸引到界面中之重中之重部分,帮助用户了解页面导航元素中的涉,传达信息设计受到的定义群组。如下图,左上毫无重点,右上引导用户视线方向,左下突出几个主要,右下超负荷对比显示杂乱无章。

对比

在计划着保持一致性(uniformity)是另外一个着重的片。例如将视觉元素的轻重缓急保持同一的尺码;基于栅格线(grid-based
layout)的布局,基于栅格线的计是通过下母版来保证规划之一致性,各种布局都是以这个模板来创造的。

一致性

5.内部和标的一致性

内部一致性的题目:在成品的差地方体现了不同之计划性方式

标一致性的题目:这个产品并未当与一个柜真珠美学之其它产品被,反映来被利用的、相同之宏图方。

确定来或在活层出不穷的领航、界面和消息设计等不同环境面临数出现的设计元素,把它独立出来统一规划。不过以动用时也欲适应环境而调整。

据此一个联合之品牌识别形象强化呈现出来的制品的一致性。

6.配色方案及排版

基本的品牌色彩通常是一个配色方案(color
palette),可以有效地向外界传递品牌识别。通常,更显或又醒目的水彩可以用来前景色,更暗淡的情调用于那些休待跳出页面的背景元素被。

排版(typography)(包括字体等)对品牌识别为格外关键。注意不要使用非常相似并且不了同的作风,只有当公用传达不同的消息经常才使不同之风骨。风格中要出足的自查自纠才会以公要的时吸引到用户之注意,但并非使用过度广泛及多样底品格。

7.企划合成品和作风指南

每当视觉设计领域被对线框图太直接的模拟是视觉模型(visual
mock-up)或计划合成品(design
comp)。合成的意是汇总的。设计合成品就是打曾经毫无疑问的零部件中成立起来的、一个说到底的可视化产品。这种合成物显示了各个独立的组件是如何整合及齐形成一个有机的完好的;或者,如果其从不做一个总体,就认证有地方摔了它,同时表明这是一个别缓解智都得使考虑到的约规范。

丝框图的零部件和计划合成品的机件之间一般是大概的相当的相互关系。不过视觉设计也无自然要是可靠地按线框图来举行,只要它考虑了相关的要级别与线框图中各因素的构成关系。

系工作都急需为文档形式记录下来,承载这些计划决策的权威性文档是风格指南(style
guide)。这个汇总文档确定了视觉设计之每个点,从最深到极致小之界定外之兼具因素。影响及活的诸一个有的大局标准(比如设计栅格、配色方案、字体标准、标志下指南等)通常是风格指南中的首先组成部分。风格指南还要包括有一个模块或网站功能的求实标准。风格指南的总体目标是提供足够的底细来辅助人们将来做出明智的核定。

——著作权归原作者有——