基于视觉传达的移动端UI界面视觉设计方法

基于视觉传达的移动端UI界面视觉设计方法

苏璇

452528198002098781

摘要：UI界面可以作为用户与终端之间交换信息的媒介，通过用户与机器之间的信息、资源交互，实现对图片排布的可视化。人们可以通过日常使用的移动设备（手机、平板电脑等）进行界面的操作。随着移动设备逐渐普及，受众群体对于UI界面的要求越来越高，不仅要求界面排布具有简洁化、功能化等优势，还提出了针对UI界面的美观性需求。如果在此种情况下，无法实现对UI界面的美观程度设计要求，那么会导致使用用户的数据大幅度下降。为了进一步满足受众群体的需求，保证开发成果符合大众需求，本文将基于视觉传达角度，对移动端UI界面视觉设计方法展开研究，在保证页面整体布局优化的前提下，实现现代化技术在其中的集成与融入。

关键词：视觉传达；移动端；UI界面视觉

引言

文化产业的持续发展与科技的快速进步，使我国大众对视觉文化的欣赏水平逐步提高。其中一个重要的原因是，近年来各种新媒体科技手段的飞速发展及进步为视觉传达设计行业的革新和升级提供了强大的技术支持。而视觉传达设计领域需要的各类信息传递工具、载体以及设备等都越来越丰富。在新媒体艺术的背景下，视觉传达设计行业的主要工作本质也并未因此发生改变，而是依旧根据特定的设计目的，在经过对素材资源的分析之后，依靠视觉元素将可视化素材传达给受众并对受众产生影响的过程。不过，相比于以往的视觉传达设计载体和媒介，新媒体艺术背景下的媒介和载体全方位地整合和优化了传统的视觉传达设计元素，为大众带来了更便捷和优质的视觉产品体验。为了更好地满足人们视觉审美的多元化与个性化需求，视觉传达设计行业必须充分利用新媒体技术，不断积极追求技术上的创新和视觉品质的保证，从而促进视觉传达设计行业的可持续发展。

1基于通信技术的UI界面设计层次划分

引进数据通信技术，将此项技术集成在用户端，用于获取用户的历史信息。可以将用户作为界面设计中的主要参与主体，获取用户与外界交互的主要通信渠道，以此为依据，进行用户需求的建模。基于用户通信内容、用户通信行为、用户通信形式3个方面，解读用户需求，并从提出的3个方面，进行UI界面设计层次划分。在通信建模过程中，需要深入研究用户通信行为。其中，主要研究内容包括用户移动终端的可行性调查、用户对交互性软件的认可程度等。通过对述上内容的持续优化设计，对用户通信进行不断优化建模，以此掌握不同类型群体对UI界面设计的真实需求，从而实现对UI界面层次在设计中的精准划分。

2视觉传达设计的概念

视觉传达设计是指一种利用所有视觉图文元素的设计创造给目标受众传递一定讯息内容的主动性行为。其主要应用于视觉，且主要利用对二度视觉中的所有可视图文元素进行创作与表达，包括标识、排版、绘画及电子设备等形式。简单概括来说，视觉传达设计实际上就是讯息通过视觉的媒介平台传递给目标受众的过程，设计者是视觉讯息的直接发送者，受众则是视觉讯息的直接接收者。视觉传达设计的基本特点：视觉传达设计是设计者通过视觉讯息传播平台向平台使用者传达特定主题、影响受众的设计活动；是一种以印刷品为介质的平面设计；是直接为现代商业活动服务的一门视觉艺术。

3单向到交互到多感交互

由于交流形式有限，传统纸质媒体无法实现与观看者的双向互动。新媒体的出现解放了单向设计，在科技的帮助下，设计从单向转向交互，再转向多传感器交互。从网页到移动终端，新媒体交互的发展已经将近20年了。在对Web2.0时代互动网页功能和美学设计的研究中，崔丽提出，高效、便捷、审美的界面应该是网页界面设计的标准，互动网页可以满足这些需求。13年后，大部分文献开始于移动终端的交互设计。例如，文源在移动互联网软件产品用户界面设计研究中解释了移动终端用户界面设计的概念，并提出通过移动终端用户界面设计来保存客户端。夏振杰认为，应以观众意识为主要出发点，设计不仅要看照片和讲故事，还要给观众带来愉悦的感受，促进有效的沟通。这种互动思维的出现促进了个性化设计的普及，个性化设计可以为不同的用户推广不同的信息和风格，实现高效、有针对性的信息传递。

