吳穎

澳門科技大學(xué)

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

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

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

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

（二）移動UI界面設(shè)計

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

二、移動UI界面設(shè)計要點

（一）合理搭配

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

（二）簡約界面

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

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

（三）適配界面

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

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

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

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

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

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

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

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

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

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

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

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

四、結(jié)語

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