手机APP的UI界面设计

黄耀辉 刘金满

摘  要：近年来智能手机的发展非常迅速，手机APP得以广泛的应用，给人们的生活带来了方便快捷，使得人们越来越习惯通过手机APP实现购物。随着移动电子商务的发展，手机APP的功能和分类也逐渐细化，对于手机APP的UI界面设计需求日益增加，手机的界面设计也逐渐形成了个性的风格和发展。文章针对手机APP视觉元素的应用进行分析，并将视觉元素进行合理化的分类，研究各个元素和相互之间的艺术规律，为手机界面在使用过程中提供合理化的引导，完善设计，满足使用者的心理需求。

关键词：设计;视觉元素;手机APP

中图分类号：TP311         文献标志码：A         文章编号：2095-2945（2020）30-0028-02

Abstract： In recent years， with the rapid development of smart phones， mobile phone APP has been widely used， which brings convenience to people's life， and makes people more and more used to shopping through mobile phone APP. With the development of mobile e-commerce， the function and classification of mobile phone APP are gradually refined， and the demand for UI interface design of mobile phone APP is increasing day by day， and the interface design of mobile phone has gradually formed a personalized style and development. This paper analyzes the application of the APP visual elements of the mobile phone， and classifies the visual elements rationally， and studies the artistic rules of each element and each other， so as to provide reasonable guidance for the use of the mobile phone interface， improve the design， and meet the psychological needs of users.

Keywords： design; visual elements; mobile phone APP

手機APP 的设计由原来的重质感发展到轻质感再到扁平化， UI界面的设计越来越趋于简洁明了，简洁的布局，显眼的字体，大量的留白，突出了手机 APP 的功能性，使受众能直观的看到使用功能。一个优秀的手机UI 界面设计，应该满足了大众的审美需求，简洁美观、信息科学合理，才能提高手产品的使用率，契合了大众的审美。近年来各类造型各异的手机APP层出不穷，颜色的丰富多样，使得用户眼花缭乱。同时，一部分手机APP的设计不够合理化，色彩搭配不协调，板式设计不美观，缺乏设计性等问题，导致了手机APP设计的功能性不强，用户的使用不方便。针对这些问题，我们对手机UI界面中的艺术元素进行了归纳与整合，找到手机APP应用的主要元素与设计表现之间的协调办法，使得手机APP的设计能更好的得到应用，使用户拥有良好的体验，为手机APP构建一个符合人们认读习惯的页面布局，使信息得到更加快捷准确的传递。

1 手机APP界面设计的需求分析

在手机APP设计不断发展的今天，不同的应用人群在使用习惯上有着明显的不同，在手机APP设计和开发的过程，要关注用户的年龄、习惯、操作流程等需求，考虑到不同用户的情感需求，对不同用户习惯和思维方式做出相应设计方案，时刻以“用户为中心”，从便捷用户使用的角度来研发设计手机应用软件。熟知用户的需求是手机UI界面设计的核心，不同的使用人群在使用过程中有着不同的情感体验，因此要满足使用用户在使用过程中对手机APP的视觉、听觉、触觉等需求，为用户打造别具一格、新颖的手机软件，满足使用用户的情感需求，提高使用者的信任度和满意度，从而提高该手机软件的市场竞争力，使用户增加了品牌识别度，使用户产生共鸣。在手机界面设计中融合用户的需求，兼顾用户的心理感受，在软件的设计中，以用户需求为核心，以视觉语言表现为支点，强调人机交互的重要性，从而完善手机APP的设计。

2 手机APP界面中视觉元素分析

2.1 文本元素的设计

在手机APP的界面设计中的文本元素是用以传递信息的视觉符号，对文本元素的研究应该从结构和文字之间的联系出发，进而完善文字编排设计与整合视觉艺术设计。文字具有传递信息和审美两大功能，文本元素对手机APP的设计而言，不仅是信息的准确传递，文本还要具有艺术表达的效果，字体在信息的传达过程中作为一种艺术图形符号，对文字版面设计提出更高的要求。在手机APP字体设计时，要注意字体样式和字体大小的选择，正确使用文本可以减少手机用户的学习时间和成本，在短时间内获取更多的信息内容。因此，在手机 UI 界面设计中，文字的设计也是界面设计的重要部分，帮助用户手机完成操作软件的重要元素，设计与界面相匹配的文字，构建了一个合理丰富的视觉空间。例如字体的选择，字号的大小，行间距等，还有对文本编排的一些方式的设计，对文字结构设计进行重组与解构，从而强调字体设计的形式感，让文字变得不只是能够“读”而是更具有艺术感受，使文字阅读更加轻松愉悦，提高其视觉冲击力。

2.2 手机APP图形元素的设计

