2022-01-26 15:38:22|已瀏覽:103次
適合場景
1.滑動效果
適合場景:當你設計的元素需要導航以列表方式呈現的時候可以使用滑動效果。例如一些明星的選擇,款式的選擇,適合用這樣的方式呈現。
2.彈出效果
適合場景:當你設計的元素是需要和用戶進行單一交互的時候。例如點開圖片查看詳情,讓轉場過渡更自然。
3.最小化
適合場景:當用戶想要最小化某個元素的時候。例如搜索、添加快捷按鈕的點擊事件,符合從哪來到哪去的原理。
4.切換對象
適合場景:當用戶在元素之間切換。滑動效果相對來說比較單一和常見,使用動效切換可以讓用戶產生眼前一亮的效果,例如一些商品款式的切換,就可以使用這樣的效果。
5.展開推疊
適合場景:當用戶打開一堆功能選項的時候。例如一個功能里面隱藏了好幾個二級功能時,就可以使用這樣的效果,利于用戶引導。
6.翻頁效果
適合場景:當用戶進行一些翻頁操作時。例如看小說,讀長篇文章,使用這樣的效果會更貼近現實生活,引起用戶共鳴。
7.添加到列表
適合場景:當用戶需要進行新操作時。有一些頁面呈現的是將新的事件替換掉舊的,而使用這樣的動效可以讓用戶更清晰的知道自己做了什么,例如點贊,打賞。
8.導航標簽轉換
適合場景:同一層級頁面之間的切換。例如切換導航,或者進度流程。使用動效可以讓用戶更了解架構,是標簽而不是按鈕的感覺。
9.融合效果
適合場景:當用戶操作一個功能點時可能會處罰其他功能。例如運動app開始健身或者跑步的時候,點擊開始后會出現暫定或是結束。
10.滾動
適合場景:當用戶垂直或者水平移動頁面時。例如列表,圖片,很多場景下都可以使用,也因此過于平凡,可以加一些動效讓頁面活起來。
11.平移
適合場景:移動大于界面的的頁面。例如地圖,可以配合其他功能滾動產生平移效果。
12.保存指示器
適合場景:當用戶添加書簽、下載、保存,加入等行為的時候使用。
注:尊重原創文章,轉載請注明出處和鏈接 http://m.dedgn.cn/news-id-18288.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注UI設計頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050