蔡偉

摘 要：近年來(lái)，移動(dòng)終端設(shè)備的快速發(fā)展為人們的生活、工作帶來(lái)了極大的便利，相應(yīng)的移動(dòng)應(yīng)用軟件設(shè)計(jì)和開(kāi)發(fā)也日益受到廣泛的關(guān)注。狹義地說(shuō)，移動(dòng)應(yīng)用軟件的功能基本是圍繞交互展開(kāi)的，在相應(yīng)的軟件操作界面設(shè)計(jì)上，除了滿足一定的功能需求之外，還要符合以人為本的理念，通過(guò)科學(xué)的設(shè)計(jì)理念和表達(dá)形式，更好地突出內(nèi)容的傳播功能，在有限的展示空間內(nèi)實(shí)現(xiàn)更合理的操作。本文將結(jié)合移動(dòng)終端的應(yīng)用軟件操作界面設(shè)計(jì)進(jìn)行研究，并提出相應(yīng)的方案。

關(guān)鍵詞：移動(dòng)終端；應(yīng)用軟件；操作界面；交互設(shè)計(jì)

移動(dòng)應(yīng)用軟件界面的設(shè)計(jì)是以移動(dòng)終端為基礎(chǔ)展開(kāi)的，在設(shè)計(jì)的過(guò)程中需要做好前期的規(guī)劃工作，即原型圖的準(zhǔn)備。同時(shí)，軟件界面設(shè)計(jì)不僅僅是形象的表達(dá)，而且需要支持硬件環(huán)境以及現(xiàn)實(shí)需求，可以通過(guò)手繪的方式實(shí)現(xiàn)原型圖的構(gòu)建，進(jìn)而移植到設(shè)計(jì)軟件層面，具體工作包括著色、風(fēng)格等內(nèi)容，切圖工作則是與軟件開(kāi)發(fā)人員共同完成的。

1 移動(dòng)應(yīng)用軟件操作界面交互設(shè)計(jì)概述

移動(dòng)終端的快速發(fā)展改變了人類(lèi)的生活，以智能手機(jī)為代表的終端產(chǎn)品同時(shí)也刺激了相應(yīng)軟件平臺(tái)的發(fā)展。事實(shí)上，人類(lèi)對(duì)移動(dòng)設(shè)備的依賴(lài)已經(jīng)越來(lái)越強(qiáng)，以智能手機(jī)為例，它不僅是生活、學(xué)習(xí)的必備品，甚至使用智能手機(jī)已經(jīng)成為一種生活習(xí)慣。通過(guò)移動(dòng)設(shè)備可以在上網(wǎng)及時(shí)了解信息，隨時(shí)娛樂(lè)休閑，比傳統(tǒng)的有線網(wǎng)絡(luò)具有更大的便捷性，而要實(shí)現(xiàn)這些功能，基于移動(dòng)終端的軟件產(chǎn)品是不可或缺的。目前，市場(chǎng)上已經(jīng)存在大量的APP應(yīng)用，這些軟件產(chǎn)品要實(shí)現(xiàn)功能，其中一個(gè)最主要的問(wèn)題就是展開(kāi)軟件界面的交互設(shè)計(jì)。

主流的移動(dòng)設(shè)備操作系統(tǒng)，如安卓、iOS等，為軟件界面設(shè)計(jì)提供了很好的技術(shù)平臺(tái)。交互設(shè)計(jì)的目的是更加實(shí)用、易用，實(shí)現(xiàn)傳統(tǒng)文字、語(yǔ)音的交互創(chuàng)新和擴(kuò)充。對(duì)電腦、電視等設(shè)備來(lái)說(shuō)，移動(dòng)終端設(shè)備的特點(diǎn)是小巧、便捷，但這同時(shí)也是它的局限性。由于設(shè)備較小，在功能方面的限制就多，通常只有一個(gè)顯示屏幕，通過(guò)輸入機(jī)制來(lái)實(shí)現(xiàn)信息的訪問(wèn)；雖然在智能手機(jī)的應(yīng)用中基本實(shí)現(xiàn)了觸屏方式，可以大大解決傳統(tǒng)手機(jī)鍵盤(pán)的空間，但這并沒(méi)有本質(zhì)上的變化；移動(dòng)應(yīng)用軟件操作界面的交互設(shè)計(jì)更關(guān)注內(nèi)容和內(nèi)涵的研究，而不僅是形式的變化；界面設(shè)計(jì)被稱(chēng)為“UI設(shè)計(jì)”，UI設(shè)計(jì)是一種基于信息技術(shù)發(fā)展的生產(chǎn)形式，旨在通過(guò)改變?nèi)藱C(jī)交互、操作邏輯和界面美觀等內(nèi)容之間的融合，促使軟件變得更加人性化、個(gè)性化。

