UI 设计中可借鉴平面设计技巧（板式设计篇）

2017-03-29 17:40:00

UI设计是随着智能设备的飞速发展、互联网行业的发展以及农林牧渔传统行业的急于转向而兴起。主要是企业对移动设备交互界面的重视。在企业越来越重视界面设计的今天。传统的平面设计能为现在我们的UI设计提供哪些参考呢，我们能从中借鉴的技巧有哪些？今天就从板式设计说起。

板式设计

在UI设计中板式设计不言而喻是非常重要的。板式设计就如同盖房子先要搭好框架一样。一款APP视觉呈现是不是符合商业性并兼具审美。其中的板式设计是其核心。而在平面设计中板式设计也是一个作品的核心。平面设计长时间的发展积淀了相当多实用的技巧和方法。

一、形势方法

板式设计中形势方法指的是、画面的表现方法和原理。说白了就是画面要出什么效果就用什么表现手法而已。平面设计中形势方法可以分为。虚空留白、比例适度、对比调和、变化统一、变异秩序、节奏韵律、重复交错、对称均衡等。今天我们举例分析一下前四个。

1、虚空留白（适合现在极简设计风格）

这种板式设计主要是突出主题，给人以轻松愉悦的感觉。适合文艺范的和有逼格的app界面使用，能够营造出高品质的界面风格。但是如果一旦运用不得当容易出现界面空或单调的感觉。

2、比例适度（协调UI中各部分内容）

平面设计中所说的比例适度主要是整体和部分的协调，采用合理的比例方法，如：黄金比例、等差等比。去协调各部分的关系使各部分要素产生联系。在UI版面布局中正是需要调节和有机的组合各要素在有限的界面里的合理性。

3、对比调和（UI中信息层级的表现）

对比调和在平面设计中是经常用到的，整体版面要调和，局部版面要对比。对比是强调主次关系。对比调和用到UI设计中可以做到设计内容在主次关系的层级化。在统一调和的界面里又充满了对比的小情调。这正是平面不平之所在，也是一个优秀的界面所必备的。

4、变化与统一（是UI突破同质化的一种方法）

变化与统一是形式美法则的总则。是其他方法方式的一个总结。变化所说的就是在设计中要有所创新不能总墨守成规，统一是设计要做到视觉上的愉悦而不是虽然有局部吸引人的眼球但是整体一看却是辣眼睛。变化和统一也许是突破现在APP同质化的一种方法。在现在APP同质化严重的情况下我们能做到APP的风格统一又不墨守成规寻求变化才是营造自己风格的一种方法。

这些平面设计里的形式美法则在UI设计中同样受用。这些表面形式在做banner图构图和创意上也特别有用。

二、板式设计基本类型

板式设计的基本类型有特别多。我们这里着重分析其中对UI设计最有帮助的骨骼型、左右分割、曲线型、满版型这几个基本类型。

1、骨骼型（类似网格构图）

这里说的骨骼型就是在板式构图中，进行横竖向的分栏。能容严格按照分栏排列。版面效果沉稳厚重，井然有序，如果横竖分栏交叉排列还可制造灵动活泼的版面气氛。非常类似网格构图的方法。在UI设计中也很受用，可以很好的规范个元素的位置。（如果你对目前的界面设计一筹莫展，不妨可以试试这种方法）

2、左右分割型（瀑布流）

左右分割不外乎就是把版面左右分开在配之以图文。在UI中的应用是随着扁平化卡片化的兴起，在移动端界面尺寸的限制下，开始进行了信息的分割处理。横向的卡片式布局使得一屏内所看到的信息受到了极大的限制（不利于用户体验，卡片式并非万能）。所以就应用的左右分割的布局。左右分割有利于信息的呈现，可以与瀑布流结合。