楊亞晴 王曉燕

摘要：隨著科學(xué)技術(shù)的不斷推進(jìn)，手機(jī)已成為廣大人民群眾日常生活中必不可少的工具，界面交互成為手機(jī)軟件設(shè)計(jì)的核心以及衡量智能產(chǎn)品好壞的重要指標(biāo)，人性化的操作和順暢的界面切換尤為重要。利用Axure進(jìn)行界面交換設(shè)計(jì)，優(yōu)化了界面的操作方式，在理論方面豐富了以Axure為基礎(chǔ)的手機(jī)界面交互設(shè)計(jì)方面的文獻(xiàn)研究，實(shí)踐方面給予相關(guān)行業(yè)人員一定的參考，同時(shí)為使用者提供更多的便利。

關(guān)鍵詞：界面設(shè)計(jì);智能手機(jī);交互性;用戶(hù)體驗(yàn)

1?引言

界面交互設(shè)計(jì)又被稱(chēng)之為人機(jī)交互設(shè)計(jì)，自計(jì)算機(jī)問(wèn)世起便一直存在，是人與機(jī)器進(jìn)行交流的途徑。立足于Axure進(jìn)行界面交互設(shè)計(jì)，結(jié)合用戶(hù)的實(shí)際需求，以更加人性化的設(shè)計(jì)為指導(dǎo)理念，使各個(gè)頁(yè)面之間的切換更為流暢以及頁(yè)面之間的互動(dòng)更為連貫，使得建成的軟件操作更為簡(jiǎn)便和高效，能夠進(jìn)一步推動(dòng)產(chǎn)品的互動(dòng)功能，幫助使用者通過(guò)交互界面的使用，以獲取更優(yōu)質(zhì)的服務(wù)。

2?界面交互設(shè)計(jì)的發(fā)展和應(yīng)用

（1）國(guó)外的發(fā)展。計(jì)算機(jī)起步較早的是歐美等發(fā)達(dá)國(guó)家，在1999年，Motorola（摩托羅拉）在美國(guó)推出世界首款觸摸屏智能機(jī)——摩托羅拉A6188天拓，這款智能機(jī)一經(jīng)問(wèn)世便引起了世界各地的極大地關(guān)注，在界面設(shè)計(jì)的發(fā)展歷程中起到了推波助瀾的作用，摩托羅拉A6188的出現(xiàn)是里程碑性的產(chǎn)物，它的出現(xiàn)為后來(lái)的人機(jī)交互方式的發(fā)展奠定了基礎(chǔ)。自此之后，電子技術(shù)飛速發(fā)展，新的時(shí)期出現(xiàn)了新的局面，人機(jī)交互設(shè)計(jì)受到來(lái)自世界各地的越來(lái)越多的目光。

（2）國(guó)內(nèi)的發(fā)展。我國(guó)的界面交互設(shè)計(jì)正處在個(gè)在不斷發(fā)展的階段，越來(lái)越多的設(shè)計(jì)師開(kāi)始涉獵這一行，中國(guó)的設(shè)計(jì)公司也與日俱增，文獻(xiàn)資料也日益完整，界面設(shè)計(jì)的網(wǎng)站和帖子也猶如雨后春筍般紛紛出現(xiàn)，毫無(wú)疑問(wèn)，這些設(shè)計(jì)平臺(tái)的出現(xiàn)和進(jìn)步都在推動(dòng)著國(guó)家設(shè)計(jì)行業(yè)的進(jìn)步。

（3）應(yīng)用領(lǐng)域。界面交互設(shè)計(jì)的應(yīng)用領(lǐng)域廣泛，只要涉及到人機(jī)之間的交互，都需要交互設(shè)計(jì)來(lái)提供智能人性化的服務(wù)。

3?草圖繪制

