界面设计原则之一篇：权衡优先级 突出焦点 划分好内容层级

【编者按】界面设计时，我们不能强调所有元素，否则将毫无重点。正如所有人都大声呐喊，一片杂乱，我们将听不到任何信息一样。当界面设计面对很多元素时，如何调配各元素之间的关系，这时需要把握住三点：优先级、焦点、内容层级。《Design Principles: Dominance, Focal Points And Hierarchy》一文对该设计原则进行了详细解释。 
在进行界面设计时，特别是有多个元素的时候，如何调节各个元素以使客户满意是需要技巧的。 

优先级 

例如现在有两个表现元素，那么谁是重点，谁是客户最看中的，这就涉及到优先级的问题。除了最常见的大小关系，在考虑优先级的时候还需要对下列因素进行综合考量： 

• 大小
• 形状
• 颜色
• 深度
• 纹理
• 厚度
• 饱和度
• 方向
• 留白
• 兴趣点
• 物理关系

如果想通过方向的方法来表现优先级应该如何处理呢？—可以使用箭头、渐变线等指向元素(多个)共同指向需要突出的元素，达到聚焦的目的。 
主要元素 

主要元素是我们的设计根基，这决定了阅览者的视觉重点。所以进行设计时，第一件事就是把要表现的主要元素放在设计首位。无论我们需要对用户表达什么信息，都必须是清晰的，并且要尽量靠近主要元素。但是要把握好尺度，例如把其它元素都覆盖了或者充满了整个画面反而变成没有了重点。 

焦点 

焦点可以是主要元素集合或主要区域，但是画面中应该有最主要元素。例如下图，最大最明亮的圆点是该设计中的最主要元素，与另外三个暗红色的正方形共同构成了焦点区域。 

 

可见对比是创造出焦点区域的好方法，通过大小、形状、冷暖色、位置等来进行。 

优先级别