智能手机图形界面的扁平化视觉设计
【摘 要】 文章分析了智能手机图形界面平面化视觉设计的现状、特性与扁平化视觉设计的优势，认为智能手机图形界面的扁平化视觉设计原则是极简化、抽象化和愉悦感，并从文字、色彩及图形三个方面探索了智能手机扁平化设计的视觉元素，以期为业界提供一些参考。
【关 键 词】智能手机；图形界面；扁平化设计
【作者单位】王青嵩，聊城大学美术学院。
扁平化视觉设计最初的概念是由Google提出的，英文名为“flat design”。扁平化概念是去除冗余、厚重和繁杂的装饰效果，在图形界面设计中，以符号化、抽象化和极简化的图形为主，去除如阴影、渐变及纹理等用于装饰作用的部分，使视觉效果更直观，更干净利落，同时能够快速传达信息。目前，扁平化视觉设计运用得最成熟、最系统的是微软公司的windows8界面与苹果公司ios7.0以上的系统界面。除此之外，网页设计、多媒体电子书、手机及其他的界面设计也大多开始采用扁平化视觉设计。现阶段，扁平化视觉设计的理念在智能手机图形界面中的使用还没有得到充分的开发，本文针对智能手机图形界面中扁平化视觉设计进行探讨应该具有一定的创新意义。
一、当代智能手机图形界面中扁平化视觉设计的发展状况
日常生活中我们经常会听到“扁平化设计”这个词。在电脑网页和移动设备终端中常会采用扁平化设计风格，如网页设计、板式设计和logo设计等。在智能手机图形界面中，扁平化视觉设计相对成熟的是Aandroid系统和苹果公司的ios7.0以上系统界面，其整洁有序、风格统一的界面设计得到了用户的一致好评。不过，在智能手机图形界面设计中也出现了大量滥用扁平化设计的状况，为了达到扁平化的视觉美观而忽略了用户体验的现象屡见不鲜，因此导致智能手机操作不便与交互困难的情况时有出现。针对扁平化视觉设计的认识和理解，无论是学术界还是设计界都存在很大的争议，网络上对于扁平化视觉设计的讨论也非常激烈，但观点都是从自身体验或是单一的角度去理解，缺乏系统论述。摆脱对扁平化视觉设计的偏见，理解扁平化视觉设计的精髓，灵活运用扁平化视觉设计的元素语言，是当今设计实践与学术理论十分重要的一个问题。
二、智能手机图形界面的特性与扁平化视觉设计的优势分析
智能手机图形界面设计相对于其他用户界面的形式而言更具有自己的独特性，设计者必须熟知智能手机图形界面的特性，才能更快地去研究和开发。通常而言，智能手机图形界面有以下几种特性。（1）数字技术化。智能手机图形界面是利用二进制进行编码从而实现数字技术化的，它将声音、文字和动画等转换为数字，由此进行手机终端的信息传输。（2）信息图形化。智能手机图形界面将图形、影像和声音等视听元素以信息的方式反馈给用户，图形不受限制，多种形式的图形信息交流使得人与人之间的交流更加便捷。（3）交流互动性。《数字化生存》一书中将电子移动设备称为“互动的多媒体”，用户通过单指或者多指操作而获得智能手机图形界面的反馈，还可以通过其他的命令按钮去操作，达到一种良好的人机交互的效果。（4）直观操作性。智能手机已经摆脱了键盘而采用手指触碰的设计，电容触摸屏幕已经成为智能手机的必备配置，用户可以直接用手点击屏幕操作，达到发布命令和接收信息的目的。
在网络时代背景下，大众对智能手机、平板界面的视觉设计提出了新的需求，对图形的概括和识别的能力也在不断提高，大众对于图形界面抽象化的审美需求也更加强烈。从这一点来说，扁平化视觉设计在极简主义的模式下就很符合人的需求，能够在短时间内完成视觉体验与人机交互，更适合当今快节奏的生活，同时也满足了用户准确有效地浏览自己所需资源的要求。扁平化视觉设计在智能手机图形界面中的运用，呈现出自己独特的优势。（1）良好的隐喻性。这里的隐喻性是指用一种物体来代替另一种物体的修饰方式。良好的隐喻性使得智能手机图形界面在设计中得以简化一些流程，使其具有易于识别、易于记忆、易于跨文化理解、易于提升程序的运行效率等作用。（2）方便用户使用。扁平化视觉设计以方便客户为主，设计时采用高强度的对比度方法与加大选项颜色或者字体的方法，给用户更好的视觉体验。（3）符合用户的心理需求。用户可以通过界面提示的信息进行操作，扁平化视觉设计师常在界面设计中构造符合用户的心理模型，加强了信息传达的准确性。（4）整体一致性。设计的整体性与一致性让智能手机图形界面设计中不同的图形、模块与文字等最大可能地保持了与外观的一致性和整体的风格，同时让功能性与操作本身达成一致。
三、智能手机图形界面的扁平化视觉设计原则
1.极简化
在扁平化视觉设计中最容易提起的就是“极简”一词，指的是智能手机图形界面设计中应该采用最简洁的设计来表达出最多的信息，并且让使用者在最短的时间内寻找到自己所需要的目标和资源。苹果公司首席设计师很早就提出智能手机应该使用极简的设计方法，而所谓的极简是抛弃冗余与繁杂的装饰品，将复杂变成简单，将无序变成有序。设计师要清楚而明白地理解用户的需求，能够恰到好处地将不同的元素安排到合适的位置，突出信息的明确性，如此有助于加强用户的体验性，让用户加快获得所需的信息资源。
2.抽象化
扁平化视觉设计是以方便客户的使用为主的，因此智能手机界面设计中应该注重提高客户的使用体验。扁平化视觉设计要求设计师不仅具有高度概括的能力，同时也应当具有处理图形、色彩及文字之间关系的能力。优秀的扁平化视觉设计作品即使在没有装饰效果的情况下依旧能达到良好的直觉导引作用和效果。在智能手机界面设计的过程中，应该使界面设计上的质感变得更抽象化，能够将光线、三维等基础元素放在一边，把客户使用过程中所获得的涉及虚拟与现实的体验进行区分。可以采用集合图形，如圓形、正方形和三角形等，经过加工变形后形成高度概括的抽象化图形，给人一种扁平的视觉感受，而不是凸凹感与可触感。也可以采用字体的抽象化，这种方法可以提高界面的趣味性和视觉辨识度，也可以增加界面的整体性和节奏感，同时通过字体的排版还能减少视觉疲劳感。
3.愉悦感
智能手机界面是机器与用户之间交互的最直接的层面，界面设计的好坏直接影响了用户对手机的第一印象，而且良好的扁平化视觉设计的界面能够给予用户一定的指引作用，引导用户完成相应的操作。可以说界面如同人的面孔一样，具有吸引用户的直接优势。设计合理的界面能够给使用者带来愉悦的心情和成功的喜悦，反之则会令使用者产生厌烦感，甚至会产生挫败感。康纳德·诺曼在《情感化设计》中说：“美丽、乐趣和快乐共同作用会产生愉悦的感觉，愉悦是一种积极的情感状态。”这说明在智能手机图形界面中，扁平化视觉设计不能仅将功能设计作为焦点，还要考虑到用户在使用过程中的心理体验，因为优秀的设计能够使用户产生愉悦的感受。人性化的交互设计在于人在使用机器时能够产生愉悦、轻松的感觉，并且能够直观与有效地获得信息。如今客户越来越重视个性化与自我风格，故而智能手机界面设计应主要体现出图形界面设计的细腻性和丰富性。
四、智能手机图形界面中扁平化视觉设计的视觉元素
随着智能手机图形界面设计越来越复杂多变，设计者也会根据产品定位与市场需要推出不同的设计风格。扁平化视觉设计在智能手机图形界面中可谓是大行其道，越来越多的设计者也开始使用这种设计方法。智能手机的视觉效果可以通过文字、色彩及图形的设计来决定，这些元素的组合搭配又可以称之为“版式设计”。优秀的版式设计是扁平化视觉设计的前提，同时也是展示智能手机信息的重要表现形式。优秀的扁平化视觉设计不仅具有视觉的指导性，而且也能有效地传达信息。在智能手机图形界面设计中只有将文字、色彩及图形合理地搭配起来，才能实现功能美与形式美的统一，才能生产出令人舒适而愉悦的产品。
1.扁平化视觉设计中的文字元素
（1）文字符号化
文字不仅是人类在生活中用于信息传达和交流的最普遍的视觉识别符号，而且也是智能手机图形界面设计中实现视觉传播的最直觀最有力的手段。作为一种信息传达的符号，文字所传达的语义信息非常直观而且容易被人认识和理解。文字元素在设计中的首要功能就是表达，即将信息内容传递给使用者。不过，由于使用者对文字信息十分熟悉，因而如果是单纯的文字形式，会让使用者降低对文字的注意力，从而影响了文字信息的传达。因此，文字元素作为造型设计中的一个极其重要的组成部分，尤其是在智能手机图形界面中扁平化的视觉设计中，除了让文字表达字本身的意义和辅助说明，更多的应当是将不同文字的个体和文字的组合形式作为视觉形象设计传达出来。文字在技术层面和语义层面具有相辅相成的关系，在智能手机界面设计中，文字的字体及排版，相当于文字的辅助信息传达方式，这能够使得信息更加有效地传达给客户。
（2）文字图形化
智能手机图形界面扁平化视觉设计的主要目的是为了传达信息，文字则是传达信息的主要媒介。从文字的发展史中我们可以知道，文字发展的原始形态就是为了传达信息的图形符号，其本身就具有构成和编排的特点，同时也可以将其看作图形组成的一部分。《中国文字学》中指出：“文字本是自然地产生，古代的象形文字就是直接根据物体的外形加工而成的文字符号。”科技的发展改变了文字的书写与字体的规格，打破了文字原有的版式布局，从而使文字所具有的图形化表现得更加多样和突出。随着读图时代的来临， “读”走向了“看”，文字传递信息已经远远超过了原有的阅读性，也远远超出了“信息”的范畴，文字被注入了新技术与新概念。因此，通过新的编排与构造，可以使文字的内涵和形式更加突出，最终实现信息的交流与传递。
2.扁平化视觉设计中的色彩元素
（1）色彩符号化
马克思曾说：“色彩是最大众化的审美因素。”人的视觉器官对于色彩是最为敏感的，在界面设计中更是如此。色彩是图形外形最为明显的外部特征，它暗喻着某一手机、网站及软件的内容与性质。在智能手机界面的设计过程中，色彩不仅能够对使用者产生引导作用，而且也会影响用户的心情和心理，因此，色彩运用的好坏直接关系到界面设计的成与败。色彩具有美化性和装饰性，同时也积淀了感性与理性等多方面的因素。色彩的设计效果会引起用户的联想和记忆，也能引起他们情感上的共鸣。一般来说，界面设计普遍倾向于纯洁与优雅的视觉效果，在色彩选择上常常偏向于明度与饱和度较高的色彩，而在扁平化视觉设计中，设计师则更加趋于大胆，会利用不同的色彩撞击给设计带来无限可能，使界面设计更加具有愉悦性和趣味性。扁平化视觉设计中的色彩所具有的视觉敏感度，能够引起用户的注意，同时诱导智能手机用户对其进行选择和使用。
（2）色彩构成化
色彩的三个基本元素是明度、纯度和色相。扁平化视觉设计中通常采用色彩的明度来呈现出信息的层析关系，用色相来表达信息的差别性，用纯度来区别应用程序与前后台。色彩作为视觉设计中的基本元素，在扁平化视觉设计中更加强调的是通过色块的面积大小及数量的多少来表现不同信息的主次关系。目前，扁平化视觉设计中以色彩明快、色调丰富为流行元素，而且并不局限于色调的固定化，它可以使用不同的色彩，但为了引导和吸引用户对于界面的交互作用，设计师更加倾向于鲜艳的颜色。纯色在智能手机界面设计中也是首选，因为纯色能够与明亮或者灰暗的背景形成鲜明的对比，可以提高视觉冲击力。在扁平化视觉设计中，同类色也成为当下的流行趋势，比如可以用一单一色搭配黑白来创造视觉层次的效果。
3.扁平化视觉设计中的图形元素
（1）图形指向性
在智能手机图形界面扁平化视觉设计中，图形具有非常强的指向性。在日常生活中经常有这样的经验：高速公路上的指示牌基本上都采用扁平化视觉设计，当视线落在设计上会使司机在短时间内辨识指示牌所表达的内容与信息。同样，处于网络信息的环境中，用户也需要快速获取和反馈信息。智能手机作为移动网络的端口，其图形界面需要指向性的功能，而扁平化视觉设计则刚好具备了这一特性。
（2）图形抽象化
图形的抽象化能使信息表达得更清晰明了，让用户在较短的时间更加容易去识记和辨别。扁平化视觉设计中的抽象化是对事物外形轮廓的高度提炼与概括，抽象化并不是代表感性化，因为在智能手机图形界面扁平化设计中还通常利用文字和数字的结合来传递信息。这里的抽象化对设计师的观察和提炼的能力提出了新的要求——设计师既要了解对象外形的本质，又要巧妙地利用线条进行取舍，在外部轮廓与界线的强烈对比下，表现出物体本身的美感与对象传达的信息。图形的抽象化促使了图形符号化的产生，汉字的发展史同样经过了从抽象化到符号化的过程。图形符号本身是人类的共同视觉语言，一个图形符号能够解决不同语言、不同国家的信息交流。如今，智能手机界面图形已经呈现出符号化的发展趋势，相信通过优秀的扁平化视觉设计，能让图形符号化获得进一步的统一和完善。
|参考文献|
[1]伍凡凡. 以用户体验为导向的智能手机应用软件界面设计研究[D].郑州：河南大学，2007.
[2]胡明. 浅析电子杂志的界面设计[J]. 湖北美术学院学报，2008（2）.
[3]孙瑞. 智能设备中电子阅读APP界面设计研究[J].出版广角，2016（3）.
