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

【12.09日更新YY視頻錄像】

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

http://v.youku.com/v_show/id_XNjQwNTQxNzI0.html(問答環節)

（因中途出現了個小插曲，所以導致視頻上傳延期，還望各位諒解。）

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

adobe effect 以及 adobe edge animateadobe edge animate

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

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

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

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

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

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

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

用戶體驗設計中心主要是負責新浪微博無線產品、網頁以及周邊等所有產品的用戶研究、體驗設計，品牌視覺、以及推廣宣傳等

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

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

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

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

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

6：老師，需求邏輯有沖突時，應該聽誰的，如何避免反復和爭執？

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

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

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

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

<交互設計精髓>（這個比較基礎）；

<給設計師看的交互程序設計書>（用數學的方法去解釋運動狀態）這本書非常有意思，如有有as基礎的朋友可以關注，很多有一意思的變形曲線，運動方式可以通過一定的計算得到。只要計算可以得到就意味著可以被應用到交互中；

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

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

嘉賓部分作品展示：

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

【參與方式】

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

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

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

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

進入后點擊LOGO可以出現頻道分類

【注意事項】

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

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

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

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

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