UI设计的构图方式有：

九宫格构图

圆心点点辐射状构图法

三角形构图

SF字型构图法

一、九宫格网格图构图法

这类样式关键应用在归类为主导的一级网页页面，具有作用归类的功效。

一般在页面设计中，大家会运用网格图在页面开展合理布局，依据水平方向和竖直方位区划所组成的等分线，设计方案会开展得十分成功。在页面设计中，九宫格这类种类的构图法更加标准和常见，客户在应用全过程中十分的便捷，运用作用会看起来分外的确立和突显。

怎样拿下页面设计之构图法篇 三联

九宫格给客户一目了然的觉得，实际操作方便快捷是这类构图方法最重要的优点。

九宫格看起来简易随便，用好啦一样能展现出奇特的实际效果。

熟练掌握九宫格等分线区别出去的格子。在有规律性的设计方法中找提升，做设计方案一定要重视这一点!

在九个格子分派的情况下，不一定要一个方格相匹配一个內容，彻底能够一对二，一对多，摆脱均值切分的圈圈，提升留白艺术，调节网页页面节奏感，或突显作用点或广告宣传。每个格子的不一样构成方法，网页页面的实际效果也会造成成千上万的转变。

二、圆心点点辐射状构图法

日常生活，更为普遍的便是环形了，双眼是圆的，太阳是圆的，碗也是圆的，天也是圆的。在页面设计中圆的应用可谓是亮点。

圆是有圆心点的，在页面中，通常根据结构一个小圆来具有聚焦点、突显功效。

辐射状的构图法，有突显坐落于正中间內容或作用点的功效。在注重关键作用点的情况下，能够尝试将作用以环形的现代性排列到正中间，以当今关键作用点为管理中心，将别的的按键或內容放射性编辑起來。

大家将关键的作用设定在样式的中部位，就能正确引导客户的视野集聚在要想突显的作用点上，即使视野原本没有正中间的部位，也可以正确引导客户再度返回管理中心的集聚处。

在页面设计中，环形的应用能使页面看起来分外栩栩如生，大部分可实际操作的按键上或互动动漫上都能看到环形的影子。

由于环形具备动感、活跃性、有意思、讨人喜欢、变化多端的特性。在页面设计中擅于将环形的设计方案与动漫融合，能让全部手机软件新鲜起來。

如再再加上转动紧紧围绕的动漫，会让全部手机软件新鲜起來。页面中的环形能集中化客户的视野，正确引导点一下实际操作，突显关键的作用点或数据信息，把商品关键呈现出去。

圆心点点辐射状的设计方案，会使手机软件觉得更加智能化系统，宽容润街。

假如要反映的作用点比较简单，仅有好多个作用按键的情况下，可试着这类小圆的展览设计，突显最重要的作用，随后列举并排出来别的的作用点。这类方法十分好用，就和画关键一样，标出最重要的数据信息。擅于应用小圆构图法，能扛起全部界面，让页面圆滑而圆润。

三、三角形构图

这种的构图方法关键应用在文本与标志的样式中，能让页面保持稳定平稳。从上至上式的三角形构图，可以把信息内容等级列举得更加整齐和确立。

在页面中三角形构图绝大多数全是图在上，字在下，阅读文章更加舒适，有关键有叙述。

那时候在设计方案儿童卫士商品信息内容设定页时应用到三角构图与环形构图法的融合。将休重标尺制成可拖动实际操作的方法，而卡通形象设计来突显设定的目标及这一网页页面的作用。

四、视野在页面中的构图方法(SF字型构图法)

在设计方案实践活动中，怎样正确引导阅读者视野，对提高客户体验有关键功效。好的构图法视野规律，可以得到十分舒适的阅读文章感受。而乱七八糟的构图法，通常让客户厌烦。

在开展页面设计的情况下，对客户的视觉效果挪动方位的预置是十分关键的。在页面中添加更加畅顺的构图法设计方案正确引导客户视野挪动的原素，就能使客户大量的观查到商品的关键和商品的产品卖点。

视野流动性的运动轨迹更多就是是以上到下从左往右挪动，假如不可以紧紧围绕那样的视野运动轨迹开展排版设计，客户在阅读文章的情况下会越来越很费劲，找不着关键，使客户造成抵触。因此在页面设计中分外*须留意这个地方。如今页面一般是左右拖动的，搞好视野正确引导，能够大大的减少客户的压力与阅读疲惫。

页面中最基本的是S形视野构图法

在页面中如何应用S形视野构图法呢?

S形视野大家都懂，关键是怎样应用好S形视野来把握住客户目光。

*大家看一下视野的运动轨迹，在视野拐角处视觉效果运动轨迹更为聚集，访问更加集中化在转换的地区，视野转折点的地区等待时间最多。因此大家应当把关键的要想突显的商品或作用放到这方面，那样更非常容易让客户记牢商品的产品卖点。