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

【12.09日更新YY視頻錄像】

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

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

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

老師會(huì)在講的過(guò)程中實(shí)際案例操作會(huì)用到這兩個(gè)軟件，請(qǐng)大家自行下載安裝

adobe effect 以及 adobe edge animateadobe edge animate

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

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

1：請(qǐng)老師做一下簡(jiǎn)單的自我介紹吧?

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

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

主要是負(fù)責(zé)微博移動(dòng)客戶端品牌推廣，包括各移動(dòng)平臺(tái)的開(kāi)機(jī)畫(huà)面、功能引導(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é)新浪微博無(wú)線產(chǎn)品、網(wǎng)頁(yè)以及周邊等所有產(chǎn)品的用戶研究、體驗(yàn)設(shè)計(jì)，品牌視覺(jué)、以及推廣宣傳等

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

4：老師您的作品偏向交互，在做這些項(xiàng)目的過(guò)程當(dāng)中，應(yīng)當(dāng)多注意哪些，可以提出幾個(gè)小點(diǎn)嘛？

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

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

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

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

如果已經(jīng)發(fā)生，需要盡快讓各部門(mén)的認(rèn)知達(dá)到一致。通過(guò)溝通、測(cè)試確定問(wèn)題點(diǎn)，針對(duì)問(wèn)題提出解決方法，重新確定需求邏輯。

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

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

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

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

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

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

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

嘉賓部分作品展示：

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

【參與方式】

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

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

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

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

進(jìn)入后點(diǎn)擊LOGO可以出現(xiàn)頻道分類(lèi)

【注意事項(xiàng)】

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

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

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

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

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