2 移動(dòng)應(yīng)用軟件操作界面交互設(shè)計(jì)的原則

2.1 內(nèi)容優(yōu)先原則

移動(dòng)應(yīng)用軟件在早期的交互頁(yè)面設(shè)計(jì)中缺乏合理性，甚至將網(wǎng)頁(yè)內(nèi)容直接轉(zhuǎn)移到移動(dòng)終端。很明顯，對(duì)智能手機(jī)等移動(dòng)終端來(lái)說(shuō)，這種方式很難發(fā)揮交互功能?；凇耙苿?dòng)性”的需求，移動(dòng)終端設(shè)備的尺寸都不大，因此界面交互設(shè)計(jì)應(yīng)以?xún)?nèi)容為核心。

內(nèi)容是用戶(hù)的基本需求。事實(shí)上，移動(dòng)終端軟件的全部功能都是以?xún)?nèi)容為基礎(chǔ)展開(kāi)的，交互的目的同樣是為了實(shí)現(xiàn)內(nèi)容的獲取。為了更好地利用屏幕資源，對(duì)傳統(tǒng)網(wǎng)頁(yè)形式進(jìn)行生搬硬套的移植是不可取的，在移動(dòng)應(yīng)用交互設(shè)計(jì)的過(guò)程中需要對(duì)內(nèi)容呈現(xiàn)的方式、途徑等進(jìn)行重新組合。內(nèi)容優(yōu)先，簡(jiǎn)單地說(shuō)就是以用戶(hù)熟悉的維度來(lái)組織內(nèi)容展示，這樣既可以保障用戶(hù)習(xí)慣應(yīng)用的延續(xù)，又可以提高效率，更快、更方便地找到目標(biāo)。基于此，在設(shè)計(jì)中要盡量減少與內(nèi)容無(wú)關(guān)的要素，如精簡(jiǎn)導(dǎo)航、裝飾等，促使內(nèi)容更加簡(jiǎn)潔。

2.2 觸摸基礎(chǔ)原則

在傳統(tǒng)的計(jì)算機(jī)操作范圍，交互主要是通過(guò)鼠標(biāo)和鍵盤(pán)來(lái)完成的，而在移動(dòng)終端設(shè)備中這種方式不具備基本條件，主要依賴(lài)于手指的操作。而結(jié)合當(dāng)前移動(dòng)終端發(fā)展的現(xiàn)狀，觸摸屏已經(jīng)成為基本形式，手勢(shì)操作的適應(yīng)性?xún)?yōu)劣直接影響了交互的自然性、靈活性，但同時(shí)也存在一定的缺陷，如識(shí)別較差、操作精度不高等。因此，在移動(dòng)終端軟件交互設(shè)計(jì)的過(guò)程中應(yīng)重點(diǎn)結(jié)合觸摸功能展開(kāi)，以信息架構(gòu)為基礎(chǔ)，以功能實(shí)現(xiàn)為目的，建立起手勢(shì)交互規(guī)范?；谝苿?dòng)應(yīng)用的軟件交互設(shè)計(jì)提出了一個(gè)全新的設(shè)計(jì)概念，即“手勢(shì)交互規(guī)范”，它研究的主要是實(shí)現(xiàn)統(tǒng)一性（功能實(shí)現(xiàn)方面），使用戶(hù)在任何移動(dòng)終端軟件操作界面上不需要額外學(xué)習(xí)，都可以自主正確地催生手勢(shì)，并實(shí)現(xiàn)交互的功能。很顯然，手勢(shì)教育本身并不是硬性規(guī)定的，而是通過(guò)軟件操作界面交互設(shè)計(jì)的形式來(lái)“限制”的。

