ui設(shè)計(jì)中的5個(gè)基本動(dòng)效-千鋒教育深圳校區(qū)

 動(dòng)效可以幫我們提升用戶體驗(yàn)，使ui界面顯得更加一致和真實(shí)，并給整個(gè)產(chǎn)品帶來(lái)創(chuàng)新的感覺(jué)。如果想要你的ui界面更出彩，恰到好處的使用動(dòng)效將是明智的選擇。今天千鋒小編就和大家分享5個(gè)基本的動(dòng)效，希望能對(duì)大家有所幫助。

一、滑動(dòng)
    信息列表會(huì)跟隨著用戶的交互手勢(shì)而動(dòng)，然后卡片到相應(yīng)的位置上，保持整齊感，它屬于指向型動(dòng)畫(huà)，物體的滑動(dòng)取決于用戶是用那種手勢(shì)滑動(dòng)的。它的作用就是通過(guò)指向型轉(zhuǎn)場(chǎng)，有效幫助用戶清理頁(yè)面層級(jí)的排列情況。

適合場(chǎng)景：當(dāng)你設(shè)計(jì)的元素需要導(dǎo)航以列表方式呈現(xiàn)的時(shí)候可以使用滑動(dòng)效果。例如一些明星的選擇，款式的選擇，適合用這樣的方式呈現(xiàn)。

二、擴(kuò)大
    頁(yè)面中的卡片會(huì)從縮略圖轉(zhuǎn)化為全屏視圖（一般這個(gè)卡片的中心點(diǎn)也會(huì)跟隨移動(dòng)到屏幕的中央）。反向動(dòng)效就是卡片從全屏視圖轉(zhuǎn)換為縮略圖。它的優(yōu)點(diǎn)是能清楚的告訴用戶點(diǎn)擊的地方被放大了。

適合場(chǎng)景：當(dāng)你設(shè)計(jì)的元素是需要和用戶進(jìn)行單一交互的時(shí)候。例如點(diǎn)開(kāi)圖片查看詳情，讓轉(zhuǎn)場(chǎng)過(guò)渡更自然。

三、最小化

頁(yè)面元素點(diǎn)擊之后縮小，然后移動(dòng)到屏幕上相應(yīng)的位置，相反的動(dòng)效就是擴(kuò)大，從縮略圖重新變?yōu)槿?。這樣做的好處是能夠清楚的告訴用戶，最小化的元素可以在哪里被找到，如果沒(méi)有動(dòng)效引導(dǎo)，可能用戶需要花時(shí)間去尋找。

適合場(chǎng)景：當(dāng)用戶想要最小化某個(gè)元素的時(shí)候。例如搜索、添加快捷按鈕的點(diǎn)擊事件，符合從哪來(lái)到哪去的原理。

四、切換對(duì)象

當(dāng)前頁(yè)面移動(dòng)到后面，新的頁(yè)面移動(dòng)到前面，這樣能夠清楚解釋頁(yè)面之間是進(jìn)行切換的，不會(huì)顯得轉(zhuǎn)換的太突兀和莫名其妙。

適合場(chǎng)景：當(dāng)用戶在元素之間切換?；瑒?dòng)效果相對(duì)來(lái)說(shuō)比較單一和常見(jiàn)，使用動(dòng)效切換可以讓用戶產(chǎn)生眼前一亮的效果，例如一些商品款式的切換，就可以使用這樣的效果

五、展開(kāi)推疊

堆疊在一起的元素被展開(kāi)。能夠清楚的告訴用戶每個(gè)元素的排列情況，從哪里來(lái)到哪里去，也顯得更加有趣。

適合場(chǎng)景：當(dāng)用戶打開(kāi)一堆功能選項(xiàng)的時(shí)候。例如一個(gè)功能里面隱藏了好幾個(gè)二級(jí)功能時(shí)，就可以使用這樣的效果，利于用戶引導(dǎo)。

千鋒教育ui設(shè)計(jì)課程將在移動(dòng)端界面設(shè)計(jì)學(xué)習(xí)階段學(xué)習(xí)AE動(dòng)效設(shè)計(jì)軟件，通過(guò)講師細(xì)致的講解和學(xué)員大膽的實(shí)戰(zhàn)訓(xùn)練，學(xué)員將掌握自主進(jìn)行動(dòng)效設(shè)計(jì)的能力。把握時(shí)代潮流技術(shù)，融入前沿開(kāi)發(fā)技能，嫻熟駕馭各種技法，千鋒教育ui設(shè)計(jì)給你不一樣的學(xué)習(xí)體驗(yàn)。

千鋒深圳校區(qū)：http://sz.mobiletrain.org/

深圳西部硅谷校區(qū)地址：深圳市寶安區(qū)寶安大道5010號(hào)深圳西部硅谷A區(qū)B座605-619

深圳大學(xué)城校區(qū)地址：深圳市南山區(qū)留仙大道1201號(hào)大學(xué)城創(chuàng)客小鎮(zhèn)16棟2樓、3樓

培訓(xùn)咨詢專(zhuān)線：0755-33582485-801（硅谷校區(qū)）0755-86660670-801（大學(xué)城校區(qū)）

咨詢熱線4008119990

咨  詢  QQ  : 1660794050

面授課程：全棧HTML5+培訓(xùn)、UI交互設(shè)計(jì)培訓(xùn)、PHP培訓(xùn)、Java+云數(shù)據(jù)培訓(xùn)、大數(shù)據(jù)開(kāi)發(fā)培訓(xùn)、VR/AR/Unity游戲開(kāi)發(fā)培訓(xùn)、Python培訓(xùn)、Linux云計(jì)算培訓(xùn)、全棧軟件測(cè)試培訓(xùn)、Android培訓(xùn)、iOS培訓(xùn)、好程序員

ui設(shè)計(jì)中的5個(gè)基本動(dòng)效-千鋒教育深圳校區(qū)