手机APP的UI界面设计

手机 APP的 UI界面设计

王紫薇 叶伟娟 沈依

江汉大学设计学院 湖北 武汉 430000

摘要：随着移动电子商务的发展，手机APP的功能和分类也逐渐细化，对于手机APP的UI界面设计需求日益增加，手机的界面设计也逐渐形成了个性的风格和发展。文章针对手机APP视觉元素的应用进行分析，并将视觉元素进行合理化的分类，研究各个元素和相互之间的艺术规律，为手机界面在使用过程中提供合理化的引导，完善设计，满足使用者的心理需求。

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

引言

智能手机的Ｕ１界面设计中要考虑的因素比较多，人机交互以及界面美观和操作逻辑等都是设计人员需要考虑的要素，只有保障ＵＩ界面设计的整体质量，才能真正促进设计工作的良好开展。

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

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

2APP界面设计原则

在设计智能手机的APP界面时，需要保证设计效果与使用效果，并且能够满足用户良好体验的要求。

据统计调查得出，喜欢文字的人群有38.18%，喜欢图片的人群有52.73%，喜欢其他类型的有9.09%。设计人员在设计此界面时应遵循相关的原则，才能达到设计的要求，具体应依照以下原则进行设计：第一，主体性原则。设计人员在设计之前需先了解、掌握用户对APP界面的功能需求、心理需求等。通过深入分析用户的需求，再将分析结果融入设计中，才能实现达到用户满意的设计效果，为客户提供优质的设计服务。由此可见，APP界面是连接用户与设计者两者之间相互交流的桥梁，并且是实现用户满意设计者设计理念的重要过程。第二，一致性原则。用户在操作智能手机时，需要APP界面的图标能够具有统一性的特征，目的是能够方便自己记忆，在应用某一软件时能够根据自己的记忆快速找到图标。第三，直观性原则。在设计APP界面时，图片、文字、颜色是表达设计人员设计理念的重要体现，可以通过应用丰富的图片、变化文字字型、运用不同的颜色表现出不同的设计理念，满足客户个性化的需求。

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

3.1手机APP图形元素的设计

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

3.2手机APP色彩元素的设计

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

3.3交互方式多样性设计

站在感性角度分析，用户与APP交互界面之间的交流是为了满足用户情感方面的需求，是充分展现用户情感的重要表现，而体现用户情感的媒介就是在于界面交流的过程，好的交互过程能够体现出用户下意识的行为，表明这个交互过程正是用户心里需要的，激发了用户的积极意识并反映在行为上。站在理性角度分析，通过研究人员深入性研究并站在用户角度设计出优质的交互界面，从而实现用户的应用需求，实现的核心是技术。例如，淘宝APP设计的APP交互界面，用户与APP界面的交互形式表现出多样化的特点，可以采取直接操作、手势操作、语音操作等。用户可以利用手指操作界面中的数字对象，比如用户进入商品详情页后，能够通过手指对图片进行任意性的缩放，满足自己喜欢的观察尺度需求。从而有效缩短用户与商品间的距离，在减少操作步骤的同时实现操作更加简便。

结语

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

参考文献

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

[2]仇慧琴，田世彬．智能手机ＵＩ界面设计分析［J］．赤峰学院学报（自然科学版），2016，32（16）：41－43．

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

第一作者 王紫薇，1999年9月6号，女，湖北省武汉市，江汉大学 设计学院,本科学历，在读

第二作者 叶伟娟，1997年12月27号，女，江西省九江市，江汉大学 设计学院,本科学历，在读

第三作者 沈依，1999年4月7日，女，上海市，江汉大学 设计学院,本科学历，在读