时间和空间
- 按照时间来组织活动是一种简单又通用的方式。对于那些持续时间相差不大的活动,按照时间排序是最合适的。
- 一些实体对象,如酒店和国家之类的,全都可以按照空间来组织,只要用户对排列方式不感到陌生即可。
网格
- 利用不可见的网格来对齐界面元素,是吸引用户注意力的一种有效方式。网格越是简单,效果就越明显。
- 网格布局也会让人感觉局促和受压制。要解决这个问题,可以设计一个不对称的布局。
大小和位置
在利用网格来布局界面时,需参考如下关于大小和位置的提示。
- 重要的元素要大一些,即便比例失调也可以考虑
- 不太重要的界面元素应该小一些,如果一个元素的重要性为1/2,那就把它的大小做成1/4。
- 把相似的元素放在一起,能够有效减少视觉上的干扰因素(如色标、标签或边框),让用户更容易集中注意力
分层
避免信息混乱不清的一种方式就是使用一种名叫感知分层的技术。利用感知分层技术,我们可以把一些元素放在另一些元素上方,或者把两组元素并排放置。
感知分层借助于颜色很容易实现。除了颜色之外,使用灰度、大小缩放,甚至形状变化,都可以实现感知分层。
以下是几点提示。
- 尽可能使用较少的层,内容越复杂,所需的分层反而越少
- 考虑把某些基本元素放在常规背景层,因为一个元素很难放在两层里
- 尽量让任意两层之间的差别最大化
- 对于相对重要的类别,使用明亮、高饱和度的颜色,可以让它们在页面上更加突出
- 对于同等重要的类别,利用感知分层技术,使用相同的亮度和大小,只是色调要有所区别
要想知道设计是否成功,可以眯起眼睛来观察屏幕,看是否能区分出不同的层。
网友评论