4实例应用分析

为了验证本文UI界面设计方法的可行性，以某科技公司开发的App产品为例，应用本文提出的设计方法，进行UI界面的设计与开发。某科技公司开发的美食App已经在市场发行，但是发行市场后并未取得显著的效果。在对现有设计成果的深度分析与研究中发现，该界面的布局设计较为简单，所有产品的展示较为清晰，可以满足用户的基本需求，相比市场内其他电商App界面而言，此次设计的界面缺少创新性，也没有基于用户需求角度对界面整体进行美化设计，UI界面整体设计不够个性化、定制化与人性化。为了实现对现有设计成果的优化，解决界面设计中存在的不足，可先按照本文提出的步骤进行操作：首先，使用网络通信技术在相似网络中建立成果连通渠道；其次，获取受众群体与相关用户在检索网站时的需求信息，建立需求信息之间的有效连通渠道，进行美食App中UI界面设计层次的划分；最后，根据划分的成果，选择界面设计中的主要元素与主体色调，考虑到此App的主要展示对象为美食，因此此次设计的主色调设定为暖色。通过此种方式，给予消费者与用户温馨感，激发消费者的购买欲。结合界面布局实际需求，为不同的功能窗口部署不同的功能。以UI界面中的“首页”功能键为例，当用户输入个人账号与登录密码后，可以操作界面，移动鼠标到“首页”窗口，在此窗口中，用户可以继续选择App推荐商品、便利速食、健康专刊、孕妇必备美食以及美容养生专区等功能键，通过此种方式，实现在UI界面对整体功能完善。按照上述思路，对界面布局进行设计，通过此种方式开发的美食App操作界面。

5视觉传达设计的互动性

新媒体艺术最大的一个特征就是互动交流性，它将设计者、产品、使用者紧密联系在一起。设计者在设计初期，首先会站在使用者的角度进行使用体验和分析，从而进行设计创作，并在过程中以使用者为中心，不断进行产品的改进和升级，提高使用者的产品体验感和满意度。同时，使用者在浏览接收到的讯息时，不再只接受讯息，同时还可以发表对产品的意见和看法，进而给予产品设计者更多的信息反馈。设计者在创作产品时，能够设计各种模式的视觉传递效果，使用者也能够按照需要和喜好选择不同的阅读模式，以提高视觉传达设计在讯息传递中的针对性与多元性。互动式视觉传达设计是当前最受欢迎的设计模式，要想充分发挥互动的效果，需重点关注使用者与媒介之间的有效联系。同时，为了促进视觉传达设计行业有序发展，需不断储备具有创新型素质的人才，保证社会上相关人才的可持续性，健康有序地推动新媒体行业的发展，以促进视觉传达设计行业更稳更快地发展。

结束语

本文从基于通信技术的UI界面设计层次划分、UI界面版面设计、UI界面色彩与背景搭配视觉设计优化3个方面，开展了基于视觉传达的移动端UI界面视觉设计方法研究。完成设计后，以某电商美食App产品的开发为例，应用本文提出的设计方法，进行UI界面的设计与开发。经过大量的实践检验证明，本文此次设计研究的成果在实际应用中，可以提高整体界面的简洁程度、完善界面功能，保证设计成果具有较高的应用与推广价值。

参考文献

[1]张思遥.视觉传达专业移动端界面设计课程教学实践与探讨[J].艺术品鉴,2018(35):209-210.

[2]蔡松霏.移动互联网应用界面设计中的视觉统一性研究[D].中国美术学院,2018.

[3]孙冰洁.移动端电商广告设计研究[J].大众文艺,2018(06):49-50.

[4]罗霄.UI设计在视觉传达方向的应用前景预测分析[D].武汉纺织大学,2018.

[5]李婧.基于移动互联网的设计教育MOOC平台研究[D].中国美术学院,2018.