视觉层次是关于设计哪个元素是最重要的,让用户的注意力聚焦在最重要的地方。同时也建立了一个引导用户去阅读理解网页的路线。
设计原则
- 让最重要的元素靠近页面顶部,因为是最受关注的部分,人们通常会从上到下阅读一页
- 图像会很吸引用户注意力,如果我们想让用户首先阅读文本,那么应该考虑根本不使用图像或使用较小的图像
- 可以在需要强调的部分周围用很多的留白
文本
- 可以用字号,粗体,颜色和留空来传达文本的重要性
- 通常我们应该给 标题,副标题,链接,按钮,重点信息,图标 来进行强化处理以抓取用户注意力。同时也可以让不那么重要的信息如标签,额外信息等弱化处理,降低字重等。
组件
- 通过使用 背景颜色,阴影和边框来强调某个重要的页面组块
- 如果有两个并列组件,我们想强调其中一个,就可以通过弱化处理另一个来实现
- 通常我们会强调 介绍信/产品,号召性用语(如末尾的注册部分啥的),亮点部分,预览部分(如商品卡片),表单填写与表格中的重要行列