新概念科技（上海网站开发）：本文将探究上海网站开发中的UI设计中动画成效的过度应用，通过对比早期的视觉设计，为UI动画的有效设计提供一部分建议，另外附上实战案例，手把手教你改进文中案例的交互动画哟。

遗憾的是，这并不是某个做作的背面案例——而是拿新概念科技近期客户的网站开发个拿来的做实例。

网站开发之交互式简介：

自70-80年代CRT屏幕上映先进幅光栅图形以来，人们对数字视觉设计的态度便一直进化。与其他艺术领域不同，数字设计的潮流始终随可用工具的进化而改变。

咋们已经见证了设备显示能力的一直进步——从有限的CGA分辨率 (320 x 200) 到VGA(640 x 480)，再到SVGA (800 x 600)，直至今日显示技术已迅速迈向4K分辨率乃至更高。

视觉设计的相似性

在90年代至2000年前后，动态设计经历过与视觉设计相似的成长瓶颈期。因而回顾视觉设计的发展历程相对咋们理解动态设计的现状具有重要的借鉴意义。

在新的设计语言形成并进化以前，上海网站开发设计师有时往往会滥用新技术，这是很当然的现象。在90年代后期到2010年间（互联网初期、CD-ROM时代），为显示媒介做过设计的人，必然牢记那些不厌其烦被使用的设计方法和元素—阴影、倒角、光效以及地不考虑留白。这些全是设计师驾驭新型媒介并醉心于崭新像素中的当然产物。

扁平化设计

扁平化设计范例

不管你喜爱与否，时下扁平化设计风格正风靡设计圈。所有主流系统都十分青睐各式各样的极简主义扁平化设计语言（Android, iOS, OSX, Windows, Windows Mobile）。它乃至在高速改变的网页设计领域也占据主导。扁平化设计是视觉设计思维的成熟化表现。这一当然进化不仅源自时尚潮流的驱动，同时也反映了这一行业专业人员已逐渐掌握数字媒介的关键

上海网站开发之动态设计

当前动态设计的形势，可与视觉设计的下拉阴影时代相提并论。

网页动画的潜力在CSS过渡成效、由硬件加速的变形成效以及即将到来的标准（如JS Web Animations）的驱动下获得了巨大提高。

像20世纪初那样使用动画吧！

此外，运算能力更强的多核、大容量、高DPI设备，现在已经可以好输出60帧的UI动画。鉴于上海网站开发UI动效设计才刚刚兴起，设计师被导向以动画作为视觉吸引是很当然的事，这与当年阴影、倒角盛行的时代相似。我确信，与视觉设计不同的是，动态设计不必须要15年之久才能变得成熟。

上海网站开发之动画的过度使用

无用的动画在设计中比比皆是，且并不仅限于设计新人。作为顾客，你可以轻易地发现这种动画——它挡住了你与既定目标之间的路，使你因无法完整地诠释意图而万分沮丧。作为设计师，你必须明白UI绝不等于娱乐。没有人会打开你的app或网站，然后赞叹弹出的动画做得有多赞！

OS X 全屏动画

不管是桌面还是移动端，UI动画的背面案例数不胜数。Mac OS X由窗口转换到全屏的动画便是一个例子。作为以前沿设计感知名的公司推出的主打产品中的关键基本功能，这一转化的失败着实令人费解。

该动画存在的问题包含：

- 速度缓慢

- 无存在必要性

- 除非使用命令行，否则无法修改

如何知道自个的UI动画令人反感呢？那便是当有人开始写文章来吐槽这样的问题的时候。无数的博客文章和论坛回复都关于如何加速或取消这样的成效，这很好地表明了这种设计除了刺激顾客以外差不多没有任何作用，而这正是UI动态设计的大忌。

为你展现魔术般的动画

即使相对上海网站开发来说，使用缓存和主动预载机制，延迟也是可以减少乃至去除的。不过，这种做法自身也存在问题。有流量限制的移动端顾客并不希望预加载大批可能不必须要的数据。既然延迟不是总能有效防止，动画就可使之变得更加流畅。此时层级动画会特别有效。

渐进式载入

渐进式的载入方法可进一步减少顾客所感知的数据载入時间。差不多可以确定，顾客不可能立即使用程序将提供给他们的全部数据。通过给数据下载分块，并随数据的载入来显示信息，顾客感受到的将是一个交互性更强的App。

新概念科技（上海网站开发）结论：

咋们必须十分谨慎，让形式重于实用性的历程不再重演。动画可以也理应被用在你的网站或App上以强化顾客体验，但纯粹装饰性的动画成效，很难令产品变的更好。冗长的网络请求提供了使用动画的绝好机会——如同魔术一般，降0顾客所感知的等候时长。