移動(dòng)UI界面在視覺傳達(dá)設(shè)計(jì)中的應(yīng)用研究

吳穎

澳門科技大學(xué)

通常情況下，人們往往首先通過視覺來感知、了解事物。視覺傳達(dá)設(shè)計(jì)作為一項(xiàng)專業(yè)學(xué)科，能夠?qū)崿F(xiàn)信息傳播的同時(shí)，還能夠?qū)τ绊懸曈X的元素進(jìn)行優(yōu)化，比如：圖片、文字、頁(yè)面布局等。然而，隨著互聯(lián)網(wǎng)產(chǎn)業(yè)鏈的不斷發(fā)展，UI設(shè)計(jì)逐漸被人們所知曉，和傳統(tǒng)的視覺設(shè)計(jì)相比有著很多的相似點(diǎn)，但UI設(shè)計(jì)在將視覺傳達(dá)設(shè)計(jì)和移動(dòng)設(shè)備的相互融合上更加具有優(yōu)勢(shì)，從而能夠增強(qiáng)客戶的體驗(yàn)感。因此，對(duì)移動(dòng)UI界面在視覺傳達(dá)設(shè)計(jì)中的應(yīng)用展開論述具有積極意義。

一、視覺傳達(dá)設(shè)計(jì)與移動(dòng)UI界面設(shè)計(jì)概述

（一）視覺傳達(dá)設(shè)計(jì)

簡(jiǎn)而言之，所謂視覺傳達(dá)設(shè)計(jì)就是對(duì)事物以可視形式傳播展現(xiàn)出來。在可視形式上主要包括色彩、文字、排版、圖像等，所展現(xiàn)的形式往往是二維形式。在移動(dòng)UI界面設(shè)計(jì)中，視覺傳達(dá)設(shè)計(jì)實(shí)現(xiàn)了將交互設(shè)計(jì)和實(shí)用性相互融合[1]。人們往往通過視覺來捕捉信息，所以說視覺傳達(dá)與人們的視覺有著密不可分的關(guān)系，視覺傳達(dá)設(shè)計(jì)正是將文字、色彩、排版等因素進(jìn)行融合，從而實(shí)現(xiàn)傳播信息的效果，在傳播過程中更加注重融合審美理念和設(shè)計(jì)實(shí)用性。一方面需要使信息傳播的美感得到保證，同時(shí)也要保證視覺傳達(dá)設(shè)計(jì)所傳遞的信息能夠在生活中得到運(yùn)用。從設(shè)計(jì)理念角度來看，視覺傳達(dá)設(shè)計(jì)的理念和移動(dòng)UI界面設(shè)計(jì)理念有著一定的相似之處，由此可見，在視覺傳達(dá)設(shè)計(jì)中應(yīng)用移動(dòng)UI界面設(shè)計(jì)能夠明顯提升人們審美能力，對(duì)公共信息加以傳播。利用移動(dòng)UI界面進(jìn)行視覺傳達(dá)設(shè)計(jì)時(shí)，設(shè)計(jì)人員應(yīng)當(dāng)遵循移動(dòng)UI設(shè)計(jì)規(guī)范標(biāo)準(zhǔn)，使其充分融合在視覺傳達(dá)設(shè)計(jì)的各類元素中，提升設(shè)計(jì)作品美感，實(shí)現(xiàn)高度統(tǒng)一的交互設(shè)計(jì)，使所設(shè)計(jì)出的移動(dòng)UI界面符合用戶審美的同時(shí)，具備一定的實(shí)用性。

（二）移動(dòng)UI界面設(shè)計(jì)

