严甜甜　（郑州轻工业学院　450000）



移动互联网产品界面的视觉设计探析

严甜甜（郑州轻工业学院450000）

摘要：移动互联网产品界面的视觉设计是一门跨专业的综合学科，它包含了诸如美学、心理学、人体工程学、计算机科学、社会学等多学科内容。界面设计始终贯穿于用户需求研究、新产品投放市场、产品周期化迭代的整个过程。本文分析了移动互联网产品产生的时代背景及界面视觉设计的重要性，从美学和用户体验的角度探讨了应然的界面设计，最后总结了移动互联网软件产品界面视觉设计的要点。

关键词：移动互联网；产品界面；视觉设计

移动通信技术和互联网技术成为当下科技领域中发展最为迅猛的两大信息产业。在这样一个科技背景下，移动互联网兼具移动通信的便携性和互联网的即时快捷性，为广大用户提供了更为高效便捷的信息交互平台；移动互联网产品在智能手机上的应用，深刻影响着人们衣食住行的各个方面。

移动互联网产品的界面作为用户体验的最直接内容，是产品设计理念和使用功能的重要体现，界面视觉设计是移动互联网产品设计中应关注的核心问题之一。

一、界面视觉设计的美学

用户对应用界面视觉美的体验是多维度而全方位的，正如约翰·杜威（John Dewey）将审美视作一种整体性、完整性和丰富性的体验过程。移动互联网应用的界面设计美学就是设计人与界面的关系，界面视觉设计要满足用户需求，要选择有效的被受众理解和快速被受众接受的表达方式，唤起用户情感体验和自我认同的作用。

审美活动是感性的，因此审美过程具有从感官刺激到精神升华的过程。界面视觉的美感体验与用户对产品的认知过程是分不开的，移动互联网应用界面的视觉审美过程，主要表现为愉悦的感官体验、流畅的操作体验、使用时的乐趣以及情感的唤起，其中的美包含人与界面的无障碍沟通、用户需求与界面设计的协调、良好的认知及情感化体验。主要体现在界面的视觉吸引力和趣味性以及遵循用户对界面视觉的心理预期，使产品界面的视觉效果不仅能够吸引用户，还能符合用户的心理模型、体现人性化的关怀。

二、用户体验与界面视觉设计

用户需求决定了产品的定位以及产品设计的目的和理念，而界面的视觉设计会直接作用用户体验的结果，因此界面的视觉设计应遵循产品的体验规律，以用户需求为中心来指导设计活动。产品体验分为感知体验、理解体验和情感体验三个层次，这与马斯洛关于人的需求理论是相对应的递进关系。感知体验是用户使用产品界面的直观感受，对界面的结构、形状、质感、色感、尺寸感等，是对物感特征进行的一种反应；理解体验是用户在操作应用时对产品整体的认知理解，满足用户对视觉界面的心理预期；情感体验更多的是产品对人性化关怀的体现，是用户在使用过程中所产生的一系列情感因素。情感体验是用户体验的最高环节，德国青蛙设计公司（Frog Design）就曾提出形式跟随情感的设计理念。情感化设计是“设计师在创作产品的过程中通过分析用户群体的情感，结合自身的情感体验，将人内心的情感需求和精神需求真正融入到设计中，并使群体用户能在使用产品的过程中感受到快乐和感动”。

三、移动互联网软件产品界面视觉设计的要点

1.视觉设计风格要与产品内容统一

移动互联网软件产品的界面视觉设计风格要同产品内容相统一。形式服务于功能，实现产品的使用功能是首先需要考虑的，而界面的视觉设计本身也具有实现交互的使用功能。因此视觉设计不能单纯追求形式上的特异，应依据产品定位和目标用户的需求，找准视觉风格并确定设计标准，使用户能够快速地从视觉上理解产品的理念、功能和操作流程。

2.图形语言兼具良好的隐喻性与识别性

界面的视觉设是通过视觉符号来传达信息，隐喻修辞方式在图形界面设计中能简化一些操作过程，用户更易于通过恰当的隐喻图形符号迅速的了解图形视觉元素所表达的含义，促成用户与产品界面良好的互动。因为界面视觉中隐喻修辞方式的运用是基于用户群以往生活经验和习惯，可以减少用户操作时的学习成本、更便于用户理解和记忆界面图形符号的含义。

3.明确界面的视觉层级关系

产品界面设计需要通过视觉的形式区分不同的信息内容以及主次模块，与此同时还需要保证同类信息与操作在视觉上的一致性。可以采取区域划分、间隔划分、色彩划分、形态符号划分、页面层级划分等方法，区分信息的同时也揭示视觉信息间的内在联系，帮助用户理解、记忆，使用户在使用应用时能直观了解到界面的层次、快速寻找到所需要的信息。

4.遵循不同移动系统平台布局特点

移动互联网产品的界面设计需要遵循各类系统平台的特点，比如IOS系统和Android系统是有差异的，不同型号的iPhone界面布局也有所不同，因此设计师要遵循不同移动系统平台布局特点进行界面视觉设计。

5.以用户为中心，遵循交互设计原则

目标用户的群体性差异决定了各类移动互联网产品在界面视觉设计上的不同，例如针对老年人的产品界面在视觉设计一定更侧重于无障碍设计的，要避免视觉噪音，在字体大小和设计风格上更加体现对这类群体的人性关怀；在色彩倾向上，通常年长的用户群更倾向于选择保守稳重的色调，而年轻用户群则喜好更明快的色彩。界面视觉设计时需要考虑的因素包括用户的年龄段、视觉特点、文化背景、受教育程度、以往的生活经验与习惯、情感偏向等。除此之外还需要遵循交互设计的相关原则，例如产品的简单易用性、尊重用户的心理模型、友好的视觉反馈、一致性（界面的整体视觉风格、色彩、布局和众视觉元素的一致性）等。

结语：移动互联网产品构架了一个信息双向互动的传播模式，其界面视觉设计是以用户为中心，在交互设计的基础上进行的，在美学、符号学以及心理学的宏观引导下，通过一定的视觉设计方法与原则对界面的视觉要素与内容进行优化设计的过程，良好的用户体验则是检验界面视觉设计的标准。移动互联网产品的界面设计是一个系统的设计体系，在工作中更注重与产品经理、交互设计师、用户体验研究人员、计算机工程师等协同合作，因此，视觉传达设计师不可拘泥于视觉表现的技法上，重要的是要补充相关理论知识，如此才能更好的融入团队，开展设计工作。

参考文献：

［1］杨焕.智能手机移动互联网应用的界面设计研究［D］.武汉理工大学，2013.

［2］Pieter Desmet， Paul Hekkert.Framework of product experience［J］.International Journal of Design， 2007， 1（1）：57-66.

［3］蔡敏.情感化设计理论在网络界面设计中的应用研究［D］.武汉理工大学，2010.