隨著國際大品牌蘋果和谷歌的引領(lǐng),近越來越多的國內(nèi)公司開始關(guān)注動(dòng)效設(shè)計(jì)了,越來越多的團(tuán)隊(duì)已經(jīng)意識(shí)到動(dòng)效在產(chǎn)品用戶體驗(yàn)中的重要性了,更多的射雞師們也開始投身動(dòng)效設(shè)計(jì)領(lǐng)域。
(文中部分案例為設(shè)計(jì)師個(gè)人作品,部分為線上產(chǎn)品,都是我非常非常欣賞的作品。如不慎冒犯請戳我替換掉)
加強(qiáng)體驗(yàn)舒適度
嗯,就是讓用戶更加爽更加爽的用你的產(chǎn)品。
具體表現(xiàn)在:
1.表現(xiàn)層級關(guān)系
為了展現(xiàn)層與層的關(guān)系,是抽屜,是打開,還是平級切換等等,讓用戶知道這個(gè)界面和上一個(gè)、下一個(gè)的關(guān)系。這已經(jīng)是非常常見的運(yùn)用了。
2.與用戶手勢結(jié)合,更自然的動(dòng)畫表現(xiàn)
當(dāng)用戶手勢操作的時(shí)候,讓界面的動(dòng)態(tài)走向更符合手指的運(yùn)動(dòng),從而讓用戶感覺到是自己控制了界面的動(dòng)向,而不是機(jī)械化的跳轉(zhuǎn)。
UI動(dòng)效設(shè)計(jì) 動(dòng)效設(shè)計(jì) 提示性動(dòng)效設(shè)計(jì)
City guide app 用手勢可以向左向右扔卡片
3.愉快的提示功能
在某些需要提醒的時(shí)候能吸引用戶的注意,但是又不會(huì)生硬,符合預(yù)期的出現(xiàn)。
UI動(dòng)效設(shè)計(jì) 動(dòng)效設(shè)計(jì) 提示性動(dòng)效設(shè)計(jì)
Action button feedback 出錯(cuò)提示
UI動(dòng)效設(shè)計(jì) 動(dòng)效設(shè)計(jì) 提示性動(dòng)效設(shè)計(jì)
City Guides 啟動(dòng)時(shí)提示用戶可以左右滑動(dòng)卡片
4.額外增加界面的活力
在用戶預(yù)期之外增加的驚喜,可以是帥氣的,可以是賣萌,可以有些物理屬性,總之讓用戶感知到產(chǎn)品的生命力。
UI動(dòng)效設(shè)計(jì) 動(dòng)效設(shè)計(jì) 提示性動(dòng)效設(shè)計(jì)
readme.io 萌萌的輸入框
UI動(dòng)效設(shè)計(jì) 動(dòng)效設(shè)計(jì) 提示性動(dòng)效設(shè)計(jì)
amazon Q彈的菜單
UI動(dòng)效設(shè)計(jì) 動(dòng)效設(shè)計(jì) 提示性動(dòng)效設(shè)計(jì)
tumblr 不喜歡我 心都碎了呢~
5.吸引用戶持久的注意力
也是屬于增加用戶的驚喜感,在某些數(shù)據(jù)量較大的界面中添加一些動(dòng)效,讓用戶保持注意力。
UI動(dòng)效設(shè)計(jì) 動(dòng)效設(shè)計(jì) 提示性動(dòng)效設(shè)計(jì)
Bubbles 以動(dòng)態(tài)的形式展現(xiàn)數(shù)據(jù)點(diǎn)
網(wǎng)頁設(shè)計(jì)
企業(yè)網(wǎng)站建設(shè)一條龍
找零度飛易網(wǎng)絡(luò)公司-fslingdu所做php
網(wǎng)站建設(shè)方案、
網(wǎng)站設(shè)計(jì)、
網(wǎng)站制作由
北京上海深圳龍崗衢州蘭州常州東營南通濟(jì)寧桂林淮安煙臺(tái)長春無錫天津昆山蘇州合肥貴洛陽昆明天津唐山泉州惠州萬州新鄉(xiāng)商丘臺(tái)州哈爾濱太原攝影???/strong>隨州學(xué)校商丘廣東湖南廣西江西海南廣州企業(yè)中小企業(yè)武漢南山羅湖福田虎門肇慶汕尾汕頭廣州佛山成都杭州濟(jì)南重慶福州西安廈門昆山沈陽青島徐州鄭州南京寧南寧長沙大連淄博石家莊南昌溫州珠海番禺順德南三水高明中山東莞合肥江門嘉興西寧大良容桂倫教勒流陳村均安杏壇龍江樂從北滘祖廟石灣南莊等地區(qū)企業(yè)網(wǎng)站建設(shè)(廣告)公司提供專業(yè)做網(wǎng)站價(jià)格規(guī)劃書及營銷型網(wǎng)站制作,網(wǎng)站建設(shè)基礎(chǔ)知識(shí)