欢迎光临北大青鸟厦门软件园校区!

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

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

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

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

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

  2、设计师的专业性

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

  一、前期了解&分析

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

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

  通常有:

  用户是谁

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

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

  页面作用

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

  氛围可能有:

  新年主题大促

  低折扣

  信息鲜活

  用户活跃等等

  1.3、分析信息优先级

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

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

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

我的位置: 首页 >> UI设计:视觉表现建立信息层级

2017-06-14

来源:


 

在线答疑更多++

热门专题更多++

福建省厦门市思明区软件园二期观日路48号北大青鸟软件园校区

地址:福建省厦门市思明区软件园二期观日路48号(IT实训32号)

电话:4000-470-150  0592-5920811

网址: www.0592java.com

厦门校区乘车路线:软件园站、软件园南门、软件园东二门站、观日路口

北大青鸟厦门软件园校区公众平台

厦门北大青鸟