视觉要素设计在App 交互界面中的应用分析

汤绘晔

（兰州交通大学，甘肃 兰州 730070）

引言

随着科技的进步，信息传播的模式和形式呈现出多样性、多元化特点，随着社会的进步和发展，生产生活方式也发生了变革，通过PC 端浏览器来访问网页的传统方式已经逐渐地被App 而代替。但大多数App 在产品设计的细节上内容繁杂，没法突出重点，给用户造成阅读障碍，致使用户体验始终达不到较高水平；为此可以通过某些视觉要素对交互界面进行优化设计，使界面简洁，从而提升用户使用的体验感。

1 用户体验下的交互界面设计原则

用户体验和交互界面设计的核心是“以用户为中心”，无论什么设计都离不开用户的感受，只有简单易懂、操作方便、功能完善的界面，才能不断满足用户的需求。一方面是用户理解原则，我们要充分地了解用户的需求，使用户可以轻易地理解设计的各个过程[1]；另一方面是用户友好性原则，如果在交互界面操作过程中出现失误对用户是非常不友好的，容易导致用户产生沮丧、厌恶等负面情绪，因此在设计中要尽量避免用户出错的概率。

1.1 易用性原则

不同用户之间存在差异，因此在交互界面设计中我们需要迎合用户的使用习惯，进行全面调研和深入思考，使设计产品简单易懂，让用户能够快速掌握产品的操作流程。例如：通常人们都是自上而下、自左而右的阅读顺序，确认按钮在左、取消按钮在右等等，因此界面设计就要符合用户的这些使用习惯。而陌生的、新奇的事物带着未知性，可能会使用户产生抵触和抗拒的心理。

1.2 规范性原则

交互界面要遵循规范性原则，在界面中，文字是App 主要信息的表现，尤其新闻阅读等产品本身文字较多的App，因此就要制定标准的设计规范和良好的排版方式，使用户在使用时不会产生视觉疲劳。

1.3 一致性原则

设计时要考虑用户审美，在App 界面设计时，不同的模块之间也要有相同的交互特性，在视觉、功能、信息构架和操作等方式上具有一致性，防止用户产生迷茫、混乱的心理[2]。因此在界面设计时，可以使用相同的颜色、字体来表达相同的内容，统一的颜色可以保持交互界面设计的整体性、一致性，使用户能在使用过程中快速区分信息。

1.4 协调与美观性原则

视觉设计很大程度上影响着用户是否愿意进一步了解该产品，操作界面是否协调，对于用户而言，则会直接影响到用户是否能够流利地操作。现如今，简化交互界面设计成为一种设计潮流，简洁的界面设计不仅能使用户在视觉上放松，内容也能更加明显地展示出来，引起用户的注意，使使用的困难程度降低，从而提升用户的满意度。

2 移动端下的用户交互的体验需求

2.1 舒适的交互手势

触控互动的方式是主要交互方式之一。界面信息的位置排布受手指活动范围的影响[3]。多点触摸手势中包括点击手势、长按手势、滑动手势等，点击手势和长按手势是手势设计中的基础操作手势，分别用于打开所选信息等等；滑动手势是手势设计中的导航操作手势，主要用于目标的移动[4]。易操作且好用的交互手势可以让人与设备之间的交流更加自然流畅。

2.2 清晰的信息

移动设备的屏幕尺寸是有限的，如果界面上展示的东西越多，用户浏览所花的时间就会越长。例如为了突出了文案所要表达的含义可以运用放大图片再配上简单文字的形式，这样既清晰地展示了图片也清楚地表达了文字所要说明的含义。因此在设计界面时，要使信息清楚而有序地传递给用户，从而提升使用效率。

2.3 良好的动态效果

运用合适的动态效果有助于用户更快地了解、使用界面，一但运用过多的动态效果可能会带来负面印象，没有及时反馈从而影响用户体验[3]，同时也会混淆用户的操作，增加使用障碍，因此适量的动画才能使界面达到最好的效果。

3 视觉元素在手机App 界面中的应用分析

界面的整体结构、色彩与显示的清晰度是影响界面设计的重要视觉因素。在界面布局设计上，如果不能将信息进行合理排列，信息过多，从而增加用户的浏览时间，就会给用户带来较为糟糕的用户体验。因此整个画面应规范对称，不要让用户产生视觉疲劳，防止影响其心理预期，从而接受错误信息[5]。

3.1 符号元素

现如今，交互界面的视觉效果随着人们审美的变化而变化，近年来扁平化设计一直是交互界面设计的主流风格，它删减掉了多余的立体效果使得整体设计更加简洁、美观。从三维到二维，只保留最基本的图形形状，删除可有可无的装饰效果，从而极大地减轻了用户的视觉负担，符合当代用户的审美要求，突出App 的主要功能信息[6]，使信息高效地传达给用户。

3.2 文字元素

文字在App 界面设计的作用一般为提醒、按键功能解释以及辅助操作等等。但文字不同于符号，平面设计中文字也可以作为一种视觉元素进行版式的编排、构图等。除了传递信息内容外还能增强交互界面的视觉化效果。例如出现按钮时，在引导用户点击或选择的过程中，字体上可以加粗或者放大，使其有明显的对比。

3.3 色彩元素

在交互界面视觉化设计最重要的就是色彩的运用，搭配不同色彩使之具有合理性和协调性。在色彩使用时，合理运用色彩的主次关系，注重色彩主色调的选择，同时颜色搭配最好不超过三种。同时App 的功能和色彩可以具有一定的联系性，注重用户使用时的视觉感受。

4 界面现存的一些问题

4.1 信息过分饱和

在界面排版过程中，有时会将过多的信息强行植入，给用户造成一定的心理压力。相比内容繁杂的页面，其实简单的界面更容易引起使用者的注意力，界面简单会给使用者带来轻松愉悦的阅读效果，不会给用户造成心理负担。但当下的大部分界面设计没法突出重点，反而是大量内容的堆砌，造成界面繁杂混乱。

4.2 易产生视觉疲劳

大多数App 在设计时，并没有对用户需求进行深度的调研，没有深入分析功能结构，更没有模拟用户使用设计产品时的场景，致使现大多同类App产品的界面布局、功能结构都毫无改进、毫无亮点，造成用户一定的审美疲劳。

4.3 实时的反馈

实时反馈是尤为重要的，使用者进行任何操作必须要及时地反馈给他们。但如果操作者在实际操作过程中在对软件进行点击或指令时，并没有显示任何信息的反馈，就会导致用户体验感快速下降。例如：当我们将手机音量增大或减小时，屏幕上会跳出弹窗，告知用户此时音量的大小，给用户一个及时的反馈，告知用户这个动作此时是生效的；但如果没有实时的反馈会使用户在使用过程中产生茫然和困惑，一定程度上降低了用户的体验感。

5 总结

在App 界面设计中，使用让用户看着舒适的排版至关重要。因此要合理运用图形、文字和色彩元素，大胆创新，给用户带来全新的视觉冲击。只有将用户体验作为基础和出发点，设计出来的交互界面才能满足用户的需求，提供更好的用户体验。