视觉包装在UI设计展示中的应用研究

摘要：UI展示中的视觉包装是商品形象展示与交互设计研究的全面体现，好的包装能够使设计和消费者之间产生互动，使消费者接收到包装设计所传递的产品信息，满足消费者的视觉需求及情感需求。本文通过总结、归纳在UI展示中的视觉包装设计的几点原则，为包装设计提供参考。

关键词：UI设计展示 视觉包装 应用

传统意义上，包装的功能是保护商品、传达商品信息、方便使用、方便运输、促进销售、提高产品附加值。时代的变革使包装设计的发展进入了全新时期，互联网时代，手机端和PC端成為人们获取信息的重要途径，所以为适应时代的发展，UI包装探索领域也成为重要的一部分。

一、视觉包装在UI设计展示中的意义

视觉包装主要有提升产品功能的可用性、增强界面的视觉效果以及呼应用户情感的作用。好的视觉包装能够引导视觉流程关注，清晰的层级关系将对降低操作的复杂性、突出产品的重要信息和特色起到重要作用。在情感上，通过视觉包装能够呼应界面的动效，引发用户情感共鸣，在使用过程中促成良好的用户体验，从而提升用户满意度。

二、UI展示中的视觉包装设计原则

UI展示中的视觉包装设计原则主要包含以下几点。

（一）功能性。（1）视觉流程完整、清晰。纵观国内外各大网站，UI设计展示通常以长图包装的形式对作品进行展示。这种长图浏览模式以视觉流程清晰、重点突出、阅读快捷方便等优势而被广泛运用于互联网产品。（2）吸引用户眼球。当用户通过搜索关键词进到网站或者主页时，第一个页面的信息展示是非常重要的，它在很大程度上决定了用户的去留。优秀的头图设计除了要美观之外，还需要具备一定的营销推广能力，其往往能够在第一时间吸引用户的眼球，瞬间向用户展示产品的优势，增加用户深入点击浏览的机率，引导用户进一步关注，从而提高网站流量，并且能够让用户产生品牌联想。

（二）物理性。视觉包装中的动效设计也让原本处于静止状态的页面和状态之间有微妙的变化过程，赋予界面对象以生命力。但是一个优秀的动效必须自然、符合物理世界的事物运动规律。这是因为物理世界里的物体是拥有质量的，给它们作用力，它们就会移动。由于阻力的存在，几乎所有的物理运动都有着加速度运动，即人们肉眼所见到的缓入缓出。如果虚拟世界里的动画突然开始、停止或突兀地转变方向，会让用户产生不适的感觉。所以在进行动效设计运动形式时，要蕴含操作逻辑和动作序列，而不是一味地追求某一动效图像运动的与众不同。同时，要注重用户视觉的连续性以及动作的反馈性。物理世界中，我们的视线转移规律以及对动作反馈的认知与反应，都需要我们在虚拟世界进行研究、模拟。

（三）趣味性。（1）素材运用。巧妙地运用相关素材可以让画面更加生活化，更加亲切。例如在餐食类APP中，为了平衡画面可以添加甜点等素材；在游戏类APP中可适当添加枪支等素材，来营造一种身临其境的感觉。素材应用的目的是以增强画面效果和反映产品属性为目的，巧妙地使用素材包装会为设计增添更多的趣味性和设计感。（2）多样性。在制作针对UI设计的包装延展时，除了用UI图标等元素充实画面，还可以制作视频类包装来丰富画面，增强画面的灵动性。同时可以运用企业视觉识别中的名片展示、文具用品展示等载体来展示UI设计中的界面元素。（3）情感化设计。现今的设计不仅是满足于使用功能的到位，还倾向于人与物的情感交流。设计师使用不同的文案、色彩、图形等设计整合形式，使设计可以通过声音、颜色、外观形象等各方面影响人的五感，进而与用户心灵交互而产生情感共鸣。

这种针对不同受众群体的不同心理刺激，同样遵循一定的设计心理规律。在色彩选择上，无论文化差异有多大，人们在辨别冷暖色的观点上都是一致的。这种长期的生活经验，使我们对于不同的色彩产生不同的情感。例如红色的色感温暖，性格刚烈而外向，容易使人兴奋、激动、紧张、冲动，是一种对人刺激性很强的颜色。而绿色是自然界中草原和森林的颜色，有生命永久、理想、年轻、安全、新鲜、和平之意，给人以清凉之感。通过选择合适的颜色诠释设计目标与主旨，以此来传递某种情绪。在文案的推敲上，文案起到丰富作品内涵、解释信息的作用。优秀的文案往往能够打动用户。例如在产品调性为活泼、热情的时候，可以将界面中的红色解释为18岁那年篮球场悦动的热情红等。因此，统一真实的情感表达尤为重要，要用或感染或诙谐或细腻的传达方式，以情动人，让用户感受到设计的意境之美，唤起真情实感，以实现包装设计的目的。

三、结语

在UI设计、平面设计、工业设计等领域，包装都具有举足轻重的作用。包装设计是以消费者为中心。在针对产品展示的时候，要先厘清产品的特点、格调、属性、目标，根据目标来制作合适的视觉流。一个设计合理化的界面包装往往为更好地理解界面指明了方向。

参考文献：

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

[2]周睿.启动时态界面中动效的交互设计研究[J].包装工程，2015 （08）.

（作者简介：李月怡，女，云南师范大学美术学院硕士研究生在读，研究方向：信息设计与研究）（责任编辑 葛星星）