TAGGED IN
动画
共有 21 篇文章
UI 设计实例:如何将功能性动画完美融入设计以提升用户体验
来Nick大神关于功能性动画的一篇文章,翻译过来与大家分享一下。 人类是视觉动物,我们天生就会注意到移动的物体。在app和网页中,小动画对我们来说像是眼睛的甜点一样,我们不自觉的就会被它们吸引。近来,越来越多的设计师将动画作为一种功能性的元
设计思考:功能性动画如何提升用户体验?
功能性动画的每一帧都有其目的,注意每一个细节,让动画成为操作过程中一部分。数码产品的用户体验会因为功能性动画的使用而得到提升。人类是视觉动物,我们天生就会注意到移动的物体。在app和网页中,小动画对我们来说像是眼睛的甜点一样,我们不自觉的就
通过移动动画将手机应用代入生活
现代界面不再是一系列静态屏幕。通过使用动画给产品添加时间维度,弥合软件和人性之间的差距。如果你回首十年前,那时如果你在用户界面上使用移动动画会被认为是一种犯罪,而不是最佳实践。它与华丽的网站,弹出的窗口和闪烁的按钮相关联。但这在过去几年中发
新晋神器!超厉害的原型设计新玩具 KITE COMPOSITOR 深度测评
随着前几年可交互设计软件一番大战之后,很多红极一时的产品都由于各种原因慢慢淡出了设计师们的视野:主打 H5 的 Hype 好像慢慢没声音了、Pixate 被 Google 收购之后不久就宣告死亡、同是 Google 家的 Form 也没有做
[译文]如何合理使用 UI 动效?
最 近几年涌现出大量的原型设计工具,设计师们借助这些工具可以做出更为细致的动效设计。掌握这些工具少则需要几小时,多则几天。然而,在如此多的选择面前,很多设计师会感到迷茫。我们必须停下来回归一个问题:到底做动画(动效)的目的是什么?从意图上来
线条之美,玩转 SVG 线条动画
通常来说web前端实现动画效果主要通过下面几种方案:css动画;利用css3的样式效果可以将dom元素做出动画的效果来。canvas动画;利用canvas提供的API,然后利用清除-渲染这样一帧一帧的做出动画效果。svg动画;同样svg也提
手机 UI 设计中动画的 3 个关键用途
随着技术的快速发展,动画不再是一种视觉奢侈品,更多的是用户期望的功能需求。动画解决了很多界面中的功能问题,使界面生动自然,响应用户。让我我们探讨关键动画策略,提高手机界面的功能性与情感化。1.系统状态在你的应用程序中总是有很多的后台进程,比
想进阶成 PPT 高手?得先学会这些高级动画特性!
编者按:@魔力大熊老师的第二篇PPT 进阶教程来咯。PPT 中那么多的动效可以选,该用哪个?怎么做出类似苹果发布会那样酷炫的动画过渡效果?来看今天的干货,实战带你轻松上手!说到动画,就一定提到迪士尼。这家伟大的公司除了给观众留下数不清的经典
【ui 动效教程】UI 交互动效的设计原则
本文为大家提供一个【ui动效教程】UI交互动效的制作原则,希望能够给大家更多的帮助。去年发布了 Gyroscope 以来,许多人在问做动画用的什么 JavaScript 库,对于这个问题也有将它公布于众,但实际上那并不是奥妙所在。大神告诉我