·您现在的位置: 云翼网络 >> 文章中心 >> 网站建设 >> 网站建设问答 >> 如何运用视觉表现建立网页的信息层级?

如何运用视觉表现建立网页的信息层级?

作者:佚名      网站建设问答编辑:admin      更新时间:2022-07-23

网页设计 用户获取信息 视觉设计

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

首先看下面两张图,左图为相机拍摄的效果,右图为人眼不移动时看到的效果,可以发现人眼对信息的获取并不是一次性完成的,它不能同时产生多个焦点从而把视线停留在更多的地方,设计师需要考虑的是让用户通过眼球移动,按照一定的顺序获取信息,帮助获取和理解的过程高效自然。

网页设计 用户获取信息 视觉设计

这个设计方法希望解决的主要是两个问题:

  1、用户获取和理解信息的效率

建立良好的信息层级,能让用户在有限的时间里,快速获取和理解有用、感兴趣的信息,并产生下一步行为;

  2、设计师的专业性

设计师有意识的分析信息优先级,了解哪些视觉表现手法可以建立信息层级及每一种方法背后的理论依据,不仅仅凭感觉做设计。

  一、前期了解&分析

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

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

通常有:

用户是谁

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

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

页面作用

举个例子:

我们在设计采购直达市场新首页时,交互通过对页面的用户对服务的熟知度进行分析,确定首页的最核心目标用户是新买家;页面内容定位是展示市场的价值点,用户产生的数据让新买家对采购直达形成品牌的认知;

网页设计 用户获取信息 视觉设计