例如，移動(dòng)應(yīng)用軟件操作界面中的導(dǎo)航菜單，為了實(shí)現(xiàn)屏幕資源的最佳利用需要進(jìn)行隱藏，手勢(shì)向下滑動(dòng)或點(diǎn)擊，層級(jí)導(dǎo)航出現(xiàn)，向上滑動(dòng)，菜單收回。另外，如刪除操作，通過(guò)簡(jiǎn)單的“拖動(dòng)”形式到達(dá)一定的功能區(qū)域，具有一定的形象性。

2.3 易學(xué)易用原則

作為最典型的移動(dòng)終端設(shè)備，智能手機(jī)已經(jīng)成為人人必備的通信工具。移動(dòng)終端產(chǎn)品不僅具有簡(jiǎn)單的電話功能，而且在日常學(xué)習(xí)、工作中給人們帶來(lái)了很大的便利，如各類(lèi)APP軟件的開(kāi)發(fā)，使人們擺脫了室內(nèi)空間的限制，可以在戶(hù)外進(jìn)行同等效果的操作。但是相應(yīng)的，基于其先進(jìn)性，目前大部分智能移動(dòng)終端都被視為年輕人的玩具，依然有在操作方面存在困難的人群。事實(shí)上，對(duì)移動(dòng)應(yīng)用產(chǎn)品而言，在操作界面的交互設(shè)計(jì)上提倡的是簡(jiǎn)單、直接的操作形式，能減少操作步驟就要盡量減少，更加突出地彰顯產(chǎn)品的目標(biāo)和價(jià)值，使用戶(hù)在不需要看任何使用手冊(cè)、使用說(shuō)明的前提下，通過(guò)嘗試摸索就能快速上手。實(shí)現(xiàn)易學(xué)、易用原則的前提，就是保障導(dǎo)航設(shè)計(jì)的清晰、明確和便于理解，簡(jiǎn)單地說(shuō)，就是功能越簡(jiǎn)單，軟件操作界面交互性的優(yōu)勢(shì)就越突出。

3 移動(dòng)應(yīng)用軟件操作界面交互設(shè)計(jì)的方案

3.1 原型圖設(shè)計(jì)

原型圖，即移動(dòng)應(yīng)用軟件操作界面設(shè)計(jì)的框架圖，是對(duì)一個(gè)產(chǎn)品的可視化呈現(xiàn)，在設(shè)計(jì)工作中展示出作品的功能、內(nèi)容、架構(gòu)和交互方式，其中交互內(nèi)容的設(shè)計(jì)是聯(lián)系其他部分的紐帶。原型圖是一種設(shè)想，前期來(lái)說(shuō)與功能設(shè)計(jì)沒(méi)有太多的聯(lián)系，甚至只是一種風(fēng)格或者色彩。通過(guò)原型圖來(lái)征求意見(jiàn)，然后針對(duì)選擇方案進(jìn)行分析，最后設(shè)計(jì)人員和程序人員要相互配合，將視覺(jué)和功能展開(kāi)統(tǒng)一。

原型圖設(shè)計(jì)中可以使用手繪和鼠繪兩種形式。專(zhuān)業(yè)的設(shè)計(jì)人員根據(jù)需求確定紙質(zhì)原型，分解各部分的功能內(nèi)容和特點(diǎn)，之后可以利用PS、fireworks、visio等工具進(jìn)行切圖。其中，紙張的原型圖便于修改和繪制，能夠很好地發(fā)揮創(chuàng)意作用，實(shí)現(xiàn)設(shè)計(jì)原型、示意圖等功能，但相對(duì)地在應(yīng)用和保存上存在缺陷。而低保真原型是通過(guò)制作軟件實(shí)現(xiàn)的設(shè)計(jì)稿，具有示意明確的特點(diǎn)，能夠很好地實(shí)現(xiàn)交互和反饋；高保真原型則是通過(guò)概念設(shè)計(jì)展示對(duì)象，在視覺(jué)上實(shí)現(xiàn)了實(shí)際產(chǎn)品的等效設(shè)計(jì)，具有很強(qiáng)的真實(shí)感，在很大程度上體現(xiàn)了設(shè)計(jì)師的審美能力以及技術(shù)人員交互實(shí)現(xiàn)的能力。

