武汉ui培训
达内武汉鲁广中心

15271940953

热门课程

UI中动效设计怎么做合理

  • 时间:2018-06-13 14:31
  • 发布:武汉ui培训
  • 来源:互联网

我们将在下文中,简单探讨如何改善下面的这个交互。

UI动效设计的反面案例概述

自从 70、80 年代首个光栅图像在CRT屏幕出现以来,人们对于(数字)视觉设计的态度一直在不断进化。与其他艺术领域不同,在数字设计领域显露的趋势,与使用设备的发展史紧密相关。

武汉ui培训

设备能力的提升有目共睹,显示器技术使分辨率从CGA320*200,到VGA的640*480,然后到SVGA的800*600,到现在已快速提升至4k及以上。

类比视觉设计发展历程

动效设计正在经历成长的疼痛,正如在当年90年代和21世纪初的视觉设计。追溯视觉设计进化发展的过程,有助于我们去理解现阶段的动效设计。

21世纪初期的网页设计

在更精妙的设计语言出现之前,设计师们在初期阶段容易滥用新功能,这是正常的。90年代末和21世纪初的界面设计师,应该还记得以阴影、斜角、高光,无留白这特征的过度设计。当设计师们着迷于新媒体,并陶醉于像素的奇妙时,这一结果再自然不过了。

扁平化设计示例

不管你喜欢与否,扁平化设计在设计圈中已成为主流思想。所有的主要系统平台(Android、iOS、OSX、Windows、Windows phone)都已经开始拥抱这种极简设计语言。同时,它还主宰着高速发展的网页设计。

扁平化设计是视觉设计思考成熟的体现。它是一个自然的进程,一方面是被潮流和时尚驱使,另一方面折射出业内人士终于逐渐掌握了数字媒体 。

动效设计

现阶段的动效设计,可以类比视觉设计史的“阴影阶段”。网页动效能力有了显著提升,得益于CSS中的过渡属性(transition)和被硬件加速支持的变形属性(transform),以及正在发展的标准,如JS动效(JS Web Animations)。另外,现在的移动设备由于其不断精进的性能,以及多核、多存储、高dpi等优越的特性,可以流畅地输出60fps动画效果。

让所有东西都动起来!这样的动效仿佛让人回到了1999年。考虑到现在是UI动效的早期设计阶段,设计师试图通过增加动效来增强视觉亮点,和曾经的阴影和斜角没什么不同。但是很确信的是,与视觉设计不同,动效设计的成熟不需要耗时15年。

过度的动效使用

无意义的动效随处可见,它们也不仅出自业余设计师之手。作为用户,我们可以很轻易地发现这种妨碍着你的动画,它阻隔着你和你的目标,令你困扰皱眉。作为设计师,你需要意识到你的UI设计并非什么娱乐。没有人只为看着酷炫的动效爽,就使用你的app或者网页。

更多武汉ui培训相关资讯,请扫描下方二维码

武汉ui培训班

上一篇:秒懂UI和UX的区别
下一篇:设计师的未来之路怎么走

做UI设计你需要注意什么

用户体验设计的流程

介绍一个评估产品设计的基准

交互设计师的攻略

选择城市和中心
贵州省

广西省

海南省