手機(jī)動(dòng)效是指用戶在與手機(jī)界面進(jìn)行交互時(shí),界面展現(xiàn)出的動(dòng)態(tài)效果。手機(jī)動(dòng)效能夠提高界面的交互效率和可用性,增強(qiáng)面板的趣味性,是手機(jī)界面用戶體驗(yàn)的重要因素。當(dāng)前,動(dòng)效設(shè)計(jì)已經(jīng)成為手機(jī)應(yīng)用開發(fā)中一個(gè)重要研究分支。但是,目前手機(jī)動(dòng)效設(shè)計(jì)存在著兩大問題:一是設(shè)計(jì)人員和技術(shù)開發(fā)人員交接困難,溝通成本高;二是設(shè)計(jì)門檻高,非專業(yè)動(dòng)效設(shè)計(jì)師無法設(shè)計(jì)出心儀的動(dòng)效。本論文將從手機(jī)控件類動(dòng)效入手,建立手機(jī)常用控件類動(dòng)效運(yùn)動(dòng)元素疊加模型來研究這兩大難題。論文將首先提取出手機(jī)常用動(dòng)效的基本運(yùn)動(dòng)元素,然后整理出基本運(yùn)動(dòng)元素的設(shè)計(jì)參數(shù)標(biāo)注規(guī)范。設(shè)計(jì)師人員可以將制作完成的動(dòng)效拆分成基本運(yùn)動(dòng)元素,根據(jù)標(biāo)注規(guī)范表進(jìn)行標(biāo)注,完成與技術(shù)對(duì)接。除此之外,論文還整理出了五個(gè)常用控件的運(yùn)動(dòng)元素疊加模型。疊加模型是由動(dòng)效示例、參數(shù)標(biāo)注、設(shè)計(jì)專家小組對(duì)于動(dòng)效示例設(shè)計(jì)的評(píng)價(jià)、技術(shù)開發(fā)專家小組對(duì)于動(dòng)效開發(fā)難度的評(píng)價(jià)組成,非專業(yè)動(dòng)效設(shè)計(jì)師可以通過專家小組的評(píng)價(jià),選擇合適的動(dòng)效示例進(jìn)行調(diào)整再設(shè)計(jì),填寫動(dòng)效設(shè)計(jì)參數(shù)標(biāo)注規(guī)范表,與技術(shù)進(jìn)行交接,完成動(dòng)效設(shè)計(jì)。最后,本文以bilibili手機(jī)應(yīng)用控件動(dòng)效的設(shè)計(jì)為例,將手機(jī)常用控件類運(yùn)動(dòng)元素疊加模型應(yīng)用在...

【文章頁數(shù)】：70 頁

【學(xué)位級(jí)別】：碩士

【部分圖文】：

圖２－２發(fā)送短信界面的動(dòng)效??圖２－２為小米手機(jī)短信應(yīng)用，進(jìn)入發(fā)送短信界面的動(dòng)效，該動(dòng)效采用了位??移變化

?圖２－２發(fā)送短信界面的動(dòng)效??圖２－２為小米手機(jī)短信應(yīng)用，進(jìn)入發(fā)送短信界面的動(dòng)效，該動(dòng)效采用了位??移變化。用戶點(diǎn)擊右下角“?＋?”按鈕之后，發(fā)送短信界面會(huì)從下方彈出，轉(zhuǎn)換面??板。位移變化是轉(zhuǎn)場(chǎng)類動(dòng)效常用的變化方式，通過速度的變化，可以形成緩??入、緩出等效果，一般來說，緩動(dòng)....

圖２－４語音交互喚醒動(dòng)效??圖２－４為小米手機(jī)系統(tǒng)“小愛同學(xué)”的語音交互喚醒動(dòng)效，該動(dòng)效采用了??色彩變化，通過左下角圓形圖標(biāo)的色彩變化，來提示用戶點(diǎn)擊該按鈕可以輸入??語音，與“小愛”進(jìn)行語音交互

?圖２－４語音交互喚醒動(dòng)效??圖２－４為小米手機(jī)系統(tǒng)“小愛同學(xué)”的語音交互喚醒動(dòng)效，該動(dòng)效采用了??色彩變化，通過左下角圓形圖標(biāo)的色彩變化，來提示用戶點(diǎn)擊該按鈕可以輸入??語音，與“小愛”進(jìn)行語音交互。該語音輸入按鈕使用了色彩變化，一方面增??強(qiáng)了該按鈕的視覺引導(dǎo)，提示了用戶點(diǎn)擊....

圖２－５為手機(jī)應(yīng)用ＱＱ的下方導(dǎo)航欄動(dòng)效，該動(dòng)效采用色彩變化，在進(jìn)行??下方導(dǎo)航欄的切換時(shí)，將選中的標(biāo)簽上的圖標(biāo)及文字由灰色填充為藍(lán)色，以此??來提示用戶當(dāng)前選中的狀態(tài)

??圖２－４語音交互喚醒動(dòng)效??圖２－４為小米手機(jī)系統(tǒng)“小愛同學(xué)”的語音交互喚醒動(dòng)效，該動(dòng)效采用了??色彩變化，通過左下角圓形圖標(biāo)的色彩變化，來提示用戶點(diǎn)擊該按鈕可以輸入??語音，與“小愛”進(jìn)行語音交互。該語音輸入按鈕使用了色彩變化，一方面增??強(qiáng)了該按鈕的視覺引導(dǎo)，提示了用戶點(diǎn)....

圖２－６ｄｒｉｂｂｌｅ網(wǎng)站上的動(dòng)效展示??圖２－６為ｄｒｉｂｂｌｅ網(wǎng)站上的動(dòng)效展示，該動(dòng)效采用色彩變化，當(dāng)用戶點(diǎn)擊選??項(xiàng)時(shí)，淺藍(lán)色塊會(huì)從中間朝兩邊進(jìn)行填充，表明用戶己選中該選項(xiàng)

Ｉ??Ｊｒｕｍｍ??圖２－６ｄｒｉｂｂｌｅ網(wǎng)站上的動(dòng)效展示??圖２－６為ｄｒｉｂｂｌｅ網(wǎng)站上的動(dòng)效展示，該動(dòng)效采用色彩變化，當(dāng)用戶點(diǎn)擊選??項(xiàng)時(shí)，淺藍(lán)色塊會(huì)從中間朝兩邊進(jìn)行填充，表明用戶己選中該選項(xiàng)。按鈕用色??彩變化的動(dòng)效來對(duì)用戶的操作進(jìn)行反饋，簡(jiǎn)單明確，信息傳達(dá)快速有效。??....

本文編號(hào)：3967950