建立良好的视觉层级

   

随着互联网信息爆炸式增长,用户浏览单个网页时,并不像我们想象的如阅读文章般从左到右、从上到下逐一查看,为什么?

一、视觉层级为什么重要

0162.jpg_wh300.jpg

左侧是设计师期望用户的浏览方式,右侧为用户实际的浏览方式—摘自《Don’t make me think》

用户来到一个网站有他自己特定的目标,如阅读新闻、购物、查看新消息,然而信息量太大,逐一查看需要大量时间,这就要求网站能抓住主流用户特征,将重点推送给他,用户找到自己的目标或感兴趣的点,才有可能继续浏览或产生下一步动作,否则就会离开。

用户时间有限加上互联网信息量巨大,这两项原因正是考验视觉设计师要建立良好的视觉层级呈现给用户,帮助用户快速找到目标的功力。

二、建立良好视觉层级的作用

1、 提高识别效率

2、 激发受众兴趣

举几个例子:

 

左地图是市级展示的地名,当用户搜索到街道级别时,才会把本街区内的店铺展示给用户,在特定的情况下只展示必要的信息,有利于用户高效找到自己的目标

 

我们看新闻时首先要关注的当天的头条新闻,其次是编辑推荐的,时代周刊首页很好的让头条新闻和logo一起第一眼被我们捕捉到,主次处理的很清晰

 

辛德勒名单电影中的某镜头,通过色彩强烈的对比拉开视觉层次,给观众留下了深刻的印象同时成为经典