吴晓辉

摘要：现阶段，在保证手机移动端质量的同时，还要结合其特有的美学法则，确保界面设计的美观。基于此，本文说明了手机移动端界面设计的评定要求，重点阐述了手机移动端界面中的布局设计、形式设计、组件设计以及动效设计中包含的美学要素，为相关工作人员提供参考。

关键词：手机移动端；界面设计；美学法则

引言：

现阶段，我国的移动通讯技术以及互联网技术得到了迅速发展，使用手机移动端的用户明显增加。手机移动端为人们的生活提供了更加方便的条件，也改变了人们的生活。随着手机移动端品牌、功能以及型号数量的提升，人们对于手机移动端有了更多的要求。在这样的情况下，手机移动端的设计中不仅要对其质量与功能进行优化，还要确保界面设计的美观。

一、手机移动端界面设计的评定要求分析

在进行手机移动端界面设计的评定中，要对四个方面展开评定：形式、色彩、样式以及动效。其中，对于手机移动端界面的形式来说，要对其风格统一程度、布局的合理性、是否符合人机工程原理等进行评价。这要求着相关人员在设计中避免为用户带来不良感受；对于手机移动端界面的色彩来说，要对其与产品的协调性、元素的统一程度等进行评价。这要求着相关人员在设计中不宜使用过多的色彩；在样式的评价中，要对界面中的无障碍设计进行分析与评定。所以，在设计中要充分的体现人性化特点；在动效的评价中，要对其流畅程度、有意义程度进行判定，保证用户能够更好的理解当前的动作。

二、手机移动端界面设计的美学要素

（一）布局设计

对于大多数人类来说，在审美上更加倾向于有一定规律和节奏的布局排版。站在阅读的角度上来说，使用结构网格的行距能够让用户在不同的屏幕下的手机移动端界面有着一致性的体验。在实际的设计中，要将界面分成三个维度。对于不同重要等级的元素来说，其在手机界面中的优先级为固定的，固定的优先级能够确保有用户对界面的感知不变[1]。在简单的工具栏重叠中，可以使用纸片重叠的方式来体现，也可以将其用于工具栏的展开，也就是纸片的临时覆盖。

另外，还可以运用增量边框完善手机界面的布局设计。例如，可以先确定某一元素的尺寸，然后以这一尺寸的数倍增量完成其他元素尺寸以及位置的确定。

（二）形式设计

在手机移动端界面的形式设计中，主要包含着三个方面的要素，即色彩、图表以及图像。对于色彩来说，其在实际的收集移动界面设计中受到了限制。换句话说，就是在界面设计中，只能够选择一个主色以及一个辅色，或是一个强调色。同时，要确保所有的颜色都有三个色度。在这样的要求下，使得手机移动端界面设计中无法展开颜色过于跳跃的设计。相对应的，在文字、图标、分割线的颜色设计中，也要附加alpha值。例如，当界面背景为白色时，上面的文字不能全为黑色的。

在手机移动端界面的图标设计中，要确保设计风格统一、简洁，能够将功能视觉化。这就要求着相关人员在实际的设计中，充分的利用隐喻的作用，使得图标显示的含义更加清晰，最大程度的避免用户在使用中产生歧义。在一整套图标中，要具有一致性的元素，包括描边、断线、圆角大小等等，提升用户的一致性视觉体验。

图像也是手机移动端界面设计中的一项重点要素。在实际的设计中，要确保图像应用的准确性，提升手机界面的美感以及场景的实质性[2]。所以，要尽可能选择让人心情愉悦以及能够体现内部信息的图像，最大程度的提升用户的满意程度。在选取图像的过程中，相关人员要选择具有突出焦点的图像，不宜过度的处理图像，确保图像的完整程度。要结合上下文语境以及特定信息完成图像的选择，保证用户能够理解信息，提升用户的使用体验。

（三）组件设计

当菜单在手机界面上弹出后，底部动作条会通过纸片重叠的方式弹出，此时，下方的无关内容会被半透明的黑色背景掩盖。在设计界面中的不同按钮时，可以使用偏平按钮、浮动按钮以及悬浮浮动按钮的方式完成。通常来说，手机移动端设计中，仅具有不可点击、点击前以及点击后三种状态，并不存在悬停状态。所以，在实际的设计中，要确保用户能够快速的感知到手机系统的反馈。

（四）动效设计

在手机移动端界面的动效设计中，要尽可能的确保动作的真实性。这就要求着相关人员在实际的设计一个使用真实状态的隐喻，帮助用户更好的感受到系统的结构。在真实的生活环境中，所有运动状态的改变都存在着一定的加速度，并不是突然开始或静止的。所以，在手機移动端界面的动效设计中，要避免画面突然开始、停止以及转换方向，使得画面的运动更加自然。

响应动作的设计也是手机移动端界面动效设计中的一项重要元素。当用户按下某一按钮时，能够感受到移动端给予的听觉、视觉、触觉等的反馈，帮助用户了解当前的处境，提升用户的使用体验。在不同场景的转换中，要确保所有的元素能够构成一个美观的、无缝衔接的应用。例如，播放、暂停以及停止键的动态变形。这种细节化的动效设计能够更好的满足用户的感情化需求。

总结：

综上所述，在设计手机移动端界面中，要重点考量用户的使用体验。在设计中，要对布局的规律性、色彩与图标的见解统一性、图片的完整性、动效的真实性等进行重点的体现，并向用户及时的反馈系统响应，提升了用户的使用感受，更好的满足了用户的感情化需求。

参考文献：

[1]吴珊，赖剑峰.基于“用户为中心”的手机界面视觉设计[J].韶关学院学报，2018，39（10）：95-98.

[2]李明辉，魏亚云.安卓手机移动端的界面设计美学法则探析[J].包装工程，2016，37（10）：170-173.