網(wǎng)站設計中需要的動態(tài)效果展示-
(文中部分案例為設計師個人作品,部分為線上產(chǎn)品,都是我非常非常欣賞的作品。如不慎冒犯請戳我替換掉)
加強體驗舒適度
嗯,就是讓用戶更加爽更加爽的用你的產(chǎn)品。
具體表現(xiàn)在:
1.表現(xiàn)層級關(guān)系
為了展現(xiàn)層與層的關(guān)系,是抽屜,是打開,還是平級切換等等,讓用戶知道這個界面和上一個、下一個的關(guān)系。這已經(jīng)是非常常見的運用了。
2.與用戶手勢結(jié)合,更自然的動畫表現(xiàn)
當用戶手勢操作的時候,讓界面的動態(tài)走向更符合手指的運動,從而讓用戶感覺到是自己控制了界面的動向,而不是機械化的跳轉(zhuǎn)。
UI動效設計 動效設計 提示性動效設計
City guide app 用手勢可以向左向右扔卡片
3.愉快的提示功能
在某些需要提醒的時候能吸引用戶的注意,但是又不會生硬,符合預期的出現(xiàn)。
UI動效設計 動效設計 提示性動效設計
Action button feedback 出錯提示
UI動效設計 動效設計 提示性動效設計
City Guides 啟動時提示用戶可以左右滑動卡片
4.額外增加界面的活力
在用戶預期之外增加的驚喜,可以是帥氣的,可以是賣萌,可以有些物理屬性,總之讓用戶感知到產(chǎn)品的生命力。
UI動效設計 動效設計 提示性動效設計
readme.io 萌萌的輸入框
UI動效設計 動效設計 提示性動效設計
amazon Q彈的菜單
UI動效設計 動效設計 提示性動效設計
tumblr 不喜歡我 心都碎了呢~
5.吸引用戶持久的注意力
也是屬于增加用戶的驚喜感,在某些數(shù)據(jù)量較大的界面中添加一些動效,讓用戶保持注意力。
UI動效設計 動效設計 提示性動效設計
Bubbles 以動態(tài)的形式展現(xiàn)數(shù)據(jù)點
http://www.dongguanlifeng.com/jianzhanzhishi/7798.html 網(wǎng)站設計中需要的動態(tài)效果展示-