進(jìn)行草圖的繪制是進(jìn)行設(shè)計(jì)的基礎(chǔ)，常用于產(chǎn)品早期階段，草圖的繪制不要很強(qiáng)的繪畫(huà)功底，草圖是初始化表達(dá)設(shè)計(jì)的階段。草圖具有快速，表達(dá)清楚的特性，可以在第一時(shí)間與他人交流想法和造型。在設(shè)計(jì)中，可以通過(guò)草圖快速集成概念，勾畫(huà)想法和布局，草圖作為設(shè)計(jì)的工具和技巧，在設(shè)計(jì)中占有很重要的地位。

4?界面設(shè)計(jì)概述

智能化的生活產(chǎn)品越來(lái)越豐富，人們?cè)絹?lái)越注重自身的參與感與產(chǎn)品體驗(yàn)的滿(mǎn)足感，尋求對(duì)功能性滿(mǎn)足之上的心理滿(mǎn)足，使得人們的智能需求得到極大的激發(fā)[1] 。

（1）屏幕適配。

（2）圖標(biāo)設(shè)計(jì)。圖形的元素相比于文字的限制更小，傳達(dá)信息更為直觀，能夠適用于廣泛的大眾群體。圖標(biāo)的設(shè)計(jì)存在不同的特性，如：色彩，形狀等，圖標(biāo)的設(shè)計(jì)應(yīng)融入整體設(shè)計(jì)風(fēng)格。在色彩元素的運(yùn)用上，較為單一的顏色往往顯得過(guò)于單調(diào)，較多的顏色則會(huì)使人眼花繚亂，恰到好處的顏色能夠?yàn)槭謾C(jī)界面設(shè)計(jì)增分[2]。保證圖案、色彩、形狀的協(xié)調(diào)，確保盡量減少新元素的引入，新元素越多，用戶(hù)使用起來(lái)就越復(fù)雜。

（3）設(shè)計(jì)規(guī)范?？紤]屏幕尺寸、色彩、字號(hào)、圖標(biāo)大小、分辨率，布局等各因素之間的協(xié)調(diào)對(duì)用戶(hù)感官的影響。并且文字也是一種文化，是一種美，在手機(jī)UI界面中的一些文字字體、文字線條等都能給使用者帶來(lái)更好的視覺(jué)體驗(yàn)[3]。

5?Axure交互設(shè)計(jì)概述

利用Axure進(jìn)行設(shè)計(jì)極大滿(mǎn)足了用戶(hù)的日常需求，將真實(shí)空間中的內(nèi)容進(jìn)行壓縮，形成數(shù)字，再通過(guò)文字的描述賦予動(dòng)態(tài)的形式，在無(wú)形中增添了用戶(hù)的沉浸感和數(shù)字中本不具備的趣味性。

（1）交互設(shè)計(jì)的概述。人造物在特定情景下反應(yīng)方式的相關(guān)界面，它定義了兩個(gè)或多個(gè)互動(dòng)的個(gè)體之間交流的內(nèi)容和結(jié)構(gòu)，使之相互配合從而達(dá)成某種目的，由Words語(yǔ)言、Visual Representations（視覺(jué)再現(xiàn)）、Physical Objects or Space（物理交互或空間交互）、Time（時(shí)間），Behavior（行為）五部分構(gòu)成，交互設(shè)計(jì)具有連貫性、互動(dòng)性，多媒體性等特性。

（2）低保真和高保真。

低保真原型又稱(chēng)為原型圖或交互原型，是產(chǎn)品的設(shè)計(jì)的初期藍(lán)圖，通過(guò)線框圖表達(dá)出產(chǎn)品的大致框架，核心部分以及界面的跳轉(zhuǎn)，提供討論目標(biāo)，適用于最初產(chǎn)品梳理功能。

高保真原型在低保真原型的基礎(chǔ)上進(jìn)一步完善，插入圖片、圖標(biāo)、添加元件屬性，交互事件配置交互動(dòng)作為原型增加保真度，與上線效果相同，仿真性最好，高保真原型最接近于實(shí)物的原型，包含各種產(chǎn)品的各種功能細(xì)節(jié)和交互動(dòng)作，可用于展示產(chǎn)品等情況。