3.2 視覺(jué)效果設(shè)計(jì)

視覺(jué)效果設(shè)計(jì)，即對(duì)移動(dòng)應(yīng)用軟件界面的最終靜態(tài)設(shè)計(jì)圖。雖然存在一定的概念特征，但其功能方面的結(jié)合基本完成。從功能角度來(lái)說(shuō)，視覺(jué)設(shè)計(jì)并不是設(shè)計(jì)層面的進(jìn)一步渲染和夸張，而是實(shí)現(xiàn)層面的有效展示，促使更加直觀和易懂功能的發(fā)揮，高度模擬了真實(shí)的操作和交互，設(shè)計(jì)者基于這一情況來(lái)驗(yàn)證用戶(hù)的感受。

結(jié)合當(dāng)前主流的移動(dòng)終端應(yīng)用軟件，操作界面與操作系統(tǒng)必須相適應(yīng)，如安卓系統(tǒng)、iOS系統(tǒng)等。不同的操作系統(tǒng)部分構(gòu)成了獨(dú)具特色的視覺(jué)設(shè)計(jì)層次，主要有以下幾種類(lèi)型。

第一，交互意圖。在設(shè)計(jì)過(guò)程中，設(shè)計(jì)師能否理解交互功能的內(nèi)在本質(zhì)，會(huì)影響交互意圖的側(cè)重和表達(dá)，需要參照目標(biāo)群體心理模型以及交流形態(tài)展開(kāi)設(shè)計(jì)。

第二，布局設(shè)計(jì)。移動(dòng)應(yīng)用軟件操作界面中的版面布局規(guī)范十分重要，這是由于在有限的屏幕空間中實(shí)現(xiàn)交互功能更多的是以按鈕交互的形式展開(kāi)的。如果布局設(shè)計(jì)存在欠缺，很容易導(dǎo)致層次感的誤差，在整體視覺(jué)感受上有凌亂的感覺(jué)。

第三，信噪比?；诮换シ矫娴男枨笤O(shè)計(jì)，整個(gè)操作界面要滿足清晰、整潔、有序的特征，減少雜亂信息帶來(lái)的干擾，有效突出信息的實(shí)用性。

第四，字體與色彩。字體和色彩是最具有表現(xiàn)力的元素。字體主要包括樣式和顏色，而色彩則表示的是整個(gè)頁(yè)面的風(fēng)格和基調(diào)。無(wú)論是色彩還是字體，在形式變化上都不要超過(guò)3種，這樣才能確保主體內(nèi)容被有效識(shí)別。

除此之外，在整個(gè)設(shè)計(jì)中也要把握相關(guān)元素的使用，突出“畫(huà)龍點(diǎn)睛”的作用即可，而不能“畫(huà)蛇添足”，如在頁(yè)面中具有裝飾性質(zhì)的內(nèi)容，要嚴(yán)格控制數(shù)量、內(nèi)容和風(fēng)格，不能與主體框架產(chǎn)生沖突。

4 移動(dòng)應(yīng)用軟件操作界面交互設(shè)計(jì)的發(fā)展趨勢(shì)

移動(dòng)終端的功能實(shí)現(xiàn)依賴(lài)于操作界面的交互設(shè)計(jì)，而內(nèi)容的獲取則依賴(lài)于移動(dòng)終端網(wǎng)絡(luò)。移動(dòng)互聯(lián)網(wǎng)的發(fā)展極大地豐富了人們的生活，而不僅僅是移動(dòng)終端內(nèi)置程序呈現(xiàn)的交互。因此，基于移動(dòng)互聯(lián)網(wǎng)展開(kāi)移動(dòng)應(yīng)用軟件操作界面的交互設(shè)計(jì)，將是未來(lái)一個(gè)重要的發(fā)展趨勢(shì)。具體來(lái)說(shuō)，主要包括如下2個(gè)方面。

