UI設(shè)計(jì)學(xué)習(xí)指向型動(dòng)效適合的場(chǎng)景介紹
2022-01-26點(diǎn)擊量:103
適合場(chǎng)景1.滑動(dòng)效果適合場(chǎng)景:當(dāng)你設(shè)計(jì)的元素需要導(dǎo)航以列表方式呈現(xiàn)的時(shí)候可以使用滑動(dòng)效果。例如一些明星的選擇,款式的選擇,適合用這樣的方式呈現(xiàn)。2.彈出效果適合場(chǎng)景:當(dāng)你設(shè)計(jì)的元素是需要和用戶進(jìn)行單一交互的時(shí)候。例如點(diǎn)開圖片查看詳情,讓轉(zhuǎn)場(chǎng)過渡更自然。3.最小化適合場(chǎng)景:當(dāng)用戶想要最小化某個(gè)元素的時(shí)候。例如搜索、添加快捷按鈕的點(diǎn)擊事件,符合從哪來到哪去的原理。4.切換對(duì)象適合場(chǎng)景:當(dāng)用戶在元素之間切換。滑動(dòng)效果相對(duì)來說比較單一和常見,使用動(dòng)效切換可以讓用戶產(chǎn)生眼前一亮的效果,例如一些商品款式的切換,就可以使用這樣的效果。5.展開推疊適合場(chǎng)景:當(dāng)用戶打開一堆功能選項(xiàng)的時(shí)候。例如一個(gè)功能里面隱藏了好幾個(gè)二級(jí)功能時(shí),就可以使用這樣的效果,利于用戶引導(dǎo)。6.翻頁效果適合場(chǎng)景:當(dāng)用戶進(jìn)行一些翻頁操作時(shí)。例如看小說,讀長篇文章,使用這樣的效果會(huì)更貼近現(xiàn)實(shí)生活,引起用戶共鳴。7.添加到列表適合場(chǎng)景:當(dāng)用戶需要進(jìn)行新操作時(shí)。有一些頁面呈現(xiàn)的是將新的事件替換掉舊的,而使用這樣的動(dòng)效可以讓用戶更清晰的知道自己做了什么,例如點(diǎn)贊,打賞。8.導(dǎo)航標(biāo)簽轉(zhuǎn)換適合場(chǎng)景:同一層級(jí)頁面之間的切換。例如切換導(dǎo)航,或者進(jìn)度流程。使用動(dòng)效可以讓用戶更了解架構(gòu),是標(biāo)簽而不是按鈕的感覺。9.融合效果適合場(chǎng)景:當(dāng)用戶操作一個(gè)功能點(diǎn)時(shí)可能會(huì)處罰其他功能。例如運(yùn)動(dòng)app開始健身或者跑步的時(shí)候,點(diǎn)擊開始后會(huì)出現(xiàn)暫定或是結(jié)束。10.滾動(dòng)適合場(chǎng)景:當(dāng)用戶垂直或者水平移動(dòng)頁面時(shí)。例如列表,圖片,很多場(chǎng)景下都可以使用,也因此過于平凡,可以加一些動(dòng)效讓頁面活起來。11.平移適合場(chǎng)景:移動(dòng)大于界面的的頁面。例如地圖,可以配合其他功能滾動(dòng)產(chǎn)生平移效果。12.保存指示器適合場(chǎng)景:當(dāng)用戶添加書簽、下載、保存,加入等行為的時(shí)候使用。...