移動UI界面在視覺傳達設計中的應用研究

吳穎

澳門科技大學

通常情況下，人們往往首先通過視覺來感知、了解事物。視覺傳達設計作為一項專業學科，能夠實現信息傳播的同時，還能夠對影響視覺的元素進行優化，比如：圖片、文字、頁面布局等。然而，隨著互聯網產業鏈的不斷發展，UI設計逐漸被人們所知曉，和傳統的視覺設計相比有著很多的相似點，但UI設計在將視覺傳達設計和移動設備的相互融合上更加具有優勢，從而能夠增強客戶的體驗感。因此，對移動UI界面在視覺傳達設計中的應用展開論述具有積極意義。

一、視覺傳達設計與移動UI界面設計概述

（一）視覺傳達設計

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

（二）移動UI界面設計

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

二、移動UI界面設計要點

（一）合理搭配

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

（二）簡約界面

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

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

（三）適配界面

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

在確定移動UI界面設計復雜度時，應當著重分析軟件要向用戶傳達的內容。此外，從產品表達和設計思維角度分析，能夠對保證移動UI界面設計精準度和科學性，對軟件的運行方式展開分析，從而更好銜接軟件和UI界面[5]。

三、移動UI界面在視覺傳達設計中的應用

（一）文字的應用

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

（二）色彩的應用

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

（三）排版布局的應用

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

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

（四）元素符號的應用

在移動UI界面設計中做好實用性、功能性以及交互性設計的同時，通過運用元素符號能夠對移動界面起到美化作用，有效提升用戶體驗感。在選擇元素符號時，通常要綜合考慮軟件的作用形式，保證圖形符號選擇的合理性[8]。例如：在App界面加載時，可通過富有創意性或者搞怪的元素符號，增強界面的創意性，使App表現得更加生動、有趣。

四、結語

綜上所述，作為移動設備信息傳輸的主要方式，移動UI設計的效果將對用戶的體驗感有著直接影響，進而決定著用戶是夠會繼續使用該App。因此在設計時，應當重視文字、色彩、排版布局以及元素符號的合理運用，使移動設備UI界面不斷提升人們視覺需求，從而不斷提升移動UI界面設計的視覺傳達設計效果。