视觉美学在移动App交互设计中的实践

陆映峰 刘海艳

与纸质阅读方式相比移动阅读方式的优势十分显著，但值得注意的是，对于需求不同的读者来说，阅读喜好仍然会呈现出差异化现象。所以对于阅读及知识传播来说，作为重要阅读途径的移动阅读、纸质阅读，二者不应站在对立的关系上，应基于优势的互补为出发点，实现共同发展。在移动阅读模式不断发展时，移动阅读App美学需求逐渐衍生，因此，要想切实满足阅读者的美学需求，在移动App进行交互设计的过程中，就应不断探索视觉美学的实践运用。

注意力原则

评价App设计优劣的过程中，一个基本原则就是注意力原则，所以在移动App交互设计中应用视觉美学时，设计师应充分引进注意力原则，密切关注用户是以什么为落脚点、明确设计中的哪一要素最能吸引用户等。页面上用户视线在移动的过程中并不是以随机状态为主，用户视线的移动是视觉受到刺激后一种快速的本能反应，所以用户视线移动并非无规律可循。

第一，交互设计中应用视觉美学时，设计师应注意对各种新颖有效设计手段的应用，借此达到吸引用户注意力的目的，确保信息传递在有效视线。成功的设计，能带给用户一种流畅的视觉感，所以设计师要想成功实现设计目的，就应过滤、排除一些容易造成界面视觉信息堵塞的内容，确保信息高效传达。

第二，注意细节设计力度的有效加强，使界面品质感切实增强，为促进用户的情感体验，同时有效吸引用户注意力。如设计App界面图标时，强化图形化的图标形象，借此有效吸引用户注意力，让用户在众多App中一眼发现某一App的独特之处，提高用户使用率。

对比性和统一性原则

视觉设计中，最吸引用户注意的一个重要手段就是对比性，通过对比能进一步丰富界面，确保界面的主次性、层级性充分体现，牢牢抓住用户视线的同时，避免用户游离、疲倦等现象。除此之外，视觉传达信息设计中，概念群组的主要手段之一就是对比，在设计中异化某一元素，能使用户注意到这一异化的内容。人们产生该种行为是潜意识里本能行为的充分体现，所以设计师可从这一角度切入，重要信息强化、次要信息弱化，确保形成对比性，实现具有空间感的界面设计效果。比如说，一些界面中会存在二级标题，但繁杂信息元素的存在會弱化二级标题，或者导致二级标题淹没于繁杂信息中，此时如果能实现一二级标题主次的明确的设计，自然能向用户传达清晰的界面层级信息。

App界面设计过程，重要组成部分还包含统一性，将界面中所有元素整合为有序、协调的一个整体就是统一性。比如对于页面导航中的图形按钮，设计人员应用抽象化、主题性、多元技巧等，就能够确保复杂构思逐渐向统一整体方面转化，为界面风格一致提供保障。应用统一性，能为用户便捷应用App提供有利条件，同时也利于激活人们的使用兴趣。省略一些复杂、繁琐的导航按钮，也能带给用户眼前一亮的感觉，不由自主地产生一种轻松感、愉悦感。

配色原则

实践显示，人们围绕外界物体进行观察的过程中，往往会在色彩方面集中注意力，由此可见，人们视觉的重要对象就是色彩。视觉设计环节，具体有5类色彩现象，即模仿、印象、表象、装饰和象征，其中最重要的功能为象征，能通过直观色彩将意义充分表现出来。我国传统代表喜庆、民族的象征意义的颜色就是红色，是民族精神价值取向的充分反映，因此有中国红之称。设计人员在应用色彩的过程中，也应注意多种设计原则的灵活把握与运用。

第一，注意细节的呈现，细节信息表现的过程中，应注意亮度对比特征的充分体现，一些字体的应用，尤其是对于小字体的应用，尤为关键的就是亮度对比。

第二，颜色编码信息，该方面的信息能为视觉搜索操作的视觉区分度及可学习度提供支持，而且可以使用特定语言将特定实体反映出来。

第三，大小不同区域，对于复杂化设计来说，一般都有编码背景区及颜色编码符号包含其中。而在突出小区域的过程中，通常都是以着力表现为主，同时将其背景色弱化。

第四，颜色序列，图形颜色编码是颜色的一个特定用途，当今时代建立的某些图形，与惯例且沿用已久的颜色序列相符，比如说地理学家进行陆地高度表示的过程中，就会使用颜色序列。

互联网时代背景下的移动App交互设计，已经获得了众多企业的高度关注，甚至一些企业基于线下产品进行了线上移动平台的构建。其在体现产品优势的过程中，起到决定性作用的因素就是视觉美学，本文希望通过对移动App交互设计和视觉美学融合的探讨，为企业增强移动App交互设计效果提供参考。