APP界面设计的视觉语言分析

信息与电脑China Computer&Communication2017年第2期

APP界面设计的视觉语言分析

祁闻砚

（西安工程大学，陕西 西安　710048）

摘　要：在当下，手机是每个人不可缺少的一件物品，手机应用软件越来越多，那么，什么样的软件界面才属于美观的呢？当然是符合大众审美要求的软件界面才美观。美观的界面是具有趣味性和视觉吸引力的，同时也能满足人们对视觉语言设计不断增强的审美诉求。基于此，笔者主要从设计艺术学角度进行APP界面的视觉语言分析，从界面文字、界面布局、界面色彩、界面交互、图标设计进行说明。

关键词：视觉语言；界面设计；手机

中图分类号：TN929.53　　文献标识码：A　　文章编号：1003-9767（2017）02-0142-02

Visual Language Analysis of APP Interface Design

Qi Wenyan

(Xi'an Polytechnic University, Xi'an Shanxi 710048, China)

of software interface is beautiful? Of course, is in line with the aesthetic requirements of the software interface is beautiful. Beautiful interface is interesting and visual appeal, but also to meet people's vision of the visual language design and constantly enhance the from the interface text, interface layout, interface color, interface interaction, icon design.

Key words: visual language; interface design; mobile phone

aesthetic appeal. Based on this, the author mainly from the point of view of the design of the visual interface APP language analysis,

Abstract: At the moment, the phone is an indispensable item for everyone, more and more mobile applications, then, what kind

随着社会的发展，手机不仅仅是单一的通话工具，它聚集娱乐、生活、新闻资讯于一体，越来越多地出现在人们生活中。APP发展迅速，种类繁多，各式各样的APP相继出现，方便大家日常使用。

的审美水平在提高，色彩从单一逐渐变得丰富。根据不同的APP面对的人群不同，所采取的色彩搭配与设计方式也是不同的，以满足不同人的不同需求。

2　界面设计的视觉语言

界面设计的视觉语言，主要包括文字、色彩搭配、界面布局、图标、导航栏等。2.1　界面文字

好的字体在文本的易读性上起了决定作用，另外，它也传递出设计师的意图，它是整个用户体验的重要部分。从另一方面讲，缺乏好的字体，会使整个设计显得不专业。文字是主要界面的基础元素。文字的主要意图是向大众传递信息以及作者意图，所以要抓住重点，简单明了，不宜过多，要

1　手机APP与视觉语言的概念

APP是“Application”的缩写，翻译过来的全称是智能手机的第三方应用程序，这就是我们平时所说的APP。那么什么是视觉语言呢，所谓视觉语言就是由视觉基本元素和设计原则两个部分构成的一套传达意义的规范或符号系统。简单点说就是眼睛所能看到的一切东西，例如线条、形状、明暗、色彩、质感、空间。这些是构成作品的基础，也是最重要的。在之前的设计中大部分主要是以文字为主，色彩也较为单一，例如黑白色、蓝色、绿色等。随着时代的进步与发展，人们

作者简介：祁闻砚（1991-），女，河南漯河人，硕士研究生。研究方向：移动端界面设计。

— 142 —

2017年第2期

信息与电脑China Computer&Communication软件开发与应用

突出主题，以防过于杂乱，要让人易认易懂。字体风格要统一，大小上也需注意，使用过多的字体尺寸与样式会影响整个布局，字体排版的缩放包含了有限个字体尺寸的集合，而且它们能够良好适应布局结构。除非是特殊需要，例如专为老年人设计的APP，可以采取相对较大一点的文字，但是过大就会影响美观，所以要适度。2.2　界面布局

界面一般可分为四部分，由四种元素组成，即导航栏、状态栏、主菜单栏以及中间区域。由于手机屏幕尺寸的限制，无法直接把所有内容显示在一屏内，可显示内容要比PC屏幕少得多。在APP界面设计中，需要对信息进行有效组织、提炼，通过合理布局把信息展示给用户。合理的布局设计可以使信息变得井然有序，用户可以很容易地找到自己想要的信息，产品的交互效率和信息的传递效率都得到提升。什么是合理的布局呢，笔者认为，要层次分明、主题明确，直观展示各项内容，方便用户浏览，操作简单可实现轻松在各入口间频繁跳跃。在界面的设计中要避免界面内容展示过多，这样显得杂乱，会让用户眼花缭乱，也要避免拥挤，因为这样易产生视觉疲劳。2.3　界面色彩

色彩在界面中扮演着一个非常重要的角色，色彩的统一可以让整个界面看起来更加统一、稳定。色彩的选择也是非常重要的，要根据不同的用户与APP的特殊性选择不同的色彩。当我们实际要采用和确定一种颜色时，要考虑到方方面面，不是仅仅通过主观感知就能确定的。因此需要一种方法，来正向、科学、尽量客观地作出选择。好的颜色设计让人赏心悦目易吸引用户。例如针对女性群体设计的APP，要选择较为柔和的颜色如粉色、粉蓝、淡紫色等。再比如为儿童设计的APP中需要以亮色为主，多选用对比色，这样易吸引儿童的注意力与兴趣。设计上还需注意整体性，如果颜色过多，或者不统一会显得杂乱，易产生视觉疲劳，简单地说就是会出现视觉上的不舒服现象。在色彩的配色中可以选用单色、相近色、对比色、互补色，这些是比较常见的配色，也是不易出错的颜色搭配。如果讲究个性还可以选择跳色等。保持色彩组合简洁有助于提升用户体验。一个简洁的配色方案不会使人眼花缭乱，反而会使内容更易被理解。相反，色彩太

多则影响设计效果。2.4　界面交互

所谓交互就是交流互动，是现在的很多互联网平台追求的一个功能状态。某个具有交互功能的互联网平台，用户在上面不仅可以获得相关资讯、信息或服务，还能实现用户与用户之间或用户与平台之间的相互交流与互动，从而激发出更多的创意、思想和需求等。APP交互也是如此，人与界面的互动被称为交互。在多种APP中，交互大多数都用到了上下左右滑动、缩放、下拉等一系列习惯性操作。在交互设计中，笔者认为常用的交互设计可以更加方便用户的操作，用户可以更快接受一个新的APP。当然不常见的交互设计也是可以的，但是在一个APP的设计中，不能全部采用不常见的操作，这样会降低用户体验，会让人们觉得很难操作，不易接受。可以采取一两个与众不同的操作，这样可以与其他设计形成不同之处，也可以吸引用户去研究，体会到与其他设计不同的乐趣。2.5　图标设计

图标可以说是APP的门面，就像人们穿的衣服一样，第一眼可以看到，好看的衣服与有个性的衣服可以吸引更多人的眼球，APP的图标也是如此。当我们搜索一样东西时，可能会出现很多相关的APP，在众多APP中，如何才能抓住人们的眼球让人们下载呢？第一是识别性强，轮廓清晰不含糊。第二要有适合的色彩与质地，背景与图标色彩较为搭配。第三是空间的塑造,图标首先是平面的，大多数图标采用的都是正视图的方式呈现。但是有些特殊的含义往往需要表达重复的意思，那么可以在二维空间内展示空间的层叠关系，加入阴影等。

3　结　语

大量APP给人们带来了极大的方便。一个好的APP要以人为本，操作便利，色彩好看，实用性强。在传达信息的同时，也要追求美观，使一个好的APP实现功能与形式美的统一。文章通过对APP界面的视觉分析，一方面使APP的界面设计更加符合艺术设计理论、心理学理论、交互设计理论，另一方面使APP遵循统一性、完整性、一致性等基本原则，让APP更加人性化，为人服务。

— 143 —