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

李潔星

摘? 要：由于目前科技的快速發(fā)展，移動設備的應用越來越廣泛，人們對于移動設備的視覺要求開始越來越重視，在虛擬的視覺文化當中，移動UI的設計具有著很大的代表性，它是能夠直接影響用戶體驗性的。所以，在進行設計的時候，需要運用好特殊的平面視覺符號、插畫以及文字等重要元素，將自身的設計理念以及構想傳達給用戶，其目的就是為了能夠展現(xiàn)出設計者獨特的設計理念，所以該文針對于視覺傳達設計在移動UI界面中的實際應用進行研究分析，同時希望該文能夠給相關從業(yè)人員提供借鑒，進一步提升移動UI界面的整體設計水平。

關鍵詞：視覺傳達設計? 移動UI? 視覺符號? 界面設計

中圖分類號：TP311.5 ? ? ? ? ? 文獻標識碼：A 文章編號：1672-3791（2020）07（b）-0031-03

The Application of Visual Communication Design in Mobile UI

LI Jiexing

（Wuhan Vocational and Technical College， Wuhan， Hubei Province， 430074 China）

Absrtact： With the rapid development of science and technology， the application of mobile devices is more and more extensive. People begin to pay more and more attention to the visual requirements of mobile devices. In the virtual visual culture， the design of mobile UI is very representative， which can directly affect the user experience. Therefore， when designing， we need to use special plane visual symbols， illustrations， characters and other important elements to convey our design ideas and ideas to users. The purpose is to show the designer's unique design ideas. Therefore， this paper studies and analyzes the practical application of visual communication design in mobile UI interface， and hopes that This paper can provide reference for relevant practitioners， and further improve the overall design level of mobile UI interface.

Key Words： Visual communication design; Mobile UI; Visual symbols; Interface design

一直以來人們都是通過視覺來觀看信息事物的，視覺傳達設計是一門比較專業(yè)的學科，同時也是為了能夠?qū)崿F(xiàn)信息的傳播，對于文字、圖片、頁面布局等會影響到視覺的元素進行優(yōu)化的行為。UI設計是互聯(lián)網(wǎng)發(fā)展過程當中的新型產(chǎn)業(yè)，同時和傳統(tǒng)的視覺設計有著很多相同的地方，不同的是，UI需要在平面當中將視覺傳達設計和移動設備的特點和交互進行融合，從而能夠設計出用戶體驗好的移動應用界面。

1? 人類視覺注意以及所具有的特點

1.1 人類視覺注意的基本情況

人類視覺注意，其具體指的是人類在對于一個事物進行觀察的時候，很多人都會對于自己感興趣的場景或者事物過度去關注，并且會進行仔細的觀察，從而就會導致了忽略周圍其他的視覺特征，這就會出現(xiàn)一個現(xiàn)象，人們會在這么多的視覺特征當中，記住顏色這一視覺特征，進而對于這個信息進行分析，提高觀察能力。

1.2 視覺注意具有許多特點

1.2.1 視覺注意具有寬度

人們對某一地方關注的時候，其視覺寬度就會變小，只能看到這個寬度之間的事物。

1.2.2 視覺注意強度

就是人們對于某些事物集中關注的時候，從而就會忽略附近所有的事物，和視覺寬度有點類似。

1.2.3 視覺注意表現(xiàn)出選擇性特點

因為人的大腦在接受到視覺圖像之后會對圖像進行一些處理，處理會依據(jù)人類的喜好程度，感興趣的部分會處理得更加細致，所以也就是為什么感興趣的事物和場景印象會更深。

1.2.4 視覺平衡性

在同一時刻當中，視覺所表現(xiàn)出來的現(xiàn)象是當寬度越大的時候，注意強度就會變小反之則會變大，這就是視覺平衡性特點。

2? 視覺傳達設計與移動UI界面設計的概述

2.1 視覺傳達設計的概念

視覺傳達設計指的是設計者通過對于頁面的布局、繪圖等進行視覺設計的方法。視覺傳達設計一般都是采用了二維的方法，將文字、圖片等信息融入進去。人們在日常生活當中，所見所得都是一種視覺傳達，所以視覺傳達和人們的視覺是分不開的，其具體可以劃分成語言、動畫、色彩等，設計者可以將這些視覺因素完美地結(jié)合在一起，從而能夠滿足用戶審美需求[1]。由于人體接受信息的一種方法便是利用視覺來完成，對此通過利用視覺傳達設計，能夠?qū)D像文字和色彩等傳播的工具進行高度的組織和融合，從而對公共的信息進行有效的傳播，在公共信息傳播的過程中，非常重視審美理念以及實用性，不僅需要保證信息傳播的美感，同時也需要保障所傳播的信息能夠在實際生活當中得到應用。移動UI界面設計的許多理論實踐與視覺傳達設計的相關理念具有相同之處，對此，在移動UI界面當中進行視覺傳達的設計能夠更好地提高人們的審美能力、傳播公共信息。在利用移動UI界面進行視覺傳達設計的過程中，設計師需要嚴格按照移動UI設計平臺的基本規(guī)范，并且與視覺傳達設計的元素進行充分的融合，從而讓所設計出來的作品具有美感，讓交互設計與操作邏輯進行高度的統(tǒng)一，從而設計出符合用戶審美體驗以及實用性體驗比較強的移動UI界面。

2.2 移動UI界面的設計

移動UI界面也可以被稱為用戶的界面。比如手機鎖屏平面，還有移動程序的頁面等，由于視覺傳達設計的逐漸發(fā)展使得移動UI界面的設計更具美感，并且風格發(fā)生了變化，由原本的擬物化風格逐漸過渡為扁平化風格，從而讓設計的風格更加多樣化，滿足不同審美能力的人群。由于信息時代的到來，移動互聯(lián)網(wǎng)產(chǎn)品的更新速度逐漸加快，為了能夠順應時代發(fā)展的潮流，滿足人們對于移動產(chǎn)品的需要，便需要加快各種移動UI界面的設計，讓各種移動UI界面的設計進入市場當中，吸引越來越多的用戶。為了能夠讓所設計出來的移動UI界面更加滿足當前用戶對于界面的要求，必須要按照人們的審美習慣進行移動UI的界面設計，同時還需要在保持審美能力的基礎上提高移動UI界面的實用性。

3? 視覺傳達設計在移動UI設計中的運用

3.1 移動UI設計要求

UI其具體指的是用戶界面，因為隨著目前移動設備的需求不斷擴大，基本每個人都會有一部移動設備，從而也就促進了UI行業(yè)的發(fā)展。在目前用戶視覺要求不斷提高的背景之下，設計者需要在保證視覺效果的前提之下，還需要對于每個視覺元素都具備獨特的含義。UI設計的目的就是為了能夠讓用戶和移動設備之間產(chǎn)生聯(lián)系，用戶通過點擊這些頁面圖標，從而使得機器收到指令進行各種操作，所以就需要UI設計需要通俗易懂，能夠讓用戶理解其中的含義，同時還需要遵循用戶使用移動設備的習慣。另外，UI設計需要加強信息傳播的強度，用戶接收信息的方式大多數(shù)都是通過文字、圖片以及視頻，這些信息的設計的美感能夠直接影響用戶的求知欲。最后，UI視覺傳達設計需要注意各個環(huán)節(jié)的審美，從而能夠在整體上給用戶很好的視覺體驗[2]。

3.2 界面色彩的視覺傳達設計

視覺傳達要素當中最重要的一點就是界面色彩，色彩的搭配會直接影響整體的視覺傳達效果。在UI設計當中，需要有著一套換膚技術，為用戶提供更多的色彩搭配效果，從而才能夠滿足每個用戶對于色彩的不同需求。另外，在界面的整體設計當中，需要考慮到每個色彩之間所產(chǎn)生的視覺效果，避免顏色的搭配導致界面出現(xiàn)視覺理論錯誤，出現(xiàn)假面亂花的色彩問題[3]。色彩在移動UI界面設計當中要堅持3個基本原則：首先，需要遵循多樣性的原則。在設計移動UI界面的時候，可以根據(jù)不同APP的功能選擇適當?shù)纳剩热缬螒駻PP和直播網(wǎng)站APP等，需要借用比較明快的顏色進行設計，但是閱讀類的APP便可以運用比較沉悶的色彩進行設計。其次，需要遵循功能性的原則。對于UI界面的規(guī)范性控件等，可以利用紅色進行提醒以及警示。最后，需要遵循靈活性的原則。在APP的使用過程中可以根據(jù)使用的場景以及人群確定整體的設計色調(diào)。

總體來說，移動界面布局的核心是在于要將頁面當中最重要的元素放在最顯眼的位置，從而能夠提高用戶的訪問量以及使用量，才能保證信息傳遞;在設計的時候還需要對于頁面進行留白操作，如果頁面全部都是文字圖片會顯得不美觀，影響用戶體驗。

4? 結(jié)語

綜上所述，移動UI作為目前移動終端設備當中重要的信息傳輸方式，其設計效果會直接影響用戶的視覺體驗。設計者就需要在設計的過程當中，注重色彩以及文字的布局，加強界面的整體性，同時還需要注意每個重點內(nèi)容進行重點處理，能夠提高用戶的視覺感，從而能夠提高視覺傳達效果。

參考文獻

[1] 楊洋.數(shù)字媒體藝術專業(yè)“工作坊”教學模式實踐探索[J].教育理論與實踐，2016，36（36）：49-50.

[2] 王蒙蒙.視覺傳達設計在移動UI界面中的運用[J]. 西部皮革，2019，41（7）：72.

[3] 周璨.視覺傳達設計在移動UI界面設計中的應用[J].教育教學論壇，2019（12）：272-273.

[4] 朱雄軒.探討數(shù)字媒體藝術設計UI設計課程的現(xiàn)狀及其實踐教學[J].科技資訊，2019，17（2）：154-155.

[5] 周碧靜.數(shù)字媒體藝術專業(yè)實踐教學體系構建探索[J]. 科技資訊，2019，17（11）：106-107.

[6] 王崇寧，何其彪.視覺傳達設計在移動UI界面設計中的應用[J].探索科學，2019（2）：289.

[7] 孟立叢.網(wǎng)絡傳媒對我國視覺傳達設計教育的影響[J].教育與職業(yè)，2006（32）：91-92.