你认为这两个球在做什么
绿球弹跳很明显,但是红球在怎样运动?当然,它像绿球一样上下运动,落下和弹起所用的时间和绿球一样。然而,红球感觉很机械,而绿球让人感觉它确实在弹跳。为什么我们会有这种感受上的差异呢?
答案是变速过渡效果(Easing)。
这篇文章就是关于变速过渡效果的,貌似这是显而易见的,但要了解真正发生的事情,还需要深入了解动画的基本原理。文章中,我们将会逐步学习:基本概念、探讨加速减速,拆解缓冲曲线,最终学习到这一切是如何应用于UI设计的。
时间和空间位移(Timing and Spacing) 首先,我们需要理解两个重要的概念——时间和空间,二者是紧密相关、密不可分的。为了使动画更有可读性,他们至关重要。
注:“可读性”是说动画绘制者如何定义动画的精准度,用来清晰而容易地理解正在发生的事情。例如:不可读=不清楚发生的事情很易读=它非常清楚,立刻能懂
时间 在案例中,两个球在同一顶端同时落下,0.5秒到达地面, 1秒回到原位。这是球的时间 - 完成一个动作所用的时间耗时。两个球耗时相同,但是,等等……两个球都是1秒的动画,为什么感觉如此不同呢?
空间位移 这是使两个动画完全不同的关键区别。让我们把第一个0.5秒的动画分解为较小的时间单位,这样我们可以更清楚地观察发生了什么。如果我们把每0.1秒球的位置进行标记,我们可以得到这张图:
看到两个时间单元之间的距离了嘛?这就是空间位移。很容易的东西,对吗?时间是耗时,空间是位移!
让我们来看红球的间距 ,非常均匀。每经过0.1秒,它就移动完全相同的距离。在运动中完全没有任何变化。然而,绿球每0.1秒都有不同的间隔。在第一个0.1s,它只移动非常小的间距,当它掉下来,间距变得越来越大,直到它终于打到地面。事实上,它耗费了0.4秒来完成前半程,仅用了0.1秒完成后半程!
所以,问题来了,为什么要用这样的方式加长每秒的间距呢?
我们是如何阅读的
导读:这是JasonSantaMaria的新书《OnWebTypography》中第一章节的节选,作者很好地分析了人们的阅读习惯,以及文字排版所带来的体验。阅读这一行为值得进行深度地挖掘,也借由这篇文章,
0评论2026-11-100
一个banner仔的自我修养(1) 字体字形篇
筒子们好,今天我们一起来探讨一下Banner的设计,在这一次的教程中我会介绍一些平时总结下来的可以让banner迅速达成效果的简单小窍门,如果你在平时有大量的banner设计工作,并且总觉得时间不够用,
0评论2026-11-100
细节决定品质
小编导读:设计就是不断打磨,用心体验的一种过程!所谓的高端大气上档次,也就是用心做好了每一个细节。首先不谈设计我想谈下剪头发,我们每个人都要修剪头发,特别是男人,以前我的头发是妈妈剪的,那时的她是以节约为目的的,
0评论2026-11-100
如何成功运用扁平化设计与色彩趋势
我们在Designmodo上已经聊了很多有关扁平化设计趋势的内容。之前瞎说了很多,也给大家展示了大量不错的示例,还开发了一套免费的用户界面以供大家下载并运用于自己的项目。但是如果你想自己动手,
0评论2026-11-100
如何改进工作流让设计稿支持多个尺寸?
最新的Photoshop是有跟Sketch一样的输出切图功能的(Generator),用2x的PSD输出3x的切图也可以。而且Photoshop配合Slicy输出切图比Sketch3快捷很多。Sketch相当棒,
0评论2026-11-100
Apple Watch的人机交互启示
你能想象大型机没有鼠标、没有图形化界面,纯命令行的操作系统上,游标定位只能通过键盘的上下左右键来进行时的痛苦吗?你能想象没有电容触控技术,一块4英寸不到的屏幕,运行着照搬自Windows桌面系统的“移动操作系统”,
0评论2026-11-100
8种移动APP导航设计模式大对比
当我们确定了移动APP的设计需求和APP产品设计流程之后,开始着手设计APP界面UI或是APP原型图啦。这个时候我们都要面临的第一个问题就是如何将信息以最优的方式组合起来?也许我们对比和了解了其他一些常用的APP导航设计
0评论2026-11-100
为网页文字的可读性而设计
可读性:“阅读的状态或质量,是一种影响印刷品持续阅读难易程度的属性。”——dictionary.com文字可以是优美的、简单的、狂放的、有趣的、激动人心的,还有很多其他种类。它能激起情绪,帮助用户理解你所要传达的讯息。
0评论2026-11-100
Web设计主题:创建一个古典风格的网站
如何进行古典风格的设计?主要针对酒店行业和联邦政府进行Web开发的RyanBoudreaux针对该话题发表了文章《Webdesignthemes:Createavintagelookandfeel》。
0评论2026-11-100
秋高气爽,云也开始有遐想
因为不曾企及,才会仰望;因为童真不灭,才会频频远望天际。秋高气爽,真心是个看云的好季节。不需要远走他乡,跋山涉水,在你的城市,你的身边,只需抬一抬头,就能拥享一朵朵白云所带来的好心情。每一朵云都姿态各异,
0评论2026-11-100