手机APP启动界面的视觉构成分析

吴倩

?摘 要：UI设计是多媒体环境之下诞生的新兴专业，主要研究的是人机交互整个实现过程中界面的美观与合理化处理;交互行为往来的框架结构便捷化;以及用户体验设计。其中，关于艺术美学设计的涵盖方向主要表现于用户界面处理阶段。也就是UI中的GUI分支。它好比人类的外观穿着，类似于“人靠衣裳，马靠鞍”的俗语。GUI视觉设计主要解决的是用户使用APP过程中，对于界面美化以及信息提取的合理性和便捷性。体现在对于图标或按钮控件的设计，和整套应用程序的视觉标准颜色的设置，以及配套的插图元素和广告内容的限定。总之对于界面视觉方面的标准与要求工作都属于界面视觉设计的范畴。

关键词：APP界面 界面设计 视觉设计

手机应用程序对于当今社会背景下的主流人群而言是每天必不可少、反复进行的人机交互过程实现的最主要载体途径。所以APP的视觉设计美观化是十分必要的。

在做视觉美化工作之前，我们首先要明白，关于APP常见的界面类型有哪些？比如：程序启动页，或者称之为闪屏页，这类页面通常存在于每款APP首次打开时的系统更新过程;程序引导页，作为闪屏启动页与程序首页之间的中间穿插页面，肩负着对于本款应用程序功能介绍以及主体文化的宣传作用;程序注册页，发展至今其外观视觉结构相对来讲更加简洁化。注册页面对于APP使用者而言具有很好的历史记录作用以及个人隐私保护的作用。能够形成独立的社区平台文化;最后是应用程序首页，她所涵盖的视觉内容相对来说是刚才所介绍的所有页面内容中元素最多的。肩负着对于整体应用程序的使用功能区分链接，相当于整个APP最核心内容的展现。

关于应用程序的启动页面，在功能上一般会在视觉停留上保持3～5秒钟的时间，这个时间限制取决于对APP自身的文化宣传以及避免受众使用感的疲劳影响。启动页面一般由以下部分内容组成：启动按钮和确认进入程序状态按钮;应用程序的标准颜色或图片的选择使用;APP文化相关的广告语。

一、启动图标的视觉形成

关于UI界面中的图标大致方向上可以划分为拟物化阶段到扁平化阶段的发展。这两个方面的图标具有明显的视觉化风格差异，各有优劣。基本上可以归纳为拟物化图标便于引入受众的心理情感表达，因为它主要针对的是图标自身质感的还原，所以情境化特征明显。但是“比葫芦画瓢”的嫌疑过重。相对来说对于设计的过程可能性比较小;相反，扁平化图标虽然外观简洁，多见于线型和正负形面状图标的展现。但是，设计创作方法可能性很广。但它也有自身的不足。由于扁平化图标形式感过强，对于原始对象的比拟程度较弱，所以说难免给消费者带来一种过于理性和冰冷的使用感受。

除了启动图标之外，APP启动页上通常还会有时间倒计时按钮，它的作用在于提醒受众关注自身与进入APP首页使用过程的时间距离。另一方面，也减少了等待程序加载过程的枯燥感。

二、标准色和图片的视觉形成

关于界面颜色的表达，在视觉要素中色彩作为能够被受众视觉层面瞬时捕捉的要素，一直肩负着吸引受众注意力的强大责任。所以对于APP而言，首先需要设定自身的设计发展定位，以及受众人群的模拟定位，便于形成配套的能够协助推广APP使用市场的色彩理论体系。另外，启动页中除了大面积色块的使用，还有一种形式也常用于制作过程，那就是大图虚化作背景。关于图片要素的要求无非是能够适应和配比界面的尺寸以及APP自身文化的传承语言。并且色块与大图虚化背景这两种形式的视觉处理方式，都能够很好地与上一步我们提到的启动图标进行配合。启动图标位于界面重心位置，但是画面占有率较小，相对应的色块和大图虚化背景的使用，则能够很好的弥补画面有效位置的虚空。

三、广告语的视觉形成

作为视觉要素中能够将信息表达准确的文字要素，在界面中一般会以广告语的形式存在。字数不会过多，但是精到且准确。文字字体一般采用个性化设计处理，不建议使用字体库中常用的字体。目的是为了展现出APP本身与同类产品的差异化特征。关于文字含义方面，要求能够吻合应用程序本身的诉求点以及达到受众需求的情感心理。在视觉方面分析的话，如果说大图虚化背景作为块面形式存在，启动图标或倒计时提示按钮作为点状结构存在，那么此刻我们所说的广告语，则作为整个画面的线性协调要素存在，能够很好地综合过大的块面与过小的点状结构之间的强烈碰撞，综合整个界面的秩序感与统一化。

手机应用程序的启动界面视觉设计，正迎合了那句俗语“麻雀虽小，五脏俱全”，它肩负着整款APP功能介绍或者是品牌形象的外观特征展现。又能将APP自身的特征用视觉元素直观地呈现于消费者面前，增强受众的可信赖程度。启动页面的视觉构成分级并不复杂，但是越简洁的呈现方式越能够暴露出设计的深度问题。所以对于应用程序的启动界面设计，在整块APP视觉设计稿中占有举足轻重的地位，名片式的性质使得设计师不得不将设计火力集中开向启动闪屏页。优秀的视觉构成启动界面，能够带给受众良好的阅读与使用感受增强，有助于增强APP自身品牌的文化理念植入。在后续的交互阶段，便于在受众心理上产生深入的品牌意识的建立。所以，视觉构成要素在内涵与形式、整体与细节等方面都足够影响应用程序整体的使用代入感。

参考文献

[1] 韩林.浅析手机游戏UI设计中视觉艺术元素的构成[J].美术教育研究，2018（16）：72-73.

[2] 宫珺.对比联想与特异构成在视觉传达设计中的复合应用[J].艺术与设计（理论），2018，2（08）：40-42.

[3] 陈宇平.手机UI设计中视觉艺术元素的构成研究[J].大众文艺，2018（15）：89-90.

[4] 李鹏.论手机UI设计中视觉艺术元素的构成[J].城市建设理论研究（电子版），2018（19）：72.

[5] 范力中. 论图像视觉对观者心理与情感的影响[D].湖北美术学院，2018.

[6] 吴宜桐. 平面视觉语言在手机UI界面設计中的交互研究[D].东北电力大学，2018.

[7] 杜传成. 智能手机综合购物APP界面色彩分析与应用研究[D].山东师范大学，2017.

[8] 徐延章.智能手机APP交互情境设计的审美要素分析[J].包装工程，2016，37（24）：130-135.

[9] 郭红美. 基于交互行为的智能手机APP界面视觉设计研究[D].华北理工大学，2017.

[10] 罗晓萌. 智能手机APP图标的设计研究及实践[D].山东师范大学，2015.