当代图标动效设计研究
摘要
关键词
图标;动效;设计
正文
引言:计算机和移动终端的性能,屏幕适应设计的成本,以及大众审美观的变化,使用户界面的视觉风格经历了几次变化。从黑白的格子到彩色的像素,随着科技的进步,用户在功能、界面、视觉、交互等方面都得到了不断的突破与完善。动效设计中的应用如星星之火,广泛应用于 UI设计,海报设计, MG动画等领域,从挤压和拉伸,缓入缓出,弧线运动,时间节奏,夸张手法等12种类型进行阐述,在当时是借由二维动画绘制发展出来的规律,到现在在三维动态中仍有很强的指导意义[1]。
一、当代图标动效设计相关概述
目前,静态的图文内容已经不是绝对的主流,但是,动态设计所具有的先天优势,可以更好地满足发展时代下人们的感官需求。科技的爆炸式发展,带来了从外观到人性化的巨大变革和创新,图标的动效设计虽然是界面设计的一部分,但其作用不可小觑。随着科技的飞速发展,软件和硬件设备的更新速度也是惊人的。随着资源共享程度的提高,用户需求和市场需求也随之提高。同时,在新技术的支持下,动效设计成本大大降低。良好的体验会使用户产生更多的需求,同时也会使设计者提高自身的要求。在 UI设计的过程中,静态图标注重用直观的方式来表达自己的想法,而动态的出现打破了静态的束缚,让图标变得更加贴近用户的情感,给用户带来更流畅、更和谐、更舒适的体验[2]。
二、当代图标动效设计策略
(一)关于图标动态效果设计的思考方式
探究设计思维模式并不是一种具体的解决问题的方式,也不是一成不变的模板,而是设计师在设计方法论的基础上,提出解决问题的过程。马克思主义社会科学的方法论“提出问题比解决问题更重要”的观点同样适用于设计者。在设计思维模式中,最重要的一点,就是要向这个千变万化的世界发问,而不是只想眼前,设计师必须要明白,“专业知识”是有限的,随着时间的推移,知识的更新,新事物的出现,都会促使设计师去发现新的问题,去发现新的东西,满足用户的需求。图标动态设计要从用户角度出发,既要增加品牌色彩,又要容易被用户接受。在此之前,设计师可以按照自己的需要来进行创作,在确定了主题之后,就可以展开自己的想象力和联想,用自己的思维去理解品牌,去理解用户。从可口可乐图标的演变过程来看,它在经历了许多变化之后,最终还是回到了经典,将那条优雅的白色飘带放大并重复,体现出一种简单、优雅、大方的设计风格。在可口可乐品牌 logo动画设计中采用了流线型效果,更符合可口可乐品牌“积极乐观,美好生活”的设计理念。设计师在设计动效图标的时候,还应该从品牌内容、诉求出发,对文字、图形、色彩等元素进行灵活的整合,再进行可视化的展示。同时,也要与时俱进,不断实验,不断创新。设计思维模式指的是以用户诉求为出发点,或者以设计师本身敏锐的设计感知为出发点,在面对复杂的世界时,创作出适合自己的产品,不断改革创新,给用户以可视化体验。
(二)图示动态效果的设计原理
动效设计作为点睛之笔,常常能在触碰到屏幕的瞬间产生有趣的互动效果,从而为用户带来更好的使用体验。目前,有很多软件都对动效设计进行了置入,比如说在下拉屏幕的时候,会出现缓动效果,在切换页面时会出现闪屏效果,或者在加载中时进度条推荐的效果等,它们可能会发生色彩的变化或者形状的改变,甚至介质的改变等。图标动态效果设计的原则是:突出功能性和情感性;设计师在进行动效创作的时候,除了要展现出画面本身的绚丽质感之外,更要强调的是要将产品本身的理念和设计内涵体现出来,因此图标的动效设计必须要有目的性,不能仅仅为了炫技和迎合潮流而进行。在视觉效果方面,图标的动态设计包含了动态效果,主要适用于字体、外形圆润的 logo,流线型的质感使画面更为流畅;而“Q弹感”的动画效果,则更适合在 LOGO的组合中。按点线面的构成,又可分为线形图标和填充型平面图标两类,它们是由二维向三维过渡的过程。
(三)图示动态效果的传播媒体研究
随着数字艺术的兴起,技术的进步打破了空间的限制,越来越多的智能化软件的出现和应用,降低了动态设计的成本,使动态设计的边界变得模糊。文字,图像,色彩,声音等交互作用产生的新化学反应,也使动态设计的传播媒体冲破了过去的束缚,引发人们对新时代,新型交互媒体的思考。动态效果的产生和应用必须建立在电子媒体的基础上。如今,人们使用最多的就是手机,科技的发展给设计带来了无穷的力量,人们可以通过手机来获取信息,并将信息传播出去,特别是可视化效果更强的动态图形信息,更容易给人留下深刻的印象,包括 IPAD、 PC端在内的使用用户也不在少数,图标的动效要做到适应不同传播媒介载体。
结语:
关于图标动效的设定在传播媒介上的研究是以图标视觉传达的本身为基础的,随着数字艺术的发展,动态图标通过设计把产品与用户紧密地联系在一起,在用户最容易接触到的媒介上打磨,建立起信任感,把品牌或者 App的设计理念做了更多情感化的输出,让商业与设计产生了奇妙的化学反应。
参考文献:
[1]史盟. 印刷装备操控界面图标的通用性设计研究[D].西安理工大学,2022.
[2]杨芮. 移动端界面交互动效设计研究[D].广东工业大学,2022.
...