设计师就业衔接班!45天 PS、AI、AE 从入门到入行 详情戳>>>
本文将基于界面整体设计框架,结合用户心智模式,系统介绍动效设计需要考虑到的全部维度。
如果你觉得你的 UI 设计起来很无聊,想让它看起来更加有趣,其实是有很多相对通用的方法。这些方法大都不算复杂,稍加调整,总会有不俗的效果。
今天这篇分享,将会讲到Lottie这个插件怎么来的,为什么会叫Lottie?使用过程中有哪些需要注意的?
本文从动效的分类、设计规范和设计方案等方面,给新手阐述APP动效的基础知识点。
今天来给大家介绍一款可以将 AE(Adobe Effect)文件导出 json 格式,实现 0 开发成本,提高沟通效率的工具 —— Lottie。
之前的文章已经介绍了 Lottie 是什么,以及如何导入设计文件,那么今天就为大家讲解如何根据我们的需要导出 Lottie 文件。
说到设计规范,这可能是很多设计师会忽略的一个东西,或者就算注意到了,也并没有引起足够的重视,今天咱们就来讲讲,为什么设计规范甚至是平台规范对我们来说很重要?你觉得苹果、谷歌、微软的设计团队怎么样?
对如今的 UX 设计师来说,会点动效基本已是常规操作了。作为 UX 设计师,动效可以辅助的产出可以涵盖界面交互动效、项目宣传 MG动画、产品吉祥物表情包、年终汇报 PPT 等等。
支付宝设计规范往期回顾:《内部教程!超详细的支付宝设计规范之图形图案篇》《内部教程!
如今丰富细腻的 App 动效遍布移动端优秀应用界面中,为用户提供了良好的动态沉浸式体验,动效设计在产品研发过程中也越来越被认可和重视。通过本文,你将轻松了解到关于动效设计的一些必备知识:究竟为什么要设计动效?
上篇内容回顾:《最全最好用的动效落地方法,都帮你总结好了(上)》接下来进入下篇。主题是:从 Web 前端的角度来讲,有哪些便捷的方法实现这些动效?
用户体验设计的发展日趋完善,优秀的动效是完善用户体验中不可或缺的一环,优秀的界面动态设计可以让产品的用户体验锦上添花……你会说,这些道理我都懂,但是动效做起来真的很麻烦啊。
本篇文章不长,但是干货满满,希望能给大家带来一些实际帮助。下面进入译文。
一、前言B类产品设计过程中会遇到各种各样的问题,不同问题有不同的解法。有的问题不适合用动效去解决,盲目无意义的动效不仅浪费设计师及开发成本,更会降低产品性能、分散用户操作注意力等。
本文将市面上最常被使用的动效进行了一次总结并逐条阐明这些设计背后的原理,每条原理后面我都会为朋友们选出一些大家最常用的 App 作为例子,顺手打开就能体验啦。缓动(Easing)、偏移量和延迟(Offset & Delay)主要与时间相关。
@野子Joey :动效如今被广泛的使用在界面设计中。但如何合理使用实效,而不是让动效干扰用户,却少有总结的经验。
lionisready:新手设计师相较于资深设计师,后者技能更丰富且全面,很多人想要进阶资深却苦于培养新技能,笔者在经手不少视频动效项目后,对于技能进阶颇有心得,特意分享出来。通常技能进阶的方向有如下两种:钻研型,工作需求和自身特长强结合,原特长在工作中日益强大,影响力不断提高;发散型,工作需求和自身特长有较大偏差,但经过努力让自己掌握了新技能,极大增强了职场的适应力和综合能力。
随着技术和硬件设备性能的提升,动效已经不再是视觉设计中的奢侈品。动效不仅仅是华丽的动态效果,它首先帮助设计师和用户解决了许多界面功能上的问题,让这用户更容易理解产品,也让设计师更好的表达。
大熊:本文将从为什么要探究更自然的动画、如何探究运动曲线方程、列举常用的运动曲线、分别使用js和css实现曲线动画效果、可视化实现工具这几个方面进行介绍。希望阅读后,本文能给你在制作动画效果时带来一点帮助。
Janilychen:以往做一些H5的运营项目,都是动画设计师使用Animate cc(原来的Flash)先设计好动画原型,然后交给我们UI开发来实现。做过动画开发的童鞋都知道动画开发都是比较耗费时间精力的,而且还要高质量的还原动画设计师设计好的动画,来回沟通成本也非常高。
微信的原设置还是好一些的。 设计有个原则就是从哪儿来回哪儿去,只要从一般人认为的试一下得到正确的反馈,那这个按钮就不需要多余的设计。只需要告知用户变换的过程,用户自己也会逆向思考。
确实看着舒心了不少
此交互文档系列源文件下载链接:https://fuzuobiao.com/proview/605467573b63c51de6e4b7bf
这种极光模糊是近视眼真实的世界
感觉在上班的时候真的能练习贼少,也是盲目找图临摹,要难受了!!!(本人非专业艺术生)
微信的原设置还是好一些的。 设计有个原则就是从哪儿来回哪儿去,只要从一般人认为的试一下得到正确的反馈,那这个按钮就不需要多余的设计。只需要告知用户变换的过程,用户自己也会逆向思考。