UI设计必备的版式技能

一．版式组成

1. 主体：视觉焦点，主导着整个设计（可以是人/物/文字/图片），整个版面最吸引人的部分，相当于主角的作用。

2. 文案：对主体的辅助说明或引导，毕竟有时候我们放一只小狐狸在旁边，用户也不能准确的知道它在说什么，配角的作用。

3. 点缀元素：装饰元素，可有可无，具体根据版面需要；好的点缀元素能够渲染气氛，大部分的点缀元素遵循三角形原则，类似下图中的云朵，群演的作用。

4. 背景：可分为纯色/彩色肌理/图片/图形等。

二．构图平衡

在设计中，平衡是实现统一的一条重要途径。如果上面所说的元素组合起来处于平衡状态，那么这个设计看起来就是统一的，就会给人一种整体印象。因此，平衡是视觉传达设计的一个重要方面。版式平衡总共有3种分类，分别是：对称平衡，非对称平衡和整体平衡。

1.对称平衡

对称是同等同量的平衡，对称式设计是一种静态的，可预见的，讲求条理和平衡布局的设计。对称构图相对比较易于创建，特点是稳定，庄严，整齐，安宁，沉静和古典。

2.非对称平衡

非对称在不对等的元素间创设出秩序和平衡，非对称设计由于版式不可预见，所以空间是变化的。特点是动态的，灵活的和富有活力。非对称构图比较多，常见的有以下6种形式。

对角线构图：

文案摆放在版面的对角线方向，一方面避免了司空见惯的居中版面，一方面给中心主体留出了更多的创作空间；另外中心的图形也可以是对角线的设计，这样会让整个构图看起来比较平衡。

发射状构图：

点缀元素围绕中心的文案或者图形发射，这样的构图会让中心的视觉容易聚焦，视觉冲击感会更强烈。

像电商大促活动，淘宝和京东等等会经常用到使用发射性构图来营造大促活动的热闹火烈程度。

中心构图：

这是我们最常见的构图之一，文案和主体居中页面，注意的是位于版心的主体要尽可能的出彩，利用设计技巧吸引读者的眼光，这样才能避免破平淡乏味。

S形构图：

文案或者图形放在线条转折的地方，整体呈一个s形。另外线条的起点和重点也同样是读者容易关注的地方，可以放一些重要的信息。这样的构图灵活，有趣，而且可以引导用户沿着s形轨迹阅读信息。

学UI，来兴元UI交互设计师培训班。

课程安排：移动端UI，交互逻辑用户体验，图标主题，AE动效，前端代码实现，就业指导，艺术表现，设计提升

就业方向：平面设计入门/网页设计/UI设计师/UE设计师

就业目标：优秀的UI设计师不仅仅能画标，懂得了解用户需求，提高界面使用感受，交互逻辑思维，而且要知道为什么设计。

回归UI设计的本质，创意与艺术是驱动设计的核心点，UI设计师还有很长的路要走，不断提升自己，进入中高阶设计师的阶段!你今天开始学习了吗?来兴元，遇见更好的自己。

何关于相关专业的问题想要知道都可以联系我，上元教育欢迎您的咨询，一定知无不言，言无不尽！

咨询地址：苏州工业园区新平街388号腾飞创新园A座9楼 6楼

联系人：小吴老师联系方式：18915523323