一个人每天要获取多少信息？几百张网页？十多个app？上百条微博？地铁上匆匆一瞥的广告，家里看不了几分钟的电视？

其中能引起关注的有多少？仔细阅读过的有多少？当大量的信息充斥短时间用户脑海的时候，用户啊，你又如何选择？

如果说网站的信息架构是用户如何找。视觉的信息架构就是用户如何看。人们每天很匆忙。在用户面对大量信息，很多时候用户对信息来不及仔细梳理，很难快速记忆。

而一个好的视觉架构，可以减轻用户浏览负担，加快用户获取信息的速度，帮助用户加强对信息的记忆。

这一次交互与视觉设计师又站在了同一条起跑线上，让用户如何看，怎么看，怎么构建视觉的信息架构。就是我们接下来要探讨的话题。

在设计界面之前我们先来看看用户是如何使用网页的：

一、我们不是阅读，而是扫描

二、我们不做最佳选择，而是满意即可

三、我们不是追根究底，而是勉强应付

很显然，我们用户非常没有耐心，从不寻找他看不到的东西。

我们经常能听到产品经理抱怨，我的产品为什么的不到用户的关注，我拥有这么好的产品，这么详尽的说明，可是用户像葛朗台一样吝啬他的鼠标与视线。而视觉设计师会茫然的说，所有的信息都放在页面上了啊，也放在了页面最重要的位置了，用户看不到那是因为他不感兴趣。

用户是真的不感兴趣么？不，当用户的眼睛在网页上疾驰而过的时候，他真的没有看见你想要让他看的信息。

可问题出在哪儿呢？

我们看下面一张图：告诉我你看到了什么？字都一样大小，都是一个颜色，一样的行距，一样的字体，如果给你一秒钟你能从里面找到关键兴趣点么？

再看下面一张图：是不是发现，每段的字号差异，颜色差异，行距的差异，字体的差异？如果给你同样的时间，你是不是比上一张图得到的信息更多？

在网页的信息架构中，信息在网页的位置决定了，这块信息在网页内容中的重要程度。

而网页视觉架构中的视觉层级则是是否能吸引用户浏览的关键所在。

重视了网页中整体位置而忽略了视觉架构中视觉层级，不仅会产生糟糕的视觉设计也会导致产品设计的失败。

我们对比一下这两个商品列表

一秒钟的时间你看到了什么？

我们要读清楚上面的内容，就要适当的放慢阅读速度。寻找我们感兴趣的关键字与语句，因为虽然有颜色的区分（颜色用的也太多了造成视觉噪声），但很多内容看起来都跟其他内容一样重要。势必要增加阅读负担。

而下面的内容，设计师体贴的把对我们来说比较重要的内容挑选了出来。在我们眼睛扫过的时候非常容易的获取到了关键信息。

为用户设计在飞驰地铁上都能观看到内容。则应成为网站设计和移动应用重要的设计原则