在人们的经验中，视觉情感表现用图形图像来表达，能更好地帮助人们获取和识别信息。图形是手机APP的界面设计重要的视觉表现元素，能够提供视觉信息的符号形象来吸引人们的眼球。图形元素概括能力强，直观、形象表现信息内容，给人留下生动而清晰的印象，易于被理解和接受，有利于信息的视觉传达。图形作为一种视觉语言形式，其在信息传递上更加直观和立体，直接表达手机界面的内容，便于界面中有效信息的传递。图形没有文字的局限性，是世界通用的语言，图形具有简单直观、便于理解等优点。图形在传达信息过程中，没有文化、年龄等背景的限制。在手机APP的界面设计中，设计师应该在便于用户的理解基础上准确应用图形，来传达图形的信息。运用视觉表现规律对各种符号进行重组、加工，从而实现有序、高效的信息传递。在手机APP的设计中，图形设计分为具象图形设计和抽象图形设计。具象图形是将相似物体进行符号化设计，是最直观的表达方式。例如：用相机的符号来表达拍照功能，这種直接将生活中的元素以图形符号化形式植入于手机界面中。抽象符号则与现实生活中的元素没有直接的关联，往往是人们共同的文化背景下而建立起来的。比如，鸽子代表和平、绿色象征着环保、竖大拇指的形象代表称赞等，将此类符号与用户文化背景相对应才能取得良好的表达效果。因此，在手机界面设计上，能有效地运用图形来表达艺术设计理念，以多样的图形来展示信息内容，使手机的界面设计更加的形象和生动，使信息的传达更为准确。

2.3 手机APP色彩元素的设计

色彩是视觉传达与情感交流的有机融合，具有激发情感、强化记忆、传递信息等功能。色彩能够产生强烈的视觉冲击力和不同的情感效应，同时色彩的情感表达也会因人而异，会随着外部环境改变与心理而发生变化。色彩作为一种直观和感性的视觉元素，它能够给设计作品在传播过程注入鲜活的生命力，还能引发人的联想与情感共鸣。色彩在手机APP设计中是最直接的视觉元素。色彩的合理设计与表达，色相、明度及饱和度的搭配，能够使手机APP设计呈现出良好的视觉效果，更好地吸引用户的眼球和注意力。高明度的配色能够给人轻松和快乐的感觉，低明度的配色给人沉着和稳定的感觉，因此在手机APP设计中应该注意色彩的情感表达与内容信息相吻合，要考虑到色彩的对比与调和等形式法则，合理应用色彩设计，进而更好地完善设计的内容。色彩是能够引起人们注意力的重要元素，还能激起人们联想和情感共鸣，能够给手机APP在传播过程中注入鲜活的生命力，所以运用科学理论和艺术审美相结合的法则配置、设计色彩，进而创造出新的、多层面、多角度、多功能的色彩效果。

3 手机APP界面的视觉应用与体验

一个优秀的手机UI界面能够吸引用户和提高品牌效应，现在的用户偏好手机界面设计美观、交互设计科学合理的设计界面，这样提高手机用户的满意度。因此在手机界面的导航设计中，首先要确立用户的需求，研究分析用户的生活习惯和行为特征，手机界面中各个功能区的设计要科学合理，降低用户的学习成本，减少用户的使用负担，使人机交互过程流畅，从而提高手机软件的市场竞争力。手机APP界面的视觉应用中，要有突出的重点，有效的视觉引导，重要的信息内容放在视觉的中心点上，吸引用户。手机界面上的视线导向也是有规律的：第一，浏览路径要流畅。界面的信息有主次轻重的加以区分，是由信息元素的拼凑，要便于用户捕捉关键信息。第二，设计视觉导向来引导用户的浏览视线，通过功能图标展示，科学合理完成人机的交互。视觉引导不能分散手机用户的注意力，通过科学合理的设计便捷用户的路径操作。第三，手机 APP 界面的配色要一致，主要体现在主色的应用上，主色面积占有率大色彩不宜多，保持界面的设计一致性的规范。在有限的空间中设计出更好的手机APP，使用户获得更好的视觉效果和体验。

4 结束语

伴随着科技的发展，手机成为了人们信息交流的媒介，手机APP的开发和推广给人们带来了很大的便捷，手机UI在中国还是个新型的产业，有待发掘。手机APP的设计需要运用设计美学、设计心理学等知识来设计完成，这样开发出的手机产品才更具有人性化。运用视觉语言的应用规律对手机APP的界面进行设计，是设计发展的必然之路。文本、图形图像、色彩等视觉语言元素在手机界面设计中运用了整体性、用户性、个性化的设计原则，对信息内容的呈现符合用户自然流动弧线的视觉流程。作为一名UI 设计师，不仅需要大量的设计经验，还需掌握用户的需求心理，掌握设计构成原理，UI界面设计的交互原理，从而提高手机UI设计的视觉传达设计能力，为我国的手机APP界面设计与开发贡献出一份力量。

参考文献：

[1]黄艳群，黎旭，李荣丽.设计·人机界面[M].北京：北京理工大学出版社，2007.

[2]董芳.新媒体艺术[M].南京：东南大学出版社，2006.

[3]罗仕鉴，朱上上.用户体验与产品创新设计[M].北京：机械工业出版社，2010.