【UI设计】UI界面设计扁平化插画风格设计方法

首页插画的应用

界面首页是手机APP页面中的“颜值担当”，APP首页往往对受众产生先人为主的影响，这种直观印象极大影响了APP的后续使用。一幅充满创意、夺人眼球的首页插画让人们得到感性认知的同时，能够最大限度地激发受众的好奇心和求知欲，提升界面设计的“印象分值”。

在首页界面设计中采用了能够吸引用户的最佳扁平风插画，在最短时问内给用户以视觉冲击力，能够更加直观地展示APP的整体风格和中心主题。插画内容与对应主题存在关联性，会根据文字的主题进行设定，色彩也很符合文字表达的场景，使得整个手机界面设计更加优美和谐。精心设计的插画往往比文字更具有视觉冲击力，能够有更强的感染力。

在首界面的设计中，呈现的信息选择以卡片化的模式显示内容直截了当，能够快速接收关键信息。尤其是图标在首页的应用，在APP界面设计中，用户首先看到的往往是页面上的图标。前期调研发现，大多数用户喜欢简单抽象的几何图形，图形在展示丰富的信息方面比文字更具优势，也更容易让用户识别与理解。

引导流程的应用

通常当新用户首次安装打开手机APP应用软件的时候，为了降低用户互动过程中可能存在的摩擦，用户界面会呈现一系列的引导说明页。它的作用就是希望用户在未使用软件之前便能够在最短的时间内，了解到APP应用程序的主要功能、操作方法和特点，能够快速上手，开始体验应用程序。

但是用户在实际的使用过程中，会存在一个普遍现象，在浏览引导页的教程信息时，会直接点击跳过引导页，忽视所提供信息的帮助性与有效性，从而导致在使用过程中的操作问题。由于界面乏味单调的首因效应影响，使用户在体验过程中产生了倦怠。

因此在APP引导页的设计中，运用文案与扁平风插画组合的设计形式是一个很好的选择，是吸引用户的重要原则，能够在有限的页面中将信息元素清楚且有效地传达。将扁平风插画作为主导元素贯穿于用户教程，在很大程度上破除了界面引导方式的同质化问题，精心设计的插画比文字更具视觉冲击力和情绪感染力，传达的氛围感更加浓厚，更能体现APP设计者的匠心独运和对用户的人文关怀。

空白页的应用

空白页，顾名思义就是空白的页面。空白界面是uI设计中极易被忽视的细节，但重要性极高，好的空白页设计不仅能给初次使用APP的用户起到指引的作用，还能诠释各种异常状态、提升转化率和用户活跃度。在手机APP使用过程中，出现空白页主要有两大原因：数据缺失+网络异常，这犹如给情绪高涨的用户泼上一盆冷水，极易造成情感落差和情绪失落等负面情绪。

在这种情况下，优秀的空白页设计能在空数据或者意外情况下改变“简单归因”思想，提高产品的存留率。空白页就像一粒缓冲剂，当页面没有内容或出现网络异常时，需要界面设计挽留用户并指导用户解决问题，这就要求空白页兼具教育用户、取悦用户、引导用户的功能性。

空白页设计需要达成的第一效益：告知用户界面出现问题。这就要求文案设计在简洁、易懂的同时具备趣味性。以网络异常为例，相较于“网络异常”这种平铺直叙的表达，“网页君搭乘404航班去追寻诗和远方了”的文案设计更加俏皮可爱，带给用户轻松舒适的使用体验，无形中消解了负面情绪，在会心一笑中检查网络设置。

空白页设计的典型性场景主要包括：数据加载中、网络异常、页面内容缺失。空白界面的品牌性、幽默性和人文性能够使APP更有特色，更具质感，从而更好地提升用户体验，达到取悦用户的效果。

空白页的设计是非常必要的，它的意义在于给用户以解释说明，并引导用户行为，减轻认知负担。空白页是设计师发挥创意的最佳表现形式，插画富有情感的表达方式有效缓解了用户看到空白页的焦虑，是帮助用户赶走枯燥的利器，使原本单调乏味的空白页给人以生动有趣、耳目一新之感，让用户更加有动力去执行之后的操作，不失为一款好的手机APP产品。