不懂UI界面构成元素，再抄也是东施效颦

很多同学在制作UI界面设计时会认为UI设计很简单，不用太注意细节。然而一份好的作品往往是细节论成败。这种细节，很大程度上从你对UI整体的把控和细节处理效果上能够呈现出来。今天我们来一起看一下，一份精致的UI设计有哪些不可忽略的因素。

本期主讲老师

▼

首先，设计一套整体的UI系统是不容易的。不论是从逻辑上还是画面效果上思考，都要对设计的可扩展性，一致性和连贯性进行全面的分析和研究。

在草稿的整理这部分，一般有几个常见的方式可以供我们选择，线框图，顾名思义就是纯粹用线勾勒而成，但在现在激烈的作品集竞争中，线框图已经不足够抓住考官的眼球了， 因此我推荐学生使用去色稿或色块稿来完成草稿的制作。它画面效果完整，逻辑清晰，同时可以展现你想要表达的个性。

图片展示：色块稿

接下来是内容方面的整理： 排版，网格系统，颜色，效果的选择与创作。

首先是字体的选择，每个字体都有自己的风格和术语。因此在选择字体时切忌“我觉得这个好看因此我使用它”。

同时要考虑到清晰性和可读性。字母与字母之间的距离，行列之间的空隙，都要利用有限的空间将它们协调好，从而达到视觉上最大的观看舒适度。

基线网格，也就是帮助你划分区域，整理界面的一种工具。大部分有“混乱UI界面”问题困扰的学生，问题多在于此处。它会帮助你把界面等比划分为柱状界面，帮助我们定义页面的水平节奏与平衡。 我们通常将界面分为12个等面积等距离的柱状图。KHOI VIHN的FOR WEB DESIGN一书中也提到了有关此处的知识。 具体画面如下图所示：

颜色的择取上是十分关键的一步。同样的，不同的颜色也代表着不同的含义。 我们可以看看在现有的品牌中，它们都选择了哪些颜色来代表自己的目的与意义。

在上图中不难看出例如惠普，戴尔等电子类产品都选择了蓝色，它代表信任，可靠的，强大。它们希望能把这种理念通过颜色第一时间传达给客户。因此，各位同学在制作自己的设计时同样要考虑这些因素。另一个很重要关于颜色的因素是，封面。它是帮助，引导用户进入关键的用户界面的关键区域。

如上图所示，一个好的封面设计可以牢牢抓住用户的眼睛和好奇心。 从布局，到颜色，到设计流程安排，再到最终展现，整个画面干净，宁和，符合品牌形象。一个良好的开端才能促成未来有可能会实现的成功。