扁平化风格在APP设计中的应用研究

潘飞

随着互联网的蓬勃发展，数字终端界面设计越来越引起商家和受众的共同重视。笔者介绍了当下广泛流行于数字终端界面设计领域的扁平化设计风格，对其设计方法进行了探索和研究，以期更好的为此种设计风格在设计领域的应用和创新奠定基础。

扁平化风格是近年来新媒体设计界兴起的一种流行趋势，它是设计师们长久以来对艺术表现手法的一种共同探索，也是时下的社会思潮，生活方式在艺术设计领域和交互设计领域的一种直观体现。它既指那些具体简明现代感十足的的符号设计，又是指在界面设计上体现极简抽象，突出互动核心在于功能本身的界面设计思想。在视觉表现上，它弱化视觉透视，降低了光影纹理材质阴影对设计的影响，将界面设计回归到艺术的根本，图形和色块。它在交互领域主要体现在易理解，易操作，易用性和简单化上。

扁平化与跨平台设计

近年来在当下技术条件和设计风潮的共同引领下，扁平化风格得到推广。扁平化可以适应目前各种显示设备。移动手机端产品层出不穷，更新换代迅速，以iPhone 各版本的显示大小为例，第一代、第二代、第三代iPhone和iPad Touch是480px×320px，iPhone4～iPhone4S为960px×640px，iPhone5、5C、5S为640px×1336px，iPhone6s为750×1336px，iPhone6Puls为1080px×1920px，从手机到平板，再到最近热起来的4k电视，设备之间有着很大的ppi跨度。消费者对硬件的需求也是各有所好，如何让APP应用更加方便的存在于各种设别，实现共通，成为设计师和技术人员共同的难题，而扁平化很好的解决了这一问题。纹理，阴影，高光材质，这些以往会耗费设计师大量的时间和精力，制作效率不高，而且越是设计复杂的效果，文件占用空间越大，明显违背多数互联网用户追求小巧，快速，便捷应用的心里，扁平风格的应用成为了必然。

扁平风格的优势

扁平风格视觉上给人简单大方的印象，好像就几个色块。这种设计风格，主次分明，易于识别，图形化的界面分割能显著提高阅读效率。它简约却不简单，没有多余的设计元素，能够让视觉上简明清新，交互逻辑上直接了当，一步到位，信息传达能力强。对用户来说它可以更加简单和直接的将信息提取出来，更加容易的理解APP应用的操作方式，减少认知障碍的产生，通过APP提供的服务为生活提供便利。

APP设计中扁平化设计方法探究

1.设计理念上受到简约主义影响，以简约主义为出发点

扁平化风格的根源要追溯到上世纪包豪斯的简约主义，包豪斯的代表人物密斯.凡.德罗就是这种风格代表人物。他提出的少就是多原则，追求简明的形式，单一的色彩和功能至上，对设计界产生了深远的影响。而日本平面设计师代表人物原研哉，很早就提出了将商品艺术化和意境化的展现，他的作品《地平线》更是书写了一种还原本质的设计方式和简洁简约的艺术美学特征。极简主义的美术风格和当下互联网领域的设计潮流不谋而合，它是设计思想在新媒体时代大潮的传承和发展。作为UI或UE设计师在整理自己的设计思路时，可以多研习同简约主义有关联的艺术品和商业品牌，从中吸取设计思想和灵感，通过这种途径提升设计品质。

2.秉持视觉一致原则

APP设计需要一致性的设计风格和设计模式，为用户建立起完整一致的模型，提升使用体验。应用统一的网格风格为界面设定视觉规范，使用户可以根据内容本身界定出的路径移动，增强视觉平衡效果。在图标设计上，写实的图像很难表现抽象通用的概念，大量写实拟物的图标也让人在视觉审美上产生疲惫，因此需要统一视觉表现，降低光影纹理材质阴影对设计的影响。

当然，为了增强用户体验，除了考虑让应用简洁化之外，修饰元素的恰当应用亦是不错的方法。由于在视觉的条理性上，纯粹的扁平化不容易满足所有用户的视觉体验，在APP的测试版本中经常出现用户觉得趣味性不足，亮点缺乏的现象，这显然对APP应用的推广有不利的影响。修饰元素的适当出现并不会阻碍和破坏设计的整体性，如果把它的优势加以发挥，设计师能利用细节为用户提供简洁大方却又不失趣味的应用设计。