通俗來講，移動(dòng)UI設(shè)計(jì)就是用戶移動(dòng)設(shè)備的界面。在這之中蘊(yùn)含著用戶體驗(yàn)、界面排版、人機(jī)交互等視覺設(shè)計(jì)內(nèi)容。在人們身邊的移動(dòng)電子設(shè)備中，移動(dòng)UI界面都隨處可見，比如：手機(jī)鎖屏畫面、各個(gè)App不同的顯示界面等。在發(fā)展過程中，移動(dòng)UI界面設(shè)計(jì)形式逐漸從擬物化轉(zhuǎn)向扁平化，最終向著多樣化方向發(fā)展。對(duì)于App而言，移動(dòng)UI設(shè)計(jì)效果至關(guān)重要，人們往往對(duì)App從視覺上的第一印象特別深刻，移動(dòng)UI設(shè)計(jì)的質(zhì)量將影響到App的下載使用量，隨著互聯(lián)網(wǎng)產(chǎn)品的推陳出新，產(chǎn)品在進(jìn)行移動(dòng)UI設(shè)計(jì)時(shí)需要保證實(shí)用性的同時(shí)還需不斷滿足人們的審美需求[2]。

二、移動(dòng)UI界面設(shè)計(jì)要點(diǎn)

（一）合理搭配

設(shè)計(jì)元素的搭配數(shù)量和搭配方式是移動(dòng)UI設(shè)計(jì)的關(guān)鍵點(diǎn)，所包含的設(shè)計(jì)元素包括：元素設(shè)計(jì)、排版設(shè)計(jì)、文字及線條設(shè)計(jì)等，為了保證整體移動(dòng)UI設(shè)計(jì)合理性，應(yīng)當(dāng)保證所有設(shè)計(jì)元素符合要求。由于移動(dòng)UI設(shè)計(jì)屏幕界面所展現(xiàn)的范圍較小，所以在設(shè)計(jì)時(shí)圖形的表現(xiàn)形式以及文字線條的排版位置至關(guān)重要，同時(shí)還需考慮App的功能及性質(zhì)確定排版布局方式[3]?，F(xiàn)在在設(shè)計(jì)中，簡(jiǎn)約型設(shè)計(jì)是較為常見的，但由于其所包含的信息量較少，在一些特殊情況下并不適用。

（二）簡(jiǎn)約界面

在信息技術(shù)快速發(fā)展推動(dòng)下，人們往往會(huì)在很短時(shí)間內(nèi)接收到大量信息，從而產(chǎn)生信息收集疲勞，因此在進(jìn)行界面設(shè)計(jì)時(shí)對(duì)簡(jiǎn)潔性有著越來越高的需求。對(duì)信息進(jìn)行傳遞并在視覺上滿足用戶的心理預(yù)期是移動(dòng)UI界面設(shè)計(jì)的關(guān)鍵因素，在一些特殊軟件中，滿足用戶需求甚至比傳達(dá)信息更關(guān)鍵。由此可見，移動(dòng)UI界面設(shè)計(jì)會(huì)向著簡(jiǎn)約型設(shè)計(jì)發(fā)展。

這一認(rèn)知層次只是針對(duì)一些普通軟件，對(duì)于一些特殊軟件而言，若要對(duì)用戶感官形成刺激、吸引用戶并實(shí)現(xiàn)信息傳遞，就要將移動(dòng)UI設(shè)計(jì)界面設(shè)計(jì)向著復(fù)雜化方向發(fā)展[4]。比如移動(dòng)設(shè)備中各類游戲軟件，這些App的UI界面設(shè)計(jì)舒適度和用戶感官刺激程度，對(duì)游戲日后的熱度和發(fā)展有著直接關(guān)系。

（三）適配界面

在分析界面的適配性而言，要從軟件的作用、軟件的功能以及軟件的內(nèi)涵進(jìn)行分析，通過整體性設(shè)計(jì)思維實(shí)現(xiàn)信息的有效傳達(dá)。對(duì)于現(xiàn)存的移動(dòng)App而言，在功能上有著很強(qiáng)的區(qū)別度。對(duì)于游戲的界面設(shè)計(jì)來講，為了增加游戲的關(guān)注度和使用量，通常應(yīng)用非簡(jiǎn)約設(shè)計(jì)。

