日本a在线观看_久久久三区_久久99精品久久久久久国产越南_在线观看中文字幕av_国产精品久久久久久久久久东京_a免费视频

PS設計教程網歡迎你!

詳細解析UI動效基本規則全面總結(2)

文章來源于 攝影社區,感謝作者 Taras Skytskyi 給我們帶來經精彩的文章!
設計教程/設計理論/設計理論4042018-10-05
列表項(新聞列表、郵件列表等)所使用的動效,在實際運動的過程中,項和項之間應該有輕微的延遲,元素之間的延遲應該控制在20~25毫秒之間,如果持續時間再長,可能會給人一種遲滯的觀感。 緩動 緩動指的是物體在物

列表項(新聞列表、郵件列表等)所使用的動效,在實際運動的過程中,項和項之間應該有輕微的延遲,元素之間的延遲應該控制在20~25毫秒之間,如果持續時間再長,可能會給人一種遲滯的觀感。
詳細解析UI動效基本規則全面總結
緩動
緩動指的是物體在物理規則下,漸進加速或減速的現象。在動效中加入緩動的效果能夠讓運動顯得更加自然,這是運動的基本原則之一。對于緩動,迪士尼的兩位關鍵性的動畫大師 Ollie Johnston 和 Frank Thomas 在他們的著作《The Illusion of Life: Disney Animation》中有過非常詳盡的描述。
為了不讓動效看起來機械或者人工痕跡太明顯,元素的運動應該有漸進加速和漸進減速的特征,就像物理世界當中其他的物體這樣。
詳細解析UI動效基本規則全面總結
勻速直線運動
不受任何物理力量的影響,勻速直線運動看起來是非常不自然的,尤其是對于人眼而言。
所有用來設計動畫的應用都會使用坐標軸和曲線來闡述動效的運動特征,我將嘗試闡述它們的含義,以及如何使用。坐標軸的 X軸是實現,而 Y軸則表示的唯一,換句話來說,如同我們在初中物理中所學到的,坐標軸上的線條描述的是速度和加速度的特征。
下面所示的直線,表示速度是均勻的,也就是勻速直線運動,物體在相同時間內運動的距離是不變的。
詳細解析UI動效基本規則全面總結
均勻的變化通常只會用在色彩的改變或者透明的改變上,一般來說,我們也可以讓背景元素均勻運動,而前景元素保持不變,來呈現它的狀態,就像上圖一樣。
緩動加速曲線
通過曲線我們可以看到,物體開始時候的初速度比較低,運動緩慢,隨后速度逐漸增加,這意味著物體在加速運動。
詳細解析UI動效基本規則全面總結
當物體加速飛出屏幕的時候,可以使用這種加速曲線,比如界面中被用戶使用滑動手勢甩出去的卡片。但是請記住,只有當運動對象需要完全離開界面的時候才會這么使用,如果它還需要再回來的話,則不行。
詳細解析UI動效基本規則全面總結
動畫曲線有助于正確傳達訊息,甚至表達情緒和感覺。在下面的案例當中,我們可以看每個元素的運動位移是完全一樣的,所消耗的總時長也是一樣的,但是運動的速率變化是不同的,這一點也體現在曲線上,所表現出來的情緒也不同。
當然,通過調整曲線,你能夠讓物體的運動軌跡盡可能接近現實世界。
詳細解析UI動效基本規則全面總結

版權所有PS設計教程網公安備案:蘇公網安備 32058302001023號工信部備案:滬ICP備09005587號
aaa
主站蜘蛛池模板: 亚洲性综合网 | 欧美精品电影一区二区 | 国产精品久久久久久一区二区三区 | 国产精品三级a三级三级午夜 | 欧美成在人线a免费 | 免费人成在线观看网站 | 综合日韩av| 男女一边摸一边做羞羞视频免费 | 少妇的肉体k8经典 | 国产一区二区在线免费观看 | 国产自91精品一区二区 | 九色成人在线 | 91久久国产综合久久91精品网站 | 国产1区2区在线 | 免费在线观看亚洲 | 国产精品视频 | 国产一级免费视频 | 国产免费片 | 日韩蜜桃视频 | 一级在线免费 | 91九色网| av久草 | hdbbwsexvideo| 国产精品一区在线看 | 九九热精品在线 | 蜜桃网在线观看 | 亚洲91精品 | 色操网 | 国产精品成aⅴ人片在线观看 | 久久99亚洲精品 | 成人av一区二区免费播放 | 国产成人精品免高潮在线观看 | 久久久久久久亚洲视频 | 久久久一区二区三区精品 | 久久亚洲精品久久国产一区二区 | 中文字幕免费播放 | 欧美aⅴ视频 | 国产成年人小视频 | 99最新地址 | 国产精品久久久久久久久久尿 | 成人午夜a |