3.色彩设计扁平化的方式

（1）强调配色好感度

使用户产生好感和共鸣的配色，更能引发用户自发的去了解设计所要传达的意向。如在表现食品类应用时，好的配色可以激发人的食欲，促成接下来的购买行为。因此我们可以在表现活力的配色时，多搭配几种不同颜色，使用色相越多越能表现热闹活跃的气氛，而且高明度高纯度的色彩使用是比较常见的方法。设计若有需要取得用户接受和信任的需要，表现安心和信赖的色调一般会选择为暖色，而且用色不宜过多，我们可以运用纯度较低，明度适中的色调传递安心，温馨以及稳定感。另外高明度加少量灰色的设计能给人柔和安适的感觉。体现趣味性的色彩，一般是结合产品属性进行点缀和装饰，在色调上形成对比。

（2）通过色彩导引阅读和使用

通过对色彩位置的管理，方向和形式的把握和安排，可以达到让色彩自然的引导视觉流程的作用。例如在大面积黑白色调下，红黄蓝做成的图标可以打破画面的沉默感，指引用户下一步的操作。在需要突出画面中心的地方，跳跃的色彩使用可以自然的吸引用户，如大面积运用浅灰暗红等色的引导页中，一抹蓝色能很容易的抓住用户的目光。在需要利用色彩强调文字层级时，文字单一颜色虽有整体感，但毕竟过于沉闷，无重点和层次。如果用APP的色彩对文字进行划归和整理，可以立刻使页面层次分明，主次清晰。在色彩三大属性中，明度的强弱对视觉体验的影响最为显著。一般来说，高明度色彩比低明度色彩容易识别，强化对比可以强调主题。

（3）利用色彩引导消费

优秀的色彩使用可以在应用被操作时，给用户留下鲜明的色彩印象，提高用户转化率。APP设计者要保证商品的色彩与功能的一致，不一致的色调与产品容易导致消费者的混乱感。例如，APP如果是推广饮料的，我们可以用蓝色绿色等表现清凉解渴，如果用红色就会让消费者产生干燥炎热的感觉而达不到效果。其次，要根据目标用户，确保商品色彩符合消费者审美需求。如女性用户通常喜欢温暖明快的色系，而男性用户喜欢暗冷色系，教育程度高的人群比较喜欢淡雅的色彩，而表现卖场气氛的设计里，那些鲜艳跳跃的色彩更容易抓住用户。

4.扁平化的交互设计

用户在使用一个APP时，交互的易用性和界面的友好性依旧是其主要考虑。设计者对扁平化的理解不能单单停留在界面设计之上，界面设计要体现交互设计的思想。曾经有交互设计师，将用户比作没耐心，孩子气，不爱思考，坏脾气的庞大群体。如果仅仅是视觉界面进行扁平化优化，而交互使用依旧繁琐难懂，用户体验就会直线下降，用户转化率不足会导致设计失败。因此，界面的层级化就成了APP架构者反复思量的问题，交互设计要突出常见用例和核心功能的相关元素。当然任何一款APP应用的成功，除了优秀的界面设计之外，必然取决于功能实现的合理性。对用户来说，任何额外的操作步骤都会增加操作成本，增加功能的复杂性会降低用户体验。因此，为了识别出核心的用户需求，草图，线框原型的讨论和修改，需要经过反复的调查实验和论证，以求达到简单和有效。

结语

可可·香奈儿说过：“时尚易逝，风格永存”。扁平化作为当下的设计潮流依然有很多可探索和研究之处，在探索扁平化风格在APP设计领域的过程中，我们要辨析哪些方法和原则能为设计师形成设计风格提供养料，哪些形式和内容是对原来设计领域的改造和创新，进而对将来的设计风格进行探索。只有这样，才能设计出符合现代审美，符合时代需要，真正能为用户提供便利的APP应用。

（作者单位：浙江理工大学艺术与设计学院）

作者简介：潘 飞（1989-），男，山东枣庄，研究生，浙江理工大学艺术与设计学院，研究方向：视觉传达设计。