當前位置: 首頁 > 設計資訊 > 設計教程 > 正文

教你交互界面動效的設計與實現(xiàn)

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



6
評論區(qū)(0)
正在加載評論...