教你交互界面動(dòng)效的設(shè)計(jì)與實(shí)現(xiàn)

2018-01-17 1314 0
【SDC46期設(shè)計(jì)講座】對(duì)交互界面的動(dòng)效感到好奇?看上去舒適的緩動(dòng)效果都是怎么實(shí)現(xiàn)的?前期又是怎么規(guī)劃設(shè)計(jì)的?本期嘉賓新浪微博品牌視覺設(shè)計(jì)師@二毛角 案例實(shí)操手把手教你交互界面動(dòng)效的設(shè)計(jì)與實(shí)現(xiàn)
 生曦11月23日分享微博長(zhǎng)圖-    
1:請(qǐng)老師做一下簡(jiǎn)單的自我介紹吧? 生曦?,F(xiàn)職于新浪微博用戶研究體驗(yàn)設(shè)計(jì)中心,品牌設(shè)計(jì)師。
2:請(qǐng)問老師您目前主要的工作內(nèi)容是什么?  主要是負(fù)責(zé)微博移動(dòng)客戶端品牌推廣,包括各移動(dòng)平臺(tái)的開機(jī)畫面、功能引導(dǎo)、以及上線推廣宣傳以及重要事件和產(chǎn)品重要功能的推廣。還包括其他項(xiàng)目的設(shè)計(jì)展示,動(dòng)效實(shí)現(xiàn)等。
3:能簡(jiǎn)單介紹下您目前所在的團(tuán)隊(duì)嗎? 用戶體驗(yàn)設(shè)計(jì)中心主要是負(fù)責(zé)新浪微博無線產(chǎn)品、網(wǎng)頁以及周邊等所有產(chǎn)品的用戶研究、體驗(yàn)設(shè)計(jì),品牌視覺、以及推廣宣傳等 我所在品牌部門,主要是打造微博自身品牌形象,提高品牌認(rèn)知辨識(shí)度,提高品牌質(zhì)量。也會(huì)支持其他的產(chǎn)品部門提高用戶體驗(yàn)以及運(yùn)營部門提高推廣效率等。
4:老師您的作品偏向交互,在做這些項(xiàng)目的過程當(dāng)中,應(yīng)當(dāng)多注意哪些,可以提出幾個(gè)小點(diǎn)嘛? 因?yàn)楸容^擅長(zhǎng)于做一些可交互的設(shè)計(jì)展示,所以有部分項(xiàng)目中會(huì)結(jié)合視覺設(shè)計(jì)師和工程設(shè)計(jì)師實(shí)現(xiàn)開發(fā)工作,所有積累了一些有關(guān)與交互界面的設(shè)計(jì)方法,不僅僅是對(duì)交互有一些幫助,而且應(yīng)該對(duì)視覺更有意義。設(shè)計(jì)師應(yīng)該共同進(jìn)步。在項(xiàng)目過程中有幾個(gè)應(yīng)該注意的問題:1,應(yīng)該注意設(shè)計(jì)成本,以及對(duì)實(shí)現(xiàn)效果的預(yù)判,從而選擇合適的設(shè)計(jì)工具和展示方式。2,應(yīng)該注意實(shí)現(xiàn)成本,避免設(shè)計(jì)后期的返工、實(shí)現(xiàn)成本過大化。3,應(yīng)該注意體驗(yàn)一體化,避免局部完成度高,而整體性完成度低。
5:老師,怎么樣才能讓交互做的更舒服、更適應(yīng)用戶? 我覺得讓用戶更舒服應(yīng)該是設(shè)計(jì)體驗(yàn)的提升。應(yīng)該包括兩個(gè)方面。1從效率角度上講,讓用戶感覺速度更快、反應(yīng)過程更加靈敏、邏輯更加清晰。從。2從情感上講,要循序基本的交互規(guī)則。合理的利用人機(jī)交互的特點(diǎn),借鑒真實(shí)操作體驗(yàn)數(shù)字模擬到交互體驗(yàn),做到越自然越好。
6:老師,需求邏輯有沖突時(shí),應(yīng)該聽誰的,如何避免反復(fù)和爭(zhēng)執(zhí)? 如果已經(jīng)發(fā)生,需要盡快讓各部門的認(rèn)知達(dá)到一致。通過溝通、測(cè)試確定問題點(diǎn),針對(duì)問題提出解決方法,重新確定需求邏輯。 如果沒有發(fā)生,在產(chǎn)品研發(fā)中,通過盡可能的體現(xiàn)高保真的交互原型,以及更加真實(shí)的產(chǎn)品操作體驗(yàn)來模擬產(chǎn)品最終形態(tài)來讓各個(gè)設(shè)計(jì)與實(shí)現(xiàn)部門在前期達(dá)到認(rèn)知一致。減少或者避免研發(fā)過程的中的大范圍調(diào)整和返工帶來的成本。 不過這些都是在所難免的,也是企業(yè)的成本所在,盡量減少和避免問題,也是團(tuán)隊(duì)磨合的重要過程。
7:老師可以推薦幾本您喜歡的交互設(shè)計(jì)書籍或者站點(diǎn)呢? <交互設(shè)計(jì)精髓>(這個(gè)比較基礎(chǔ)); <給設(shè)計(jì)師看的交互程序設(shè)計(jì)書>(用數(shù)學(xué)的方法去解釋運(yùn)動(dòng)狀態(tài))這本書非常有意思,如有有as基礎(chǔ)的朋友可以關(guān)注,很多有一意思的變形曲線,運(yùn)動(dòng)方式可以通過一定的計(jì)算得到。只要計(jì)算可以得到就意味著可以被應(yīng)用到交互中; Meaningful transitions(動(dòng)效在界面中的應(yīng)用) 這個(gè)是非常久之前的一個(gè)梳理,對(duì)于移動(dòng)界面的拓展以及動(dòng)效設(shè)計(jì)非常有借鑒,當(dāng)然現(xiàn)在已經(jīng)有更多的新形勢(shì)出現(xiàn)。為了能更好的理解這些內(nèi)容,我從今天開始還原和補(bǔ)充里面中的一些形勢(shì)。并且利用這些功能去實(shí)現(xiàn)一些好的設(shè)計(jì)。是一個(gè)不錯(cuò)的學(xué)習(xí)空間。
部分作品展示:
作品  



6
評(píng)論區(qū)(0)
正在加載評(píng)論...
相關(guān)推薦