UI界面的常见构图类型，本节将为读者讲解5个常见的界面构图类型，不同功能的页面需采用不同的构图类型。
1、井字形构图
井字形构图是将画面分成9个大小均匀的格子。在设计界面时，这种构图常常用于以分类为主的页面。这种类型的构图非常规范，只要在设计时以横向和纵向的辅助线作划分，就能很好地进行设计。井字形构图最大的特点是操作简便，功能突出，非常适用于功能分类类型的页面，让用户对页面类别一目了然。
井字形构图并不仅可以将每个格子对应一个内容，也可以将多个格子组合为一个整体，打破平均分割的框架。适当增加留白，不仅能突出重点功能或广告，还能给页面增加许多变化，视觉上会更加生动，不同的组合方式能给用户带来不同的体验。
通过这两种组合，可以发现井字形构图的组合方式非常灵活，且每个格子的大小也不需要完全一致。通过组合，用户能很快掌握界面信息，且让版面看起来更生动活泼。
2、三角形构图
三角形构图可以让画面显得平衡、稳定，常用于文字和图标的版式设计中。三角形构图大多是图标在上、文字在下，从上而下的构图方式，能将信息展示的更加整齐和明确。这样用户在阅读页面时，会觉得有重点，且较为舒适。
在个人信息界面的设计中，三角形构图是比较常见的一种类型。上方的头像和用户名明确页面的内容，下方的常用工具图标则是快捷设定相关信息的通道。
在一些登录界面中，将Logo或是图标放在界面的上方，而输入框则作为核心放在界面的下方，同时也是整个界面的中心，加强了用户对产品的理解，方便用户操作。
3、放射形构图
放射形构图是将重要的内容放在中心，以凸显其重要性，放射形构图常以圆形的方式进行排列，将重要的内容放在中心的大圆中，其他内容放在周边的小圆中。中心的大圆会将用户的视线聚集在此处，大圆中内容即是页面的重要内容
在界面设计中，灵活运用圆形和动画的结合，可以让整个画面鲜活生动。界面中的圆形能集中用户的视线，引导用户进一步点击操作，突出功能和数据。软件界面使用圆形放射形设计，可以让用户感觉更智能。
在Banner(横幅广告)中也可以运用放射形构图。使用放射形图案为背景，让用户的视觉集中到中心位置的文案主题上。
4、折线形构图
在设计页面时，对用户视觉移动方向的预设是非常重要的。当页面中的构图可以流畅的引导用户浏览，就能让更多的用户观察到核心产品的卖点。
用户的浏览习惯多数是从上到下或从左到右，因此按照这个规律去安排视线轨迹，用户在阅读页面时就不会很吃力。如果一个页面的视线轨迹做得不好，不仅会让用户找不到需要看的重点，还会使其产生厌烦情绪，减少对页面的浏览量。
折线形构图就很好地引导了读者的视线，将需要表现的内容放在转角位置，这个位置用户的视线会停留得更久一些，这样用户就能更多地了解产品的信息。
很多产品展示类的页面都采用折线形构图，如飞猪App的首页旅游产品展示，将图片和描述形成双排折线形构图。这种排列方式增强了画面的穿插感和灵动感，让图片处于视线的转折处，增强了画面的节奏感。
传统的左右排列容易使用户视觉疲劳，错落有致的双行排列可以让画面看起来不会那么死板。
除了这些页面类型，在闪屏页也可以用折线形构图，图文穿插的布局增加了画面的层次感和动感。
5、直角形构图
直角形构图常用于Banner设计中，产品主图位于竖向的边，文字位于横向的边，两者形成类似直角的效果。
文字部分可以分为主标题和详细描述两部分，用不同的字体和字号进行描述，形成一定的层次感。
直角形构图在Banner设计中可以分为两类，一类突出文字标题，另一类突出主图。突出文字标题的Banner会让主体更加吸引视线。
突出主图的设计要充分利用画面的指向性。以人物为主的主图设计，可以将文字部分放在人物视线的方向，增加产品的引导性。
以产品为主的主图设计，可以通过产品的展示方向引导用户视线，不仅能让用户快速关注文本信息，还能加强用户购买的欲望。
