应用程序设计的形象场构建

陈竹

摘要：随着智能手机、平板电脑等便携式智能终端设备的普及和移动互联网时代的全面到来，基于这些设备开发的应用程序（Application，亦称“APP应用”）呈井喷式发展，海量的应用程序正迅速改变着当代人的生活方式。形象场指的是设计作品表现出来的可感知、可体验的整体环境，统一的形象场使设计作品产生强大的凝聚力和吸引力，并辐射和影响周边的事物。在应用程序的设计中，形象场包含视觉表现、组织架构和精神内核三个组成部分，三者如同人的“形”“骨”“神”，将它们统一起来可以构建丰富立体的品牌形象，从而增加应用程序的整体竞争力。本文从形象场的三个组成部分分析了统一的形象场对应用程序设计的重要性，并提出构建统一形象场的方法论，对当代应用程序的设计有着重要的理论价值和现实指导意义。

关键词：应用程序；APP设计；界面设计；形象场

优秀的设计作品大多拥有统一的形象场，如苹果公司的iPhone、iPad和Mac系列产品，始终贯彻简洁、柔和、易用的设计原则，给人以优雅、高贵、科技感十足的品牌形象感。其强大的吸引力甚至产生了“粉丝效应”，在竞争激烈的移动智能终端市场独树一帜，立于不败之地，这就是典型的形象场的作用力。而近年来，应用程序顺应移动智能终端的迅速发展而崛起，由于应用性强、开发门槛较低，正以惊人的速度增长。网易新闻显示，2014年，仅谷歌Play Store一个平台的应用数量就达到了143万，相当于2013年的两倍。虽然发展前景一片大好，但应用程序的大量增加必然带來同类应用同质化严重的问题，尤其在应用界面扁平化风格普及之后，没有特色的应用程序很快会被湮没在茫茫的应用之海。面对竞争激烈的现状，应用程序只有树立品牌才能摆脱同质化、增强竞争力，而形成统一的形象场是品牌构建中最重要的一环。在应用程序的设计中，形象场分为视觉形象场、架构形象场、内核形象场三个组成部分，三个部分相互适应、相互影响，形成一个统一、和谐的整体形象场闭环，帮助应用程序树立完整、立体的品牌形象。

1应用程序的设计现状

2012年，微软Windows8系统的发布，刮起了扁平化设计的风潮。现在，除游戏类应用外，绝大部分应用程序的设计风格都完成由拟物化向扁平化转变的过程。扁平化设计的概念源于“扁平化”企业管理模式，目标是通过减少界面信息结构层级和增加单层信息幅度，来构建一种“宽而扁”、“快而全”的信息组织形式。在移动互联网时代，扁平化设计的优势显而易见：第一，减少冗余的装饰，降低了对硬件的要求，更适合应用于容量较小的移动设备。第二，层级减少，使得信息获取更加直接，降低了对移动网络的要求。第三，移动设备屏幕尺寸较小，简单清晰、功能凸显的扁平化界面能有效地减少认知障碍、避免信息迷航。因此，在追求“短平快”效应的开发过程中，构建扁平化的形象场是应用程序设计的大势所趋。

尽管扁平化在应用程序中得到了普及，但许多应用程序却陷入了一个误区：只完成了扁平化的视觉表现，却忽略了扁平化在应用程序架构里更为重要的作用——层级优化。相比层级化界面，扁平化界面的层级大大缩水，信息的获取形式从纵向的深度链接变成了横向的并列式链接，使应用程序操作起来更简单、易上手。大众所熟悉的社交类应用“微信”，是扁平化架构设计的一个极好的模板：“聊天”作为最主要的功能显示在首页，点击聊天对象可以直接对话，而其他功能用户只需通过一两个层级就可以很快达到子目录，找到目标信息。不得不说，微信扁平化层级的出现是社交类应用程序的一次革命，简便、流畅的操作大大拓宽了用户的年龄层，从此移动互联网不再是年轻人的专利。由此可见，架构形象场的设立对应用程序整体形象场的构建至关重要。

此外，扁平化设计虽然能很好地适应移动终端，但其功能化的、追求极简的表现形式很容易使其沦为工业化的产物。在文明高度发展的当代，冰冷的工业化产品很难再满足当代人的情感需求。因此，“情感”会成为连接用户的重要纽带，而应用程序必然随之探索情感化设计的道路，这也是树立应用程序内核形象场的重要方式。

综上所述，扁平化的界面和扁平化的层级凸显信息、化繁为简、进一步友善人机交互，才是扁平化设计的完整含义。应用程序应该吸收扁平化设计的优点，同时补充扁平化设计的不足，做到“形”、“骨”、“神”兼备，构建界面干净清晰、架构简单高效、内涵感性人文的整体形象场。

2应用程序视觉设计的形象场

