分享此网站可得100G教程,联系小洁领取点击这里给我发消息

标签:动效设计

APP设计

看似简单的几个动效,在APP中实现过程并不简单

看似简单的几个动效,在APP中实现过程并不简单
想要让产品能够像呼吸一样自然,动效的处理很关键。但是,对于远离设计和开发的普通用户而言,很难想象这些看起来无比简单的动效和交互是如此的耗费时间和精力。显而易见的设计背后,是技术和艺术通力协作。 在Tubik Studio 的设计实战案例当中,动效是很重要的组成部分,它们和整个UX 设计紧密关联,分割不开。今天的文章,我们来看看它的动效都是怎么实现的。 时间选……继续阅读 »

学UI设计 613浏览 2个赞

交互设计

12 条提高产品可用性的动效设计原理

12 条提高产品可用性的动效设计原理
本文将市面上最常被使用的动效进行了一次总结并逐条阐明这些设计背后的原理,每条原理后面我都会为朋友们选出一些大家最常用的 App 作为例子,顺手打开就能体验啦。 缓动(Easing)、偏移量和延迟(Offset & Delay)主要与时间相关。 父子关系(Parenting)用于阐述元素之间的关系。 变形(Transformation)、数值变化(V……继续阅读 »

学UI设计 302浏览 0个赞

交互设计

超全面干货!如何制作符合场景的交互动效?

超全面干货!如何制作符合场景的交互动效?
@野子Joey :动效如今被广泛的使用在界面设计中。但如何合理使用实效,而不是让动效干扰用户,却少有总结的经验。因此本文旨在结合现有的动效资源和案例,总结一下动效的使用目的,使用场景以及实现技术。 注:由于动图过大,压缩有损细节,不过对了解动效的原理没有影响,见谅。 文章结构: 现状介绍 动效使用历史 动效的使用目的 动效使用场景 使用动效的注意事项 如何……继续阅读 »

学UI设计 592浏览 0个赞

APP设计

在这些实例中,学会用动效赋予你APP生命力

在这些实例中,学会用动效赋予你APP生命力
如果重新审视10年前的网页和移动端应用的话,你会发现动效和动画在这个时期简直是犯规一般的存在:浏览器和硬件设备吃不消,它们根本无法成为设计最佳实践。十年前你所能看到的动画和动效,通常是使用Flash实现,或者短暂的存在于弹出框和闪烁的按钮特效中。但是情况在最近的几年出现了巨大的转变,iOS和Android 设备的大规模普及,移动端芯片的性能提升,让设计师在移……继续阅读 »

学UI设计 622浏览 0个赞

APP设计

浅析动效在UI设计中的作用

浅析动效在UI设计中的作用
动效相较于平面图好像更能抓住读者的心,触动内心深处,有渴望读下去的欲望。随着技术和硬件设备性能的提升,动效已经不再是视觉设计中的奢侈品。动效不仅仅是华丽的动态效果,它首先帮助设计师和用户解决了许多界面功能上的问题,让这用户更容易理解产品,也让设计师更好的表达。动效本身还让整个界面更加活泼,充满生命力,更加自然的相应让就用户和界面之间有了情感的联系。今天就来浅……继续阅读 »

学UI设计 858浏览 0个赞

交互设计

10 条 UI 交互动效设计的黄金原则

10 条 UI 交互动效设计的黄金原则
去年我们发布了 Gyroscope 以来,许多人问过我们做动画用的什么 JavaScript 库,我们也曾想过将它公布于众,但实际上那并不是奥妙所在。 我们不想让大伙儿觉得自己需要依赖特别黑魔法的 JavaScript 插件才能解决问题。大部分时候,我们都只要对最新的浏览器和 GPU 的性能和 css3 加以利用就够了。 其实并没有什么绚丽动画的武功秘籍,唯……继续阅读 »

学UI设计 657浏览 1个赞

UI动效

动效设计必备:元素周期运动表(Periodic Table Motion)

动效设计必备:元素周期运动表(Periodic Table Motion)
今天分享一个元素周期运动表,这个并不是化学元素,你可以理解为「元素运动规律」,因为这个元素表是由一些常用动效组成,并且每个动效的实现都有一个理论依据,而不是凭空想象出来。动效有弯曲、偏移、流动线、噪波、回旋路径、极坐标、音频波浪、对称旋转、连接、遮罩消除等效果。对到交互设计师,想了解动态设计原理,建议收藏此表。 网站名称:Periodic Table Mo……继续阅读 »

学UI设计 989浏览 0个赞