在確定移動(dòng)UI界面設(shè)計(jì)復(fù)雜度時(shí)，應(yīng)當(dāng)著重分析軟件要向用戶傳達(dá)的內(nèi)容。此外，從產(chǎn)品表達(dá)和設(shè)計(jì)思維角度分析，能夠?qū)ΡＷC移動(dòng)UI界面設(shè)計(jì)精準(zhǔn)度和科學(xué)性，對(duì)軟件的運(yùn)行方式展開分析，從而更好銜接軟件和UI界面[5]。

三、移動(dòng)UI界面在視覺傳達(dá)設(shè)計(jì)中的應(yīng)用

（一）文字的應(yīng)用

在眾多視覺設(shè)計(jì)語(yǔ)言中，文字是最直觀也是最傳統(tǒng)的，通過文字能夠?qū)鹘y(tǒng)信息和界面信息進(jìn)行有效地傳達(dá)。同時(shí)，在移動(dòng)UI界面中通過文字能夠?qū)崿F(xiàn)與用戶的高效溝通，與圖形元素相比，可能文字并沒有很強(qiáng)的視覺沖擊力，但在實(shí)際應(yīng)用中仍然具有不可替代的地位。例如：在了解某一App功能時(shí)就需要文字，為了實(shí)現(xiàn)視覺傳達(dá)效果，在將文字應(yīng)用在移動(dòng)UI界面的視覺傳達(dá)設(shè)計(jì)中，應(yīng)當(dāng)遵循以下原則：首先，簡(jiǎn)單性原則，人們生活節(jié)奏不斷加快，每天需要接收大量信息，因此文字設(shè)計(jì)應(yīng)當(dāng)重視簡(jiǎn)化，讓用戶用最短的時(shí)間了解更多的內(nèi)容。其次為統(tǒng)一性原則，在視覺設(shè)計(jì)中，文字也是重要的構(gòu)成因素，在應(yīng)用文字元素時(shí)應(yīng)考慮文字的字體、字形、排版以及整體的設(shè)計(jì)風(fēng)格等。最后為兼容性原則，這一方面主要體現(xiàn)在文字內(nèi)容和視覺效果的有效融合，加強(qiáng)用戶體驗(yàn)[6]。例如：移動(dòng)UI界面介紹產(chǎn)品詳情時(shí)，會(huì)羅列很多文字，這時(shí)就應(yīng)當(dāng)考慮美學(xué)效果，對(duì)文字的大小、字形、間距等進(jìn)行調(diào)整，突出重點(diǎn)內(nèi)容能夠讓用戶直觀的理解所描述的額內(nèi)容。

（二）色彩的應(yīng)用

色彩設(shè)計(jì)同樣是視覺傳達(dá)設(shè)計(jì)在移動(dòng)UI界面設(shè)計(jì)的重要元素，色彩設(shè)計(jì)往往會(huì)給人視覺上的沖擊感，合理的色彩搭配能夠?qū)φw的視覺傳達(dá)效果都有著一定影響。在進(jìn)行設(shè)計(jì)時(shí)為了保證所設(shè)計(jì)的界面能夠符合用戶使用習(xí)慣和心理認(rèn)知，使產(chǎn)品滿足用戶的審美需求，應(yīng)當(dāng)重視色彩心理學(xué)和色彩設(shè)計(jì)法則的運(yùn)用。同時(shí)，還可以在UI設(shè)計(jì)中，應(yīng)用換膚技術(shù)，提供更多色彩搭配選擇方案，從而滿足不同用戶對(duì)于不同色彩搭配的需求。在進(jìn)行色彩設(shè)計(jì)時(shí)同樣需要考慮三項(xiàng)原則：多樣性原則，由App的功能來搭配色彩，比如游戲App和閱讀類產(chǎn)品App在色彩搭配上就存在差異，游戲App在色彩上傾向于明快的顏色，而閱讀類產(chǎn)品App在色彩搭配方面更加側(cè)重沉悶或者護(hù)眼的色彩。功能性原則，比如在界面中的一些功能性按鍵，停止、暫停等按鍵，可采用醒目的紅色設(shè)計(jì)，起到一定的提示作用。靈活性原則，根據(jù)移動(dòng)App的應(yīng)用場(chǎng)景和使用人群不同，確定整體色彩搭配。

