掌握这些UI排版无难题

1.视觉焦点

视觉焦点就是在界面中占主导地位的视觉元素，第一时间进入你眼睛，在整个设计中不能强调所有设计元素；需要确保关键元素用户的操作目标是清晰的。

2.层次结构

确保在几秒钟内,用户就能明确知道关键要点和页面元素之间的关系，并且顺利快速的完成当前任务。建立视觉层次结构可以通过大小，对比，颜色，肌理，留白，空间等可感知的视觉元素；好的设计它的视觉层次结构分明且符合用户阅读习惯

3.视觉重量

如何去衡量视觉重量，影响视觉重量的因素有大小、对比、颜色、留白、形状、位置等等，那么在一个界面中如何把握视觉重量的比例，下面看几个例子。

 

4.视觉方向

前面讲了视觉重量，它能第一时间把你带到特定重要的位置，那么接下来视觉方向是引导的一个作用，设计师要做的就是通过视觉引导，让用户能快速完成任务和达到预期目标，常用的视觉引导有Fpattern 和 Zpattern,下面来和大家详细说下

总结

上面一共说了UI排版中常用的四大排版黄金原则，综合使用能给排版设计带来质的提升。视觉焦点、层次结构、视觉重量,三者相互影响，最后视觉方向是前面三者影响的结构。用户能否顺利在你的产品完成任务，达到预期目标，全靠视觉方向指引，那么这些我们通过大小、对比、颜色、留白、形状、位置等来协调使用他们。