视觉是人类最重要的感官，应用程序的界面不仅是其整体形象最直接的视觉呈现，还担负着表现架构和内核的责任，因此它是构成品牌形象场最重要的组成部分。受移动终端屏幕尺寸大小和扁平化设计风格的影响，应用程序的界面设计脱去繁复的装饰，越来越趋于简单明了的色块、线条和文字之间的组合，而扁平化设计中最具有表现力的色彩则形成了固有的交互式色彩体系。

2.1内容中心式界面排布

扁平化界面设计的目的是帮助用户更快地找到目标信息，因此以往将内容进行罗列的对称式的排版逐渐向内容中心式排版进行演变。内容中心式排版，即将应用程序所要表达的内容进行等级划分，将主要内容和次要内容在位置、大小、色彩等方面进行区分的一种排版方式。内容中心式排版让信息的获取更加“简单粗暴”，用户不需要找寻功能或者思考操作步骤，界面排版本身就像一个路标指示着所有的操作行为。例如，滴滴打车就是这样一个功能性应用程序，整个界面就围绕着“打车”一个功能进行设计，输入地址→叫车→上车→付款→抵达→交易成功，这一系列操作都在主界面上完成，内容具有唯一性、操作具有引导性、整个操作过程几乎没有障碍。界面中心式排版很好地践行了扁平化的设计理念，是构成重点突出、简洁明了的形象场的有效方法。

2.2交互式色彩体系

受移动终端屏幕尺寸大小的影响，绝大多数应用程序都选择减少界面上的色彩种类来适应较小的屏幕，专用于应用程序设计的交互式色彩体系应运而生。交互式色彩体系遵循以下两个原则：第一，主色少而纯。受移动设备界面尺寸的影响，过多的色彩容易模糊信息，造成认知障碍。因此，采用一种主色，配上白色或其他没有色彩倾向的颜色来构成界面是最合适的。主色一般采用明度和纯度较高的颜色，一方面有助于信息的凸显；另一方面，有利于在同类应用程序中跳脱出来，增加吸引力。第二，辅色小而精。在主色的基调下，为了避免视觉疲劳，需要其他的颜色进行辅助。辅助色应当遵循小而精的原则，不占用大面积，一般用在图标和文字上，以示区别。辅助色最好采用主色的互补色，这样既能最大化地展示信息和功能，又不对整体的界面产生过分干扰。灵活运用交互式的色彩，是形成信息凸显、功能明确的形象场的有力手段。

3应用程序架构的形象场

应用程序的架构指的是其界面、功能、层级、逻辑等模块的组织结构及其相互关系的总和，架构是应用程序的“骨骼”，是支撑整个应用程序的核心力量。好的架构能增强应用程序的整体性和凝聚力，打造通用、高效、交叉的架构形象场。受扁平化设计的影响，应用程序架构的形象场主要分为包容式的场、分布式的场和联系的场三个方面。

3.1包容式的场

2030年，我国65岁以上的人口将超过总人口的15%，中国将全面进入人口老龄化阶段。用户的差异，尤其是年龄差异，使得他们使用产品的能力值（如视觉、听觉、触觉等）大不相同，因此照顾到大多数人使用能力的包容性设计产品将成为主流。英国标准协会（2005）将包容设计定义为“主流产品或服务的设计能为尽可能多的人群所方便使用……无须特别的适应或特殊的设计”。应用程序作为覆盖人群广、操作性强的移动终端软件，在其架构上应当向包容式设计靠拢。包容式应用程序最典型的例子就是微信的语音功能，长按录音按钮讲话，松开录音按钮语音信息即可自动发送，将信息录入和输送简化到只有一个步骤，对用户的操作能力具有极强的包容性，可以说是社交类应用程序设计的一个飞跃。由此可以得出，包容式的应用程序最大特点是：第一，具有通用性，界面和按钮的排布符合一定的规律或者使用者统一的固有习惯。第二，具有可及性，降低使用所需的能力值，照顾到尽可能多的人群，减少操作上的障碍。包容性架构以简单化的操作包容绝大多数用户，形成通用、简单、少障碍的包容式架构形象场，使得应用程序适用人群更加广泛，是未来应用程序发展的重要趋势。

3.2分布式的场

互联网时代，人们处于高度连接又深度分裂的社会，不可能再依赖中心标准的指导，分布式的、无领导的、自然出现的整体性成为社会的理想，分布式的管理模式应运而生。分布式管理模式的特点是没有强制的中心控制、各层级拥有自行处理问题的能力以及资源优化配置。在应用程序里，将功能进行分区，使各功能模块享有“自治权”，不再由高层级统一控制，这就形成了分布式的系统。分布式系统广泛应用于一些购物应用程序之中，尤其是数据吞吐量较大的团购网站，区域细分和数据分布式存储减少了出错的可能性，同时能充分利用各个模块的资源，提高系统工作的效率。分布式系统的优势在于：第一，每个功能模块拥有自行处理问题的能力，数据不需要逐级上传到最高层，再由最高层进行反馈，大大地节约了时间空间，提高了系统运行的效率。第二，“去中心化”的模式，让各个功能模块享有更多的自由，在内部完成改良甚至是进化，使自身更好地适应关联模块和应用程序整体。第三，高度自治能够更快捷、更有针对性地修复系统故障，减小模块崩溃的几率。第四，各模块自行搜集数据、相互独立，使系统具有更高的容错性，哪怕其中一个模块崩溃，也不会对整个系统造成毁灭性的影响。