（3）Axure原型交互。Axure原型設(shè)計(jì)是還原和仿真最接近實(shí)際的設(shè)計(jì)，可以立體的還原應(yīng)用程序的使用場(chǎng)景，全方位的展示模型的各項(xiàng)功能，使設(shè)計(jì)出的產(chǎn)品更具易操作性，可以真實(shí)全面的展示界面的主要工作流程和部分功能，并有很強(qiáng)的交互性，其中的高保真設(shè)計(jì)原型可以幫助設(shè)計(jì)者高度模擬使用手機(jī)應(yīng)用界面的場(chǎng)景，使設(shè)計(jì)者盡早對(duì)自己設(shè)計(jì)的產(chǎn)品有一個(gè)全方位，更立體的了解，幫助使用者根據(jù)模型展示的結(jié)果，發(fā)現(xiàn)其中的不足并進(jìn)行及時(shí)的修改，不斷完善交互界面，提升用戶(hù)體驗(yàn)。

結(jié)束語(yǔ)

設(shè)計(jì)的概念十分廣泛，并沒(méi)有明確的定義什么是好，什么是差。界面交互設(shè)計(jì)的難點(diǎn)在于創(chuàng)意的收集和獨(dú)創(chuàng)的想法?，F(xiàn)在的設(shè)計(jì)大部分是為了設(shè)計(jì)而設(shè)計(jì)，缺乏自己的想法，設(shè)計(jì)的理念和技術(shù)不夠成熟，設(shè)計(jì)要從根本上去改變，從根本上去添加自己的想法，而不是淺顯的去模仿，抄襲他人的作品，并且要將藝術(shù)與數(shù)字媒體融會(huì)貫通，突破固有的思維限制，給作品帶來(lái)更強(qiáng)的美感，推進(jìn)人與機(jī)器之間的積極、持續(xù)向上的發(fā)展。也許未來(lái)的智能手機(jī)不僅僅停留在一小塊的電子屏幕上，手機(jī)操作系統(tǒng)也愈加多元化，界面交互設(shè)計(jì)也需要與之相匹配，逐漸轉(zhuǎn)變?yōu)槎嘣O(shè)計(jì)，動(dòng)畫(huà)操作界面、聲音操作界面有望與之兼容[6]。相信在不久的將來(lái)，我國(guó)的人機(jī)交互設(shè)計(jì)將會(huì)實(shí)現(xiàn)質(zhì)的突破，界面交互設(shè)計(jì)的前景一片光明。

參考文獻(xiàn)

[1]高玉嬌，覃京燕，陶晉.手機(jī)APP交互設(shè)計(jì)中動(dòng)態(tài)色彩的視知覺(jué)研究[J].包裝工程.2016（08）.

[2]夏霄萌.在UI設(shè)計(jì)中的視覺(jué)表現(xiàn)淺析[J].中國(guó)民族博覽，2016（7）：152-153.

[3]徐一航.移動(dòng)端游戲的交互界面設(shè)計(jì)研究[J].數(shù)碼設(shè)計(jì)（上），2019（9）：6-7.

[4]張思南.極簡(jiǎn)主義在扁平化風(fēng)格UI設(shè)計(jì)中的應(yīng)用與研究[J].美術(shù)教育研究，2018（2）：67.

作者簡(jiǎn)介：楊亞晴，女，本科學(xué)士，山東協(xié)和學(xué)院計(jì)算機(jī)科學(xué)與技術(shù)專(zhuān)業(yè)，主要研究方向?yàn)椋篣I交互等。

指導(dǎo)教師：王曉燕，女，碩士，副教授，山東協(xié)和學(xué)院數(shù)字媒體教研室教師，主要研究方向?yàn)閿?shù)字媒體技術(shù)、三維動(dòng)畫(huà)