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

周璨

摘要：近些年來我國人民的生活質(zhì)量有了明顯的上升，將主要的精神和注意力放于精神享受和體驗中，人們對于網(wǎng)絡中產(chǎn)品設計的美學要求越來越高，尤其是用戶界面。用戶界面的美觀程度可以在一定程度上影響用戶的消費情況和駐留的時間，為了增強其美觀性需要將視覺傳達設計與其進行高效的結(jié)合，在不影響美觀程度的基礎上還能保證用戶界面的性能。本文將主要對移動設備的用戶界面設計進行簡單介紹，并探究視覺傳達設計在其中的主要應用。

關(guān)鍵詞：視覺傳達設計;移動UI界面設計;主要應用

中圖分類號：G642.0? ? ?文獻標志碼：A? ? ?文章編號：1674-9324（2019）12-0263-02

一、移動設備的用戶界面設計簡介

UI是User Interface的簡寫形式，其含義為用戶界面，包含的范圍比較廣，如用戶與機器之間的互動行為、點擊操作的路徑選擇、可視化界面的圖片排布等。在移動設備中（如日常應用的手機、平板電腦、導航儀等）的鎖屏、移動APP的圖標與界面等都是UI設計的一部分，也就是移動UI，它包括用戶界面、人機交互、操作邏輯。現(xiàn)今社會中的移動設備應用越來越多，人們在應用的時候?qū)PP的界面要求也越來越高，在這種情況下如果用戶的界面美觀程度達不到要求則可能導致用戶的數(shù)量大幅度下降，因此移動設備APP的管理人員對界面設計的美觀性加大了重視程度。經(jīng)過長時間的發(fā)展后，移動UI界面設計逐漸形成了規(guī)范化的發(fā)展趨勢，從發(fā)展前期的擬物化到現(xiàn)階段的扁平化，在設計風格上已經(jīng)產(chǎn)生了巨大的變化。UI設計的原則也逐漸趨向于同一，包括設計文字的大小、操作的提示界面以及整體頁面的布局等，在保證美觀的基礎上還能為相關(guān)設計人員提供必要的標準[1]。

二、視覺傳達設計的概念

視覺傳達設計主要是通過視覺將繪畫、頁面布局以及平面設計等表現(xiàn)出來，并且表現(xiàn)的方式一般情況下為二維手段，在這一過程中通過融入文字能夠產(chǎn)生更好的效果。其中，視覺主要指的是人們在日常生活中能夠通過眼睛看到的事物，也是一種符號，包括電影、建筑、設計人員的作品，以及古代流通的貨幣等;而傳達主要指的是將視覺收集到的信息通過某種方式進行傳遞，包括個體之間或者群體之間，其中傳達的要素包含傳遞的主體、對象、目的、效果。在日常生活中比較常見的視覺傳達設計應用職業(yè)主要包括產(chǎn)品外形設計以及部分商業(yè)宣傳，并且逐漸在高校的教育中占據(jù)了越來越重要的位置[2]。

三、視覺傳達設計在其中的應用

（一）頁面布局

1.風格。由于視覺傳達的主要目的是傳遞信息，因此布局風格很重要。用戶界面設計人員需要在保證用戶體驗的基礎上通過增加相關(guān)風格的視覺設計能夠更好地表現(xiàn)出自己的設計思路和理念。如，設計人員可以在現(xiàn)代的頁面布局中融入部分傳統(tǒng)設計元素，不僅能夠起到傳遞信息的作用，還能簡化設計思路，為設計人員的工作提供更加廣闊的思路和平臺，體現(xiàn)出了設計的簡約性和創(chuàng)新性。

2.尺寸?，F(xiàn)階段移動設備的屏幕尺寸都不會太大，尤其是手機的屏幕能夠收集到的信息量相當有限，但是移動設備的APP依舊能夠在此類比較小的屏幕中展現(xiàn)出自己的視覺傳達設計優(yōu)勢，通過自身的設計規(guī)范和美觀程度與用戶之間保持更加合理的溝通方式，能夠在用戶界面承載更加多樣化的信息，并且可以實現(xiàn)視覺交互的用戶體驗。相對來說，移動設備應用中的頁面布局以及規(guī)劃設計方案，能夠在較大程度上對用戶的使用習慣以及對于應用的操作都會產(chǎn)生不同的影響。在這樣的基礎上，不僅需要在移動設備應用的設計上實現(xiàn)與用戶交互的邏輯，還需要從頁面美觀的角度對頁面布局等應用到視覺傳達進行設計，在這一過程中設計人員需要對社會中大多數(shù)用戶在頁面布局方面的愛好和習慣進行詳細調(diào)查，將調(diào)查到的數(shù)據(jù)經(jīng)過整理后應用到用戶頁面的布局中，這種方式可以大幅度提升移動設備APP用戶的滿意度，從而達到將視覺傳達設計應用到其頁面布局的應用目的[3]。

