设计师的魔法:让你的冰冷设备即刻变成迪士尼
随着互联网的普及,用户对于产品细节的感知度和挑剔程度日益俱增,如何让产品脱颖而出就成了大家必修的课题。在这其中,和迪士尼同样拥有十二动画原则技巧的动效设计,也“继承”了迪士尼的人气,一跃成为近年来最火热的趋势之一,被众多产品所青睐。
动效设计不仅能够增加用户操作的舒适度,还能引导用户关注重要的信息,而这些都只是动效诸多作用当中的一小部分,一个优秀的动效设计能够赋能产品价值,带给用户更高质量的用户体验。
那么如何才能做好动效设计呢?让我们从动效的定义入手慢慢了解~
1 什么是动效
动效是指数字产品或网站中的动态元素,包括各种形式的动画、过渡、形状、颜色、交互效果等。这些元素能够增强用户的视觉体验,使设计更具生命力和互动性、提高用户的参与度。
2 为什么要使用动效
使用动效设计的最主要的作用是提高数字产品或网站的用户体验。它可以帮助用户理解页面上的变化,提高用户与产品或网站之间的情感联系等。
提高用户理解和记忆能力
动效可以让用户更容易理解和记忆操作系统中的变化,例如菜单的弹出、页面的转场等。通过动效,用户可以更直观地感知系统的反馈和变化,从而提高用户对系统的理解和记忆能力。
以早期苹果 Mac 桌面文件夹的打开与关闭为例,在打开和关闭的过程中,用户可以清晰地分辨出窗口从屏幕的哪个位置来的,也可以更容易理解应用程序的启动过程。
提高参与度和互动性
使用动效可以让用户更具有参与感和互动性,以增强用户与操作系统之间的情感联系,从而提高用户的满意度,增加用户对系统的忠诚度。
以 iOS 为例,其动态壁纸可以让用户更亲近设备,增加用户对设备的喜爱度。
增加美感和吸引力
动效还可以为操作系统添加动态元素,增强产品的美感和吸引力。适当地使用动效可以提高系统的整体质感和现代感,让用户更愿意使用系统。
比如 Android 通过将通知等动态进行了圆角设计,并增加了对应的色彩,让整个系统看起来更加美观、更具现代感。
提高可用性
除了感官方面,动效还可以提高操作系统的可用性。
例如,通过使用动效来显示界面元素的位置和状态变化,就可以帮助用户更快找到所需功能,以提高系统的效率和易用性。
相信看到这里,大家都明确了动效的必要性和其优势,但如何合理地设计一个动效并不容易,我们不仅仅需要为操作系统增加好看华丽的动效,同时,为了保证用户使用感受,不过多的垒叠动效之外,还需要保持其一致性、协调性。
那如何去设计一个完美的动效呢?
3 如何设计一个动效
明确动效目的和效果
由于我们是按照 ubuntu 操作系统搭建的操作系统,所以创建一个用户,否则系统不能正常运行。这里我们使用 useradd 命令来创建用户,使用 passwd 来为该用户设置密码;
在设计动效之前,设计师要明确动效的目的和效果,即动效是否用于提示用户状态变化、帮助用户更好地理解系统的反馈等。只有提前明确动效的目的和效果,才能创造出符合用户需求的动效。
遵循动画十二原则
正如文章开篇提到的,动效设计也需要遵循迪士尼常用的动画十二原则。
动画十二原则中有一个重要的动画原则是“超越物理规律”。它允许设计师通过动效创造出用户所期望的效果,而不受物理规律的限制。
例如,当用户点击一个按钮时,一个正方形图标可以变形成为一个圆形,以强调用户的操作和增加界面的趣味性。
注意速度和时序
动效的速度和时序对用户的体验非常重要。
如果动效太慢,用户可能会感到不耐烦,而如果太快,则可能会让用户无法感知到动效的变化。因此,设计师需要根据用户的反馈和体验,精确控制动效的速度和时序。
保持一致性
在设计动效时,需要避免过度使用不同的动效效果,以保证操作系统的一致性。这有助于让用户更容易理解并记住操作系统中的变化,来增强用户的感知体验。
例如,我们可以将操作系统中的所有按钮都设置相似的动效,来保持系统的一致性。
精简动效
另外,还有非常重要的一点,即精简动效。
在设计动效的过程中,难免会遇到难以取舍、灵感迸发的情况,但过多的动效会让用户感到混乱和不适,使得用户满意度和使用效率降低。因此,设计师必须避免过度使用动效,应该根据系统的整体风格和用户需求,合理使用动效。
4 总结
总之,动效在操作系统中扮演着非常重要的角色。优秀的动效可以提高用户的满意度和使用效率,增强用户与操作系统之间的情感联系。这一点相信大家也均有感受,最明显的就是我们的桌面越来越生动,UI 和交互页面越来越舒适,而这些直观感受的背后都离不开动效设计。
就像动画设计从最早的逐帧播放到迪士尼十二动画原则,我们对美的追求从未停止,而对各个产品或操作系统的要求也会只增不减。鼎道智联专注于打造一款真正“以人为本”的操作系统,在整体的视觉呈现和交互设计上我们也从未放松,时刻注意动效的一致性、保证创新的同时也精简动效,从而创造出更好的用户体验。如果你也认可我们的想法,有相同的目标,欢迎加入或关注鼎道生态。
评论