>
學(xué)校機(jī)構(gòu) >
上海跑贏職場(chǎng) >
學(xué)習(xí)資訊>
在UI設(shè)計(jì)中我們?yōu)槭裁匆O(shè)計(jì)動(dòng)效果
在UI設(shè)計(jì)中我們?yōu)槭裁匆O(shè)計(jì)動(dòng)效果
66 2015-12-30
上海UI設(shè)計(jì)培訓(xùn)來(lái)班啦,大家可隨時(shí)關(guān)注獵學(xué)網(wǎng)UI設(shè)計(jì)培訓(xùn)頻道,我們將第一時(shí)間公布相關(guān)培訓(xùn)信息。
隨著國(guó)際大品牌蘋(píng)果和谷歌的引領(lǐng),最近越來(lái)越多的國(guó)內(nèi)公司開(kāi)始關(guān)注動(dòng)效設(shè)計(jì)了,越來(lái)越多的團(tuán)隊(duì)已經(jīng)意識(shí)到動(dòng)效在產(chǎn)品用戶(hù)體驗(yàn)中的重要性了,更多的射雞師們也開(kāi)始投身動(dòng)效設(shè)計(jì)領(lǐng)域。
但是說(shuō)到底,我們到底為什么需要?jiǎng)有гO(shè)計(jì)?或者說(shuō)我們到底需要什么樣的動(dòng)效?做動(dòng)效設(shè)計(jì)也有段時(shí)間了,于是嘗試用一些案例,從產(chǎn)品本身出發(fā)來(lái)說(shuō)說(shuō)我所思考的動(dòng)效設(shè)計(jì)。
(文中部分案例為設(shè)計(jì)師個(gè)人作品,部分為線上產(chǎn)品,都是我非常非常欣賞的作品。如不慎冒犯請(qǐng)戳我替換掉)
一、加強(qiáng)體驗(yàn)舒適度
嗯,就是讓用戶(hù)更加爽更加爽的用你的產(chǎn)品。
具體表現(xiàn)在:
1.表現(xiàn)層級(jí)關(guān)系
為了展現(xiàn)層與層的關(guān)系,是抽屜,是打開(kāi),還是平級(jí)切換等等,讓用戶(hù)知道這個(gè)界面和上一個(gè)、下一個(gè)的關(guān)系。這已經(jīng)是非常最常見(jiàn)的運(yùn)用了。
2.與用戶(hù)手勢(shì)結(jié)合,更自然的動(dòng)畫(huà)表現(xiàn)
當(dāng)用戶(hù)手勢(shì)操作的時(shí)候,讓界面的動(dòng)態(tài)走向更符合手指的運(yùn)動(dòng),從而讓用戶(hù)感覺(jué)到是自己控制了界面的動(dòng)向,而不是機(jī)械化的跳轉(zhuǎn)。
Cityguideapp用手勢(shì)可以向左向右扔卡片
3.愉快的提示功能
在某些需要提醒的時(shí)候能吸引用戶(hù)的注意,但是又不會(huì)生硬,符合預(yù)期的出現(xiàn)。
CityGuides啟動(dòng)時(shí)提示用戶(hù)可以左右滑動(dòng)卡片
4.額外增加界面的活力
在用戶(hù)預(yù)期之外增加的驚喜,可以是帥氣的,可以是賣(mài)萌,可以有些物理屬性,總之讓用戶(hù)感知到產(chǎn)品的生命力。
5.吸引用戶(hù)持久的注意力
也是屬于增加用戶(hù)的驚喜感,在某些數(shù)據(jù)量較大的界面中添加一些動(dòng)效,讓用戶(hù)保持注意力。
二、減弱不可避免的不適感
雖然我們的產(chǎn)品,我們的交互,我們的設(shè)計(jì),我們的工程獅都在努力把產(chǎn)品打造的更加優(yōu)秀,更加完美,但是總有一些無(wú)法避免的問(wèn)題、或者有可能會(huì)出現(xiàn)的bug、外界條件的不給力等因素,造成我們的產(chǎn)品體驗(yàn)下降。這些時(shí)候適當(dāng)?shù)脑黾右恍﹦?dòng)效可以彌補(bǔ)在出現(xiàn)這些情況時(shí)的不適體驗(yàn)。
比如下面這些:
1.讓等待變得更愉快
常出現(xiàn)在加載、刷新、發(fā)送等界面中,讓等待變得可視化,甚至不再那么無(wú)聊。
2.失敗界面的動(dòng)效
比如刷新失敗、頁(yè)面錯(cuò)誤、未聯(lián)網(wǎng)提示這些。
3.增加界面與界面銜接的延續(xù)感
界面的跳轉(zhuǎn)不可以避免,但是如果讓本來(lái)分別獨(dú)立的2個(gè)界面或者事件擁有了某種特定的聯(lián)系,可以顯得更加好玩,不再是生硬的跳轉(zhuǎn)。
以上就是有關(guān)學(xué)UI設(shè)計(jì)怎么樣才能挑選到好的培訓(xùn)機(jī)構(gòu)的介紹,更多的(UI設(shè)計(jì)培訓(xùn)課程、UI設(shè)計(jì)培訓(xùn)機(jī)構(gòu)),敬請(qǐng)關(guān)注獵學(xué)網(wǎng)UI設(shè)計(jì)培訓(xùn)頁(yè)面!
溫馨提示:獵學(xué)網(wǎng)鄭重承諾,本網(wǎng)站(獵學(xué)網(wǎng))以誠(chéng)信、高效、安全、擔(dān)保的產(chǎn)品理念,作為“學(xué)習(xí)+服務(wù)”的第三方平臺(tái),致力于打造良好的口碑服務(wù)平臺(tái)。站內(nèi)收錄的中專(zhuān)、大專(zhuān)、自考、成考、專(zhuān)升本、網(wǎng)絡(luò)教育等機(jī)構(gòu),都經(jīng)過(guò)獵學(xué)網(wǎng)核實(shí)認(rèn)證!如果廣大考生有提升學(xué)歷的需求,敬請(qǐng)關(guān)注獵學(xué)網(wǎng),歡迎通過(guò)了解!
掃一掃
獲取更多福利
獵學(xué)網(wǎng)企業(yè)微信
獵學(xué)網(wǎng)訂閱號(hào)
獵學(xué)網(wǎng)服務(wù)號(hào)