3.兼容。移動設備的應用設計人員還需要考慮到用戶手機屏幕的尺寸可能存在較為明顯的差異性，設計方案在規(guī)劃的過程中首先需要檢測用戶手機屏幕的大小，然后根據(jù)不同的尺寸制定不同程度的頁面布局，盡力讓每種手機屏幕的用戶都能夠在使用的過程中獲得最佳的應用體驗。由于手機的屏幕一般情況下尺寸都相對較小，而移動UI界面設計人員還需要將盡可能大的信息量呈現(xiàn)在用戶的應用過程中，這就需要通過視覺傳達設計在頁面布局中發(fā)揮出關(guān)鍵性的作用，主要的應用方式是將相對來說較為重要的信息凸顯到頁面中更加顯眼的位置，然后將同種類別的信息進行整合，將關(guān)鍵信息的集合通過頁面進行傳遞，在這一過程中相關(guān)設計人員還需要在保證美觀程度的基礎上為移動UI頁面設計留出部分空白，這樣能夠?qū)⒁曈X傳達設計的優(yōu)勢通過更加合理的方式傳達出來，為用戶的應用體驗提供更加優(yōu)越的條件[4]。

（二）色彩

移動UI界面設計中色彩的應用相對來說是整體視覺傳達設計中最重要的元素之一，雖然不同的用戶對于色彩的喜好程度可能存在著比較大的差異性，但是通過不同色彩的配合基本上能夠滿足大多數(shù)用戶的審美標準。移動UI界面設計人員需要在對頁面進行設計的過程中對色彩的應用保持靈活性，并且根據(jù)色彩心理學設計出更加合理的頁面視覺傳遞效果，從而滿足用戶應用習慣以及心理的感官體驗。在傳遞的內(nèi)容帶有比較強的娛樂性時可以應用較為明亮的色調(diào)，色彩在移動UI界面設計中的應用涵蓋面比較廣，并且需要在不同的場合和人群中體現(xiàn)出不同的價值，這樣才能發(fā)揮出色彩的主要應用效果[5]。

（三）文字

文字作為用戶最直接的感官體驗能夠在移動UI界面設計中發(fā)揮出極其重要的價值，是信息傳遞的主要載體，可以作為兩者之間溝通交流的橋梁。由于文字與圖形相比對用戶的吸引力不夠直觀，但是在用戶界面的表現(xiàn)和與用戶的溝通方面文字能夠發(fā)揮出更有價值的作用。而現(xiàn)階段中的文字應用相對來說信息量比較大，設計人員考慮到用戶手機的尺寸較小就需要將其簡化，盡量突出信息的重點，這樣不僅能夠為用戶提供更加快捷的服務，并且在界面的簡潔效果中能夠突出，避免出現(xiàn)由于內(nèi)容煩瑣讓用戶產(chǎn)生迷惑。在部分界面需要對內(nèi)容進行詳細解釋的情況下設計人員還需要注意文字的排布問題，將文字之間的間距盡量保持在較為合理的范圍內(nèi)，對于文字標題等需要進行加粗或者加重處理[6]。

四、結(jié)束語

隨著網(wǎng)絡技術(shù)的飛速發(fā)展，相關(guān)設計人員都需要根據(jù)社會變化的趨勢對自身的工作進行相應的改進?，F(xiàn)階段的移動UI界面設計中已經(jīng)逐漸在各個方面融入了視覺傳達設計，例如，頁面布局、色彩、文字以及元素符號等，為用戶的應用體驗做出了大幅度的改進，再加上兩者之間存在著比較大的關(guān)聯(lián)性，為現(xiàn)階段兩者的融合奠定了堅實的基礎。

參考文獻：

[1]許琛.UI界面設計在視覺傳達設計專業(yè)教學中的應用研究[J].科教導刊，2016，（34）：98-99.

[2]高焱.視覺傳達設計的構(gòu)成要素在游戲UI中的運用研究[J].經(jīng)濟管理：全文版，2016，（10）：00124-00124.

[3]何揚帆，覃會優(yōu).論圖像學分析法對移動UI界面設計的應用研究[J].工業(yè)設計，2017，（8）：109-110.

[4]韓晶晶，李潔.手機UI設計中色彩的重要性及應用研究[J].電腦知識與技術(shù)，2017，13（27）：281-282.

[5]涂凌琳，朱曉雅.淺談適應老年用戶的手機社交應用UI設計[J].科技創(chuàng)業(yè)月刊，2016，29（19）：32-34.

[6]楊思琪.基于視知覺理論的3—6歲兒童教育類應用軟件UI分析與設計[D].湖南師范大學，2016.

Application of Visual Communication Design in Mobile UI Interface Design

ZHOU Can

（Changsha Commerce & Tourism College，Changsha，Hunan 410000，China）

Abstract：In recent years，the quality of life of the people in our country has been obviously rising，and the main spirit and attention are put on the spiritual enjoyment and experience.The aesthetic requirements of the product design in the network are getting higher and higher，especially in the user interface.The aesthetic degree of the user interface can affect the user to a certain extent.In order to enhance its beauty，it requires the combination of visual communication design with high efficiency in order to enhance its beauty.It can also ensure the performance of the user interface on the basis of the degree of beauty.This article will mainly introduce the user interface design of mobile devices，and explore the main applications of visual communication design.

Key words：visual communication design;mobile UI interface design;the main application