【SDC46期設(shè)計講座】對交互界面的動效感到好奇？看上去舒適的緩動效果都是怎么實現(xiàn)的？前期又是怎么規(guī)劃設(shè)計的？本期嘉賓新浪微博品牌視覺設(shè)計師@二毛角 案例實操手把手教你交互界面動效的設(shè)計與實現(xiàn)，11月23日晚8點，YY頻道156982，感興趣的同學(xué)別錯過喲！文@蘇離酥梨

【12.09日更新YY視頻錄像】

http://v.youku.com/v_show/id_XNjQ1ODk5OTAw.html

http://v.youku.com/v_show/id_XNjQwNTQxNzI0.html(問答環(huán)節(jié))

（因中途出現(xiàn)了個小插曲，所以導(dǎo)致視頻上傳延期，還望各位諒解。）

老師會在講的過程中實際案例操作會用到這兩個軟件，請大家自行下載安裝

adobe effect 以及 adobe edge animateadobe edge animate

下載鏈接：http://html.adobe.com/edge/animate/

（溫馨提示：老師現(xiàn)場教學(xué)，大家下載好軟件方便動手跟著做噢）

1：請老師做一下簡單的自我介紹吧?

生曦。微博@二毛角。現(xiàn)職于新浪微博用戶研究體驗設(shè)計中心，品牌設(shè)計師。

2：請問老師您目前主要的工作內(nèi)容是什么??

主要是負責(zé)微博移動客戶端品牌推廣，包括各移動平臺的開機畫面、功能引導(dǎo)、以及上線推廣宣傳以及重要事件和產(chǎn)品重要功能的推廣。還包括其他項目的設(shè)計展示，動效實現(xiàn)等。

3：能簡單介紹下您目前所在的團隊嗎？

用戶體驗設(shè)計中心主要是負責(zé)新浪微博無線產(chǎn)品、網(wǎng)頁以及周邊等所有產(chǎn)品的用戶研究、體驗設(shè)計，品牌視覺、以及推廣宣傳等

我所在品牌部門，主要是打造微博自身品牌形象，提高品牌認知辨識度，提高品牌質(zhì)量。也會支持其他的產(chǎn)品部門提高用戶體驗以及運營部門提高推廣效率等。

4：老師您的作品偏向交互，在做這些項目的過程當中，應(yīng)當多注意哪些，可以提出幾個小點嘛？

因為比較擅長于做一些可交互的設(shè)計展示，所以有部分項目中會結(jié)合視覺設(shè)計師和工程設(shè)計師實現(xiàn)開發(fā)工作，所有積累了一些有關(guān)與交互界面的設(shè)計方法，不僅僅是對交互有一些幫助，而且應(yīng)該對視覺更有意義。設(shè)計師應(yīng)該共同進步。在項目過程中有幾個應(yīng)該注意的問題：1，應(yīng)該注意設(shè)計成本，以及對實現(xiàn)效果的預(yù)判，從而選擇合適的設(shè)計工具和展示方式。2，應(yīng)該注意實現(xiàn)成本，避免設(shè)計后期的返工、實現(xiàn)成本過大化。3，應(yīng)該注意體驗一體化，避免局部完成度高，而整體性完成度低。

5：老師，怎么樣才能讓交互做的更舒服、更適應(yīng)用戶？

我覺得讓用戶更舒服應(yīng)該是設(shè)計體驗的提升。應(yīng)該包括兩個方面。1從效率角度上講，讓用戶感覺速度更快、反應(yīng)過程更加靈敏、邏輯更加清晰。從。2從情感上講，要循序基本的交互規(guī)則。合理的利用人機交互的特點，借鑒真實操作體驗數(shù)字模擬到交互體驗，做到越自然越好。

6：老師，需求邏輯有沖突時，應(yīng)該聽誰的，如何避免反復(fù)和爭執(zhí)？

如果已經(jīng)發(fā)生，需要盡快讓各部門的認知達到一致。通過溝通、測試確定問題點，針對問題提出解決方法，重新確定需求邏輯。

如果沒有發(fā)生，在產(chǎn)品研發(fā)中，通過盡可能的體現(xiàn)高保真的交互原型，以及更加真實的產(chǎn)品操作體驗來模擬產(chǎn)品最終形態(tài)來讓各個設(shè)計與實現(xiàn)部門在前期達到認知一致。減少或者避免研發(fā)過程的中的大范圍調(diào)整和返工帶來的成本。

不過這些都是在所難免的，也是企業(yè)的成本所在，盡量減少和避免問題，也是團隊磨合的重要過程。

7：老師可以推薦幾本您喜歡的交互設(shè)計書籍或者站點呢？

<交互設(shè)計精髓>（這個比較基礎(chǔ)）；

<給設(shè)計師看的交互程序設(shè)計書>（用數(shù)學(xué)的方法去解釋運動狀態(tài)）這本書非常有意思，如有有as基礎(chǔ)的朋友可以關(guān)注，很多有一意思的變形曲線，運動方式可以通過一定的計算得到。只要計算可以得到就意味著可以被應(yīng)用到交互中；

Meaningful?transitions（動效在界面中的應(yīng)用）http://www.ui-transitions.com/#home

這個是非常久之前的一個梳理，對于移動界面的拓展以及動效設(shè)計非常有借鑒，當然現(xiàn)在已經(jīng)有更多的新形勢出現(xiàn)。為了能更好的理解這些內(nèi)容，我從今天開始還原和補充里面中的一些形勢。并且利用這些功能去實現(xiàn)一些好的設(shè)計。是一個不錯的學(xué)習(xí)空間。歡迎關(guān)注http://shengxi.sinaapp.com

嘉賓部分作品展示：

請大家務(wù)必仔細查看清楚以下參與方式。

【參與方式】

方式一：進入YY頻道156982?→ 進入講座頻道(人數(shù)最多的那個子頻道，任何馬甲自由進入) → 修改昵稱→獲得馬甲（可文字發(fā)言交流）
名片格式如：【SDC優(yōu)設(shè)】01 – 瑤瑤(數(shù)字01指所在群，不在任何群寫數(shù)字00) 名片沒有修改的群友是不能文字發(fā)言交流的喔~！怎么改備注可請教接待區(qū)的管理員

方式二：講座YY頻道網(wǎng)頁版入口：→www.yy.com/156982

溫馨提示：網(wǎng)頁版本YY功能會有限制，如果您安裝有客戶端，建議使用YY客戶端聽課。

（下圖為39期講座截圖，按照此方法進入46期即可）

進入后點擊LOGO可以出現(xiàn)頻道分類

【注意事項】

1、字體：聽課的童鞋字號字統(tǒng)一為10 號，并用黑色，不加粗不傾斜，不加下劃線。

2、氛圍：講座過程中不要發(fā)表與講座無關(guān)內(nèi)容。您需要做的僅僅是修改好您的馬甲，然后聽課，和老師互動。多謝配合噢~

3、時間：講座時間為2013年11月23日周六晚上8：00-10:00點（講座時間2小時，晚22：00結(jié)束）

4、提示：在講座開始后，請停止任何與講座無關(guān)的話題，不要打擾到講座老師的正常講座。為充分互動，將講座相關(guān)問題點擊右下角綠色的“提交問題”的按鈕提交即可。

================關(guān)于優(yōu)設(shè)網(wǎng)================
“優(yōu)設(shè)網(wǎng)uisdc.com“是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊：網(wǎng)頁設(shè)計師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計指南http://hao.uisdc.com/ps/。
設(shè)計微博：擁有粉絲量56萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計?，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的”福利”嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：