在海量的、同质化严重的应用程序中，高效是强有力的竞争力。分布式系统所形成的高效率、容错性强、既独立又相互适应的场，对应用程序的高效运行至关重要，因此建立分布式系统是形成应用程序架构形象场行之有效的重要方法。

3.3联系的场

在应用程序的分布式系统中，各个层级是高度连接的，联系使平行层级之间产生互相适应、自由组合的交叉关系，使模块与模块之间产生动能，形成具有闭合性以及完整回路的系统，从而形成无限的、和谐的、自觉的架构形象场。联系的场主要特征为：其一，模块之间相互联系，使它们不断进行排列组合，产生非线性因果关系，让应用程序的发展拥有无限性。其二，层级之间的高度联系能有效传递信息，各层级根据彼此的信息进行自我调整和相互适应，使整个系统始终处在相对和谐的状态。例如，美图软件里的磨糊与锐化、提亮与加深等功能组合，看似矛盾，实际上具有交叉性，能够避免冲突相互适应，最终得到较好的整体效果。其三，连接让层级产生共同意识，产生自下而上的、自觉的控制，各功能模块直接对外部刺激产生反馈动作，而不再依赖中央生硬的调控，这也是智能化发展的必经之路。

4情感化设计造就形象場

互联网的兴盛的当代是一个信息过剩的时代，人们需要更加人性化的方式对大量的信息进行筛选和取舍。因此，情感需求逐渐高于功能需求，交互设计也逐渐摒弃形式遵循功能的现代主义风格，逐渐回归到反映人类心理需求的本能水平设计上来。人们对应用程序的情感源自于自身的需求和期望，如果二者得到了满足，便会产生“愉快”“喜爱”的情感。所以，情感化设计是连接用户的“软纽带”，也是增加吸引力、构建应用程序内核形象场的有力手段。其中，拟人化设计就是情感化设计中最典型的一种。

拟人化设计指的是将产品赋予人类的外形、精神、个性、品格等元素，使其被感知为“人”的一种设计手法。拟人化存在的本因是人都有为非人类事物赋予人类特质的倾向，其原始动机是人对非人类事物的求知欲。由于拟人化设计对产品的外形有着更清晰的界定和要求，也对产品的内涵有更明确的定位，使产品内外统一形成较为完整的“人”的形象，因此更容易形成统一的形象场。

拟人化设计有三种倾向：一是将产品赋予人的某些外形特征，如可口可乐早期的饮料瓶身就是参照玛丽莲·梦露的三围而设计造型的。二是将产品赋予人的精神和个性，如苹果产品里的语音助手s试，就常常以幽默的回答体现出机智、风趣、高情商的人格特点。三是构建拟人化的虚拟形象来增加产品的亲和力，如腾讯QQ的企鹅形象、天猫的黑猫形象、瑞星杀毒软件的小狮子等。应用程序的拟人化设计主要倾向于后两者，通过人化性格特征的体现或与人化的形象对话，增加用户的沟通感和参与感，使用户获得更好的反馈体验。支付宝是其中一个成功的例子，它将自己称为“店小二”，将用户称为“客官”，既明确了自己服务者的定位，又营造了热情、踏实、灵活的形象，让用户产生“顾客至上”的感觉，更容易对其产生信任感。而支付宝内的反馈语也由机械的提示语变得更加人性化，如将“数据加载中”变为“客官别着急”，让用户更有带入感，好似和人对话，相较于和机械对话产生更多的包容心。总之，拟人化设计将应用程序的内涵、气质、精神、个性等元素通过感性的手法表现出来，赋予应用程序丰富饱满的“人格”特征，构建了情感化的内核形象场，同时也是对扁平化形象场非常好的补充。

5结语

在扁平化风格的趋势下，从“形”“骨”“神”三个方面构建应用程序的形象场，可以让应用程序产生鲜活立体的品牌形象，获得强大的竞争力。视觉表现方面，内容中心式排版和交互色彩体系为应用程序打造了信息主次分明、操作流畅的视觉形象场；架构方面，包容式的场、分布式的场和联系的场打造了高效、简洁的架构形象场；内核方面，拟人化设计打造了人性化、情感化的内核形象场。形象场的三个方面应当有机结合、互相包容、互相适应，这样才能形成一个全方位的、和谐的整体形象场，在移动互联网应用程序的大潮中占有一席之地。