欢迎拨打空谷咨询电话

4006-515-848

您也可以咨询我们的在线客服或预约上门

在线客服 预约上门

预约上门

【转载】网页设计方法-视觉表现建立信息层级

2017-04-07来源:admin浏览:287 字号:

作为视觉设计师,我们的作用除了最基本的满足用户审美需求,还会有品牌传达,信息传达,功能传达等,其中想要信息有效的传达给用户,需要我们建立信息层级,而不是一股脑的丢给用户自己理解,要做到这点有哪些视觉方法,这些方法的背后是否有理论依据。

一、前期了解&分析

在开始网页设计前,除了对项目本身的背景目标有所了解外,视觉设计师针对具体的页面也需要了解一些内容以帮助后面的设计有指导方向,包括页面定位、氛围营造、信息优先级和用户核心行为。

1.1、页面定位是帮助分析页面信息优先级、核心行为的前提通常有:

· 用户是谁

· 用户来自哪里,即从什么渠道来到该页面

· 页面内容定位,提供什么、不提供什么

· 页面作用

1.2、了解页面需要营造的氛围,能帮助我们判断哪些元素能帮助达到目标,氛围可以是内容本身,也可以通过视觉元素设计来营造,但必须注意氛围营造不应强过用户关注的内容本身氛围可能有:

· 新年主题大促

· 低折扣

· 信息鲜活

· 用户活跃等等

1.3、分析信息优先级

1)一级信息吸引用户:假设用户只会在这个页面停留3-5秒,最能够吸引用户继续浏览的是页面的核心卖点,是一级信息,它必须少而精,在设计上要重点展示

2)二级信息帮助理解:有了一级信息的吸引,用户进一步了解内容而可能停留3-5分钟,这时展示二级信息即提炼的精华内容,帮助用户在尽量短时间内理解信息

3)三级信息详细了解:前两类信息基本上能帮助用户获取足够的信息,用户如果继续停留更长的时间去详细了解,这类信息量会更多,在设计上视觉层级会靠后,或通过交互方式展示、提供入口跳转.

1.4、分析用户核心行为

不同类型用户会在不同阶段产生行为,我们要判断这些行为最终导向是什么?
比如商品详情页面,有些用户在决定购买之前,会查看用户评价、历史交易等内容,但这些查看的行为,最终是帮助用户判断是否购买这个商品,所以核心行为是最终导向的购买。

二、建立信息层级的视觉方法

视觉表现手法主要有以下几种元素,实际设计中为了让效果拉开主次,可能会同时使用多种方法以达到更好的效果:

· 位置

· 大小

· 距离

· 内容形式

· 色彩

三、审视页面视觉流

运用视觉表现手法建立信息层级后,需要设计师不断审视用户的浏览顺序是否真如我们期望的层级1到2到3…,包括页面大模块和模块内的浏览,这些浏览顺序会在页面上形成视觉流;审视页面视觉流能帮助我们判断用户浏览页面是否顺畅,浏览的顺序是否有规律可循;如果我们的设计不能有效引导用户的视线,用户的浏览更趋向于随机性,就难以将希望表达的信息快速传到到位。

下面的几种比较典型的视觉流,包括:

· 线性视觉流

· 导向性视觉流

· 跳动性视觉流

· 放射性视觉流

最后再总结一下:

1.项目前期我们需要了解页面营造的氛围,内容定位;和交互一起分析信息的优先级,用户的核心行为;前期的准备能帮助视觉设计过程不偏离方向

2. 通过位置、大小、距离、内容形式、色彩这些视觉表现方法来建立信息层级

3. 设计过程和结束都要不断审视页面视觉流,看看用户浏览是否顺畅。

287次点赞
返回新闻列表
© 2008-2018 苏州空谷网络科技有限公司 版权所有 苏ICP备10077873号