【摘要】：隨著移動(dòng)互聯(lián)網(wǎng)技術(shù)與國(guó)內(nèi)健康產(chǎn)業(yè)的發(fā)展,一種與互聯(lián)網(wǎng)相結(jié)合的健康生活新模式正逐步走進(jìn)人們的視野,手機(jī)軟件中健康管理類APP的出現(xiàn)就印證了這一現(xiàn)象。國(guó)內(nèi)的手機(jī)APP設(shè)計(jì)正悄然的發(fā)生著變革,各類移動(dòng)互聯(lián)網(wǎng)產(chǎn)品已經(jīng)度過(guò)了在市場(chǎng)上大肆投放的階段,開(kāi)始注重軟件界面的審美體驗(yàn),這些產(chǎn)品的界面視覺(jué)設(shè)計(jì)逐漸向更加美觀以及更加人性化的方向轉(zhuǎn)變。通過(guò)對(duì)健康類APP界面中圖形動(dòng)效的視覺(jué)表達(dá)方式的調(diào)研發(fā)現(xiàn),動(dòng)態(tài)的圖形會(huì)對(duì)用戶的視覺(jué)感知產(chǎn)生較大的影響,當(dāng)前國(guó)內(nèi)還有不少健康類手機(jī)軟件界面都普遍存在著界面視覺(jué)審美體驗(yàn)差,以及操作交互感受不佳的問(wèn)題。筆者嘗試使用平面設(shè)計(jì)相關(guān)設(shè)計(jì)方法對(duì)界面設(shè)計(jì)進(jìn)行優(yōu)化,將界面各功能板塊視作圖形視覺(jué)符號(hào),對(duì)其賦予圖形動(dòng)效的交互體驗(yàn)。筆者首先以界面設(shè)計(jì)與動(dòng)效設(shè)計(jì)的相關(guān)概念作為理論基礎(chǔ),從圖形動(dòng)效在健康管理類的手機(jī)APP中應(yīng)用的易用性出發(fā),分析其在健康類軟件“FIT UP健康管理”中的應(yīng)用優(yōu)勢(shì),然后總結(jié)基于健康類APP界面的圖形動(dòng)效設(shè)計(jì)方法,從功能出發(fā),作出重視用戶視覺(jué)感知體驗(yàn)的設(shè)計(jì)規(guī)劃。對(duì)APP界面中圖形動(dòng)效的研究共分為三個(gè)部分,緒論部分主要闡述了選題的研究目的、研究的背景與意義、研究的難點(diǎn)與創(chuàng)新點(diǎn),運(yùn)用文獻(xiàn)資料法和實(shí)踐創(chuàng)新法去分析此課題,為后續(xù)的設(shè)計(jì)方案提供理論基礎(chǔ)。第一部分闡述了圖形動(dòng)效和界面設(shè)計(jì)的含義,以及圖形動(dòng)效在健康類APP界面設(shè)計(jì)中的易用性分析和應(yīng)用優(yōu)勢(shì)。第二部分主要闡述了國(guó)內(nèi)外健康類APP的優(yōu)秀案例分析以及動(dòng)效設(shè)計(jì)在健康類APP中的設(shè)計(jì)思路,這一部分以移動(dòng)界面圖形動(dòng)效為研究對(duì)象,重點(diǎn)闡述圖形動(dòng)效在移動(dòng)軟件界面中的的視覺(jué)表達(dá)方式,將對(duì)圖形動(dòng)效歸設(shè)計(jì)方法加以闡釋,總結(jié)設(shè)計(jì)原則以應(yīng)用在健康類APP界面設(shè)計(jì)中。第三部分為設(shè)計(jì)流程和作品的展示,使用不同的媒介對(duì)設(shè)計(jì)進(jìn)行展示。文章最后是對(duì)本次課題研究所涉及項(xiàng)目和行業(yè)發(fā)展態(tài)勢(shì)的總結(jié)與展望。
【圖文】：

第二章 健康類 APP 界面中圖形動(dòng)效的設(shè)計(jì)思路一、APP 界面中圖形動(dòng)效用戶體驗(yàn)調(diào)研與案例分析APP 即為手機(jī)移動(dòng)端的應(yīng)用程序，而手機(jī)應(yīng)用程序中圖形動(dòng)效設(shè)計(jì)的訴求根基則被稱為用戶體驗(yàn)，其是用來(lái)考察一個(gè)應(yīng)用程序是否符合用戶需求的關(guān)鍵準(zhǔn)則。設(shè)計(jì)實(shí)踐人員在將動(dòng)效設(shè)計(jì)類別進(jìn)行劃分之后，隨即作出基于調(diào)研研究方法的調(diào)研實(shí)踐，針對(duì)交互動(dòng)效設(shè)計(jì)開(kāi)展了詳細(xì)的手機(jī) APP 真實(shí)使用情況調(diào)查。依據(jù)調(diào)研對(duì)象對(duì)不同設(shè)計(jì)表述方式以及體驗(yàn)感受的不同，進(jìn)行具體分析，總結(jié)不一樣的動(dòng)效類別在手機(jī)應(yīng)用程序中的使用感受特征以及有何缺點(diǎn)。筆者對(duì)手機(jī)應(yīng)用程序中圖形動(dòng)效設(shè)計(jì)的用戶偏好水平進(jìn)行了調(diào)研，在這次調(diào)查研究中抽取對(duì) APP 界面中動(dòng)效有些許了解的 40 人為調(diào)研對(duì)象。人群年齡占比如圖 2-1 所示

圖 2-2 滑動(dòng)動(dòng)效流程圖 來(lái)源網(wǎng)絡(luò) https://www.uisdc.com/functional-motion-design-method圖示軟件界面的左右滑動(dòng)動(dòng)效，采用卡片填充界面的卡片式布局，用戶點(diǎn)擊卡片區(qū)域拖動(dòng)并向左滑動(dòng)，界面會(huì)出現(xiàn)不同卡片模塊平移至界面視覺(jué)中心，并隨之抖動(dòng)后在界面右側(cè)邊緣出現(xiàn)下一模塊內(nèi)容，這種平滑轉(zhuǎn)移方式可使用戶隨視覺(jué)隨動(dòng)效移動(dòng)，并發(fā)覺(jué)下一版塊交互方式，隨后理解軟件的交互邏輯，這一感知過(guò)程發(fā)生在動(dòng)效啟動(dòng)的同時(shí)，以極高的效率降低了用戶的學(xué)習(xí)成本，能夠理解交互動(dòng)效給予用戶的提示。如下圖 2-3 所示，可得數(shù)據(jù) 35%的用戶對(duì)圖示軟件中滑動(dòng)動(dòng)效的體驗(yàn)效果選擇“滿足”；30%的用戶選擇“認(rèn)同”；25%的用戶對(duì)圖示軟件的滑動(dòng)動(dòng)效感受表示不確定；1%的用戶“厭惡”此動(dòng)效。
【學(xué)位授予單位】：河南大學(xué)
【學(xué)位級(jí)別】：碩士
【學(xué)位授予年份】：2019
【分類號(hào)】：TP311.56

【參考文獻(xiàn)】

相關(guān)期刊論文 前10條

1 吳儉濤;李蒙曉;王之苑;;移動(dòng)應(yīng)用界面中動(dòng)效設(shè)計(jì)的運(yùn)用與探究[J];藝術(shù)與設(shè)計(jì)(理論);2015年09期

2 張波;;淺論界面設(shè)計(jì)的“簡(jiǎn)”與“繁”[J];美與時(shí)代(上);2015年08期

3 許露;江洪;;可穿戴設(shè)備發(fā)展現(xiàn)狀與問(wèn)題對(duì)策研究[J];新材料產(chǎn)業(yè);2014年12期

4 李準(zhǔn);;信息可視化與數(shù)據(jù)可視化[J];現(xiàn)代制造技術(shù)與裝備;2014年05期

5 孫志偉;;大數(shù)據(jù)時(shí)代物流行業(yè)的O2O應(yīng)對(duì)策略[J];物流科技;2014年09期

6 岳敏;;軟件界面設(shè)計(jì)的探討[J];數(shù)字技術(shù)與應(yīng)用;2014年07期

7 詹恒;;設(shè)計(jì)色彩中對(duì)于性格心理的解析與探索[J];藝術(shù)科技;2014年05期

8 張俊;;可視化數(shù)據(jù)挖掘技術(shù)的研究與實(shí)現(xiàn)[J];重慶工商大學(xué)學(xué)報(bào)(自然科學(xué)版);2013年03期

9 王賽蘭;;論交互設(shè)計(jì)中的信息可視化[J];產(chǎn)業(yè)與科技論壇;2012年15期

10 張浩;郭燦;;數(shù)據(jù)可視化技術(shù)應(yīng)用趨勢(shì)與分類研究[J];軟件導(dǎo)刊;2012年05期

相關(guān)碩士學(xué)位論文 前1條

1 朱元朋;移動(dòng)終端界面交互動(dòng)效設(shè)計(jì)及視覺(jué)反饋研究[D];西安電子科技大學(xué);2015年

，

本文編號(hào)：2599781