動畫屬性
回頭看看上一節(jié)顯示的動畫，它們是如何從一個空白的畫布或白班變成一個復雜、漂亮的動畫的？這些動畫是怎么產(chǎn)生的？在變化過程中改變的特殊屬性是什么？在回憶中搖晃你的手來表明一些物體應(yīng)該移動或拉伸是不夠的：如果你想要動畫脫離你的手進入界面，你需要仔細思考在每一步中會發(fā)生什么以及哪些值被操作了。
如果你看一下上一節(jié)展示的動畫GIF圖，以及像CAPPTIVATE.co和其他網(wǎng)站展示的多種動畫，并且你對發(fā)生了什么觀察得非常仔細，你就會開始在視覺效果中看出一些模式來。這些模式是設(shè)計師和開發(fā)者在他們的動畫中一次又一次改變的特定屬性，而且這還不是全部。事實上我認為如果你簡單地操作下面三個屬性就可以創(chuàng)建一個充滿了世界級動畫的完整app：
-
位置：界面上一個物體的精確的X和Y坐標。 -
透明度：一個物體的透明度，從0.0（不可見）到1.0。 -
比例：一個物體對比于其原始尺寸的尺寸。1.0的比例意味著物體被設(shè)置為其原始大小的高和寬。0.5的比例意味著物體是一半的寬度和高度。0.0的尺寸意味著物體的寬度和高度都是0，但依然存在于界面上一個特定的坐標。2.0的比例意味著物體的高度和寬度是原始的兩倍。
這三個屬性是人們設(shè)計iOS app的動畫時三個可動畫化的值。你可以通過簡單地單獨或結(jié)合使用這些屬性實現(xiàn)驚人數(shù)量的好動畫。
所以通過位置、透明度和比例這三個屬性，你能做什么？怎樣做才能操作這些屬性來在屏幕上實現(xiàn)？
查看完整合集：https://github.com/Cloudox/Motion-Design-for-iOS