（三）排版布局的應(yīng)用

在移動(dòng)UI設(shè)計(jì)中，App的排版布局將是用戶對(duì)應(yīng)用的第一印象，將直接影響著用戶是夠會(huì)繼續(xù)使用該App。因此，在視覺傳達(dá)設(shè)計(jì)中強(qiáng)化排版布局的應(yīng)用尤為重要。在移動(dòng)UI界面設(shè)計(jì)中，排版布局設(shè)計(jì)的價(jià)值主要體現(xiàn)在將信息的視覺交互設(shè)計(jì)與人機(jī)的交互體驗(yàn)效果進(jìn)行高效融合。基于這一設(shè)計(jì)理念對(duì)設(shè)計(jì)人員提出了更高的要求，在移動(dòng)UI界面上實(shí)現(xiàn)視覺傳達(dá)設(shè)計(jì)和交互設(shè)計(jì)的有效融合[7]。在滿足用戶審美需求的同時(shí)，融入一些傳統(tǒng)平面布局排版設(shè)計(jì)元素。排版設(shè)計(jì)看似不難，但若要將美學(xué)設(shè)計(jì)和實(shí)用性設(shè)計(jì)進(jìn)行有效融合，對(duì)于設(shè)計(jì)人員而言也是有著很高要求的。

比如，在實(shí)際設(shè)計(jì)過程中，首先應(yīng)當(dāng)分析App的作用和功能，從而為后續(xù)排版布局提供依據(jù)。從信息傳達(dá)內(nèi)容角度來看，一些教育類App所傳達(dá)的信息較多，使用這類App的往往是數(shù)據(jù)信息處理效率較高的，在復(fù)雜度較高的排版設(shè)計(jì)中，不能吸引用戶的注意力，并且在設(shè)計(jì)過程中需要考慮的因素較多，導(dǎo)致移動(dòng)UI界面設(shè)計(jì)成本不斷增加。對(duì)于一些游戲App而言，其界面內(nèi)容通常為游戲更新內(nèi)容和游戲玩法介紹，版面布局通常以動(dòng)態(tài)圖片的方式設(shè)計(jì)UI界面。

（四）元素符號(hào)的應(yīng)用

在移動(dòng)UI界面設(shè)計(jì)中做好實(shí)用性、功能性以及交互性設(shè)計(jì)的同時(shí)，通過運(yùn)用元素符號(hào)能夠?qū)σ苿?dòng)界面起到美化作用，有效提升用戶體驗(yàn)感。在選擇元素符號(hào)時(shí)，通常要綜合考慮軟件的作用形式，保證圖形符號(hào)選擇的合理性[8]。例如：在App界面加載時(shí)，可通過富有創(chuàng)意性或者搞怪的元素符號(hào)，增強(qiáng)界面的創(chuàng)意性，使App表現(xiàn)得更加生動(dòng)、有趣。

四、結(jié)語(yǔ)

綜上所述，作為移動(dòng)設(shè)備信息傳輸?shù)闹饕绞?，移?dòng)UI設(shè)計(jì)的效果將對(duì)用戶的體驗(yàn)感有著直接影響，進(jìn)而決定著用戶是夠會(huì)繼續(xù)使用該App。因此在設(shè)計(jì)時(shí)，應(yīng)當(dāng)重視文字、色彩、排版布局以及元素符號(hào)的合理運(yùn)用，使移動(dòng)設(shè)備UI界面不斷提升人們視覺需求，從而不斷提升移動(dòng)UI界面設(shè)計(jì)的視覺傳達(dá)設(shè)計(jì)效果。