用户进入一个页面时,并不会先“阅读”,而是先“扫一眼”。这三秒钟里,如果页面没有自然地告诉他该先看哪里、再看哪里,他就会觉得乱。
一、层级不是装饰,是表达顺序
很多人把视觉层级理解成把标题做大、按钮做亮,但层级真正要解决的是阅读顺序。用户应该先看到最重要的信息,再看到补充说明,最后才是次要入口。
如果所有内容都在争夺注意力,用户就只能自己排序,而这会让页面显得费劲。
二、最常见的四个层级工具
大小最直观,位置最敏感,对比最有力量,留白最安静。你不需要四个都用到极致,只要其中两个拉开差异,主次通常就会清楚很多。
比如首屏里,标题更大、位置更靠上,按钮颜色更突出,其他辅助信息留得更轻,层级自然就出来了。
三、一个页面只能有一个“最重要”
很多页面之所以显得乱,是因为每个区块都在强调自己。标题很大,副标题也很大,按钮也很亮,标签也在跳色。结果每一个都像主角,最后谁都不是主角。
当你想强调所有东西时,用户感受到的其实是没有重点。
四、层级不清时,先减少元素数量
如果你调了很久还是觉得乱,先不要继续改颜色和样式,先删东西。删掉多余按钮,删掉重复说明,删掉不必要的标签。元素越少,层级越容易建立。
设计基础里很重要的一课就是:很多问题不是“怎么加”,而是“怎么减”。
五、一个简单练习:截图后三秒回忆
把你的页面截图,看三秒钟后关掉,然后问自己:我刚才最先注意到什么?如果答案和页面真正想传达的重点不一致,说明层级还需要调整。