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

周璨

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

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

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

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

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

二、視覺傳達設計的概念

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

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

（一）頁面布局

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

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

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

（二）色彩

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

（三）文字

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

四、結束語

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

參考文獻：

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

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

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

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

[5]涂凌琳，朱曉雅.淺談適應老年用戶的手機社交應用UI設計[J].科技創業月刊，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