三 APP构图
移动互联网设计在不断发展，移动设备屏幕该如何设计？在设计中，我们会发现有很多传统的设计规律可以遵循，即在有限的页面内呈现或引导有效信息。为什么有的主题或APP界面给人的感觉就那么舒服、那么清新、那么有情怀？里面蕴含着哪些最基础的版式设计理念？让我们总结一下，给初入UI设计的同学做个参考。
下面介绍在界面中常用的三种构图方法：九宫格构图、圆心点放射形构图、三角形构图。
1.九宫格构图
这种版式主要运用在以分类为主的一级页面，起到功能分类的作用。通常在界面设计中，我们会利用网格进行界面布局，根据水平方向和垂直方向划分所构成的辅助线，设计会进行得非常顺利。在界面设计中，九宫格这种类型的构图更为规范和常用，用户在使用过程中非常方便，应用功能显得格外明确和突出（图13、14）。
图13 九宫格构图
图14 九宫格构图应用功能会显得格外明确和突出
九宫格给用户一目了然的感觉，操作便捷是这种构图方式最重要的优势（图15）。
图15 九宫格给用户一目了然的感觉
九宫格看似简单随意，用好了同样能呈现出奇妙的效果。灵活运用九宫格辅助线区分出来的方块，在有规律的设计方法中找突破，做设计一定要注重这一点！在九个方块分配的时候，不一定要一个格子对应一个内容，完全可以一对二、一对多，打破平均分割的框框，增加留白，调整页面节奏或突出功能点和广告。各个方块不同的组成方式，页面的效果也会产生无数的变化。
我们可以看到，这样的版式同样可以使界面变得非常灵活、内容简单、信息明了（图16）。
图16 九宫格构图
2.圆心点放射形构图
生活中，最为常见的就是圆形了，眼睛是圆的，太阳是圆的，碗口是圆的，天也是圆的。在界面设计中，圆的运用可谓是点睛之笔。
圆是有圆心的，在界面中，往往通过构造一个大圆来起到聚焦、凸显的作用（图17）。
(https://www.daowen.com)
图17 放射形的构图
放射形的构图，有凸显位于中间的内容或功能点的作用。在强调核心功能点的时候，可以试着将功能以圆形的范式排布在中间，以当前主要功能点为中心，将其他的按钮或内容放射编排起来。
我们将主要的功能设置在版式的中心位置，它就能引导用户的视线聚集在想要突出的功能点上，就算视线本来不在中间的位置，它也能引导用户再次回到中心的聚集处（图18）。
图18 主要的功能设置在版式的中心位置
在界面设计中，圆形的运用能使界面显得格外生动，多数可操作的按钮上或交互动画中都能见到圆形的身影。因为圆形具有灵动、活跃、有趣、可爱、多变的特质。在界面设计中善于将圆形的设计与动画结合，能让整个软件鲜活起来。如再加上旋转围绕的动画，会让整个软件更有趣。界面中的圆形能集中用户的视线，引导点击操作，突出主要的功能点或数据，把产品核心展现出来（图19）。
图19 突出主要的功能点
3.三角形构图
这类构图方式主要运用在文字与图标的版式中，能让界面保持平衡稳定。从上至下式的三角形构图，能把信息层级罗列得更为规整和明确。
在界面中，三角形构图大部分都是图在上，字在下，阅读更为舒服，有重点、有描述（图20-21）。
当然还有许多构图方式有待大家慢慢地观察和积累。
图20 三角形构图
图21 图在上，字在下
图22 创建思维导图