第一，平滑特效。所謂“平滑特效”，就是一種平滑無(wú)縫的用戶(hù)體驗(yàn)。應(yīng)用程序交互功能的介入可以實(shí)現(xiàn)頁(yè)面的切換、放大、縮小、滑動(dòng)更加出色；事實(shí)上，“滑動(dòng)”已經(jīng)成為現(xiàn)代移動(dòng)應(yīng)用軟件操作界面的主流“手勢(shì)”，具有很大的開(kāi)發(fā)空間。

第二，數(shù)據(jù)可視化。隨著越來(lái)越多移動(dòng)終端產(chǎn)品的出現(xiàn)，移動(dòng)終端產(chǎn)品的功能也日漸統(tǒng)一起來(lái)。以智能手機(jī)為例，其發(fā)展軌跡就是在不斷兼容其他領(lǐng)域設(shè)備的功能，并轉(zhuǎn)化為自身適應(yīng)的標(biāo)準(zhǔn)。無(wú)論是哪一種操作系統(tǒng)，在設(shè)計(jì)界面上的特征也越發(fā)趨同，而相應(yīng)地促進(jìn)數(shù)據(jù)的可視化就成為一個(gè)重要的趨勢(shì)。數(shù)據(jù)可視化的一個(gè)特征就是表現(xiàn)力豐富，除了簡(jiǎn)單的數(shù)據(jù)表達(dá)形式之外，還包括圖像、動(dòng)畫(huà)、數(shù)學(xué)公式等，可以更加輕松、快捷地獲取。

5 結(jié)束語(yǔ)

總的來(lái)說(shuō)，移動(dòng)終端的應(yīng)用將成為現(xiàn)代社會(huì)的一個(gè)主流趨勢(shì)，這也意味著移動(dòng)應(yīng)用軟件交互界面設(shè)計(jì)的發(fā)展空間更大。同時(shí)，雖然移動(dòng)終端設(shè)備及移動(dòng)應(yīng)用軟件的功能不可能完全替代常規(guī)的電子設(shè)備，但是實(shí)現(xiàn)了信息技術(shù)功能領(lǐng)域的細(xì)分。在設(shè)計(jì)的過(guò)程中，應(yīng)該確保實(shí)用性、便捷性、合理性，遵循人性化的設(shè)計(jì)原則，逐步設(shè)計(jì)出一套移動(dòng)應(yīng)用軟件交互設(shè)計(jì)的開(kāi)發(fā)框架，在滿足視覺(jué)要求的同時(shí)，發(fā)揮更好的交互功能，提高用戶(hù)的體驗(yàn)度。

參考文獻(xiàn)

[1]羅仕鑒，朱上上，應(yīng)放天，等.手機(jī)界面中基于情境的用戶(hù)體驗(yàn)設(shè)計(jì)[J].計(jì)算機(jī)集成制造系統(tǒng)，2010，（2）：239-248.

[2]顧立平.個(gè)性化交互設(shè)計(jì)的研究綜述[J].現(xiàn)代圖書(shū)情報(bào)技術(shù)，2010，（11）：10-16.

[3]孫鵬.基于觸控手勢(shì)操作的情境界面[J].包裝工程，2014，（8）：96-100.

[4]孫辛欣.基于移動(dòng)終端應(yīng)用軟件的動(dòng)態(tài)交互設(shè)計(jì)研究[J].包裝工程，2014，（22）：32-36.

[5]王晶，李亦芒.手持移動(dòng)設(shè)備中基于手勢(shì)的界面交互方式研究[J].藝術(shù)與設(shè)計(jì)（理論），2008，（2）：148-150.

[6]姬洪瑜，韓靜華.扁平化設(shè)計(jì)在交互設(shè)計(jì)中的應(yīng)用[J].包裝工程，2015，（12）：91-94.

[7]吳儉濤，李蒙曉，王之苑.移動(dòng)應(yīng)用界面中動(dòng)效設(shè)計(jì)的運(yùn)用與探究[J].藝術(shù)與設(shè)計(jì)（理論），2015，（9）：40-42.

[8]楊煥，陳星海.移動(dòng)應(yīng)用界面的觸控微交互體驗(yàn)設(shè)計(jì)研究[J].藝術(shù)教育，2015，（12）：250-251.