視覺傳達設(shè)計在移動UI的運用

導(dǎo)語：視覺傳達設(shè)計在移動UI的運用一文來源于網(wǎng)友上傳，不代表本站觀點，若需要原創(chuàng)文章可咨詢客服老師，歡迎參考。

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

關(guān)鍵詞：視覺傳達設(shè)計;移動UI;視覺符號;界面設(shè)計

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

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

1.1人類視覺注意的基本情況。人類視覺注意，其具體指的是人類在對于一個事物進行觀察的時候，很多人都會對于自己感興趣的場景或者事物過度去關(guān)注，并且會進行仔細的觀察，從而就會導(dǎo)致了忽略周圍其他的視覺特征，這就會出現(xiàn)一個現(xiàn)象，人們會在這么多的視覺特征當(dāng)中，記住顏色這一視覺特征，進而對于這個信息進行分析，提高觀察能力。1.2視覺注意具有許多特點。1.2.1視覺注意具有寬度人們對某一地方關(guān)注的時候，其視覺寬度就會變小，只能看到這個寬度之間的事物。1.2.2視覺注意強度。就是人們對于某些事物集中關(guān)注的時候，從而就會忽略附近所有的事物，和視覺寬度有點類似。1.2.3視覺注意表現(xiàn)出選擇性特點。因為人的大腦在接受到視覺圖像之后會對圖像進行一些處理，處理會依據(jù)人類的喜好程度，感興趣的部分會處理得更加細致，所以也就是為什么感興趣的事物和場景印象會更深。1.2.4視覺平衡性。在同一時刻當(dāng)中，視覺所表現(xiàn)出來的現(xiàn)象是當(dāng)寬度越大的時候，注意強度就會變小反之則會變大，這就是視覺平衡性特點。

2視覺傳達設(shè)計與移動UI界面設(shè)計的概述

2.1視覺傳達設(shè)計的概念。視覺傳達設(shè)計指的是設(shè)計者通過對于頁面的布局、繪圖等進行視覺設(shè)計的方法。視覺傳達設(shè)計一般都是采用了二維的方法，將文字、圖片等信息融入進去。人們在日常生活當(dāng)中，所見所得都是一種視覺傳達，所以視覺傳達和人們的視覺是分不開的，其具體可以劃分成語言、動畫、色彩等，設(shè)計者可以將這些視覺因素完美地結(jié)合在一起，從而能夠滿足用戶審美需求[1]。由于人體接受信息的一種方法便是利用視覺來完成，對此通過利用視覺傳達設(shè)計，能夠?qū)D像文字和色彩等傳播的工具進行高度的組織和融合，從而對公共的信息進行有效的傳播，在公共信息傳播的過程中，非常重視審美理念以及實用性，不僅需要保證信息傳播的美感，同時也需要保障所傳播的信息能夠在實際生活當(dāng)中得到應(yīng)用。移動UI界面設(shè)計的許多理論實踐與視覺傳達設(shè)計的相關(guān)理念具有相同之處，對此，在移動UI界面當(dāng)中進行視覺傳達的設(shè)計能夠更好地提高人們的審美能力、傳播公共信息。在利用移動UI界面進行視覺傳達設(shè)計的過程中，設(shè)計師需要嚴(yán)格按照移動UI設(shè)計平臺的基本規(guī)范，并且與視覺傳達設(shè)計的元素進行充分的融合，從而讓所設(shè)計出來的作品具有美感，讓交互設(shè)計與操作邏輯進行高度的統(tǒng)一，從而設(shè)計出符合用戶審美體驗以及實用性體驗比較強的移動UI界面。2.2移動UI界面的設(shè)計。移動UI界面也可以被稱為用戶的界面。比如手機鎖屏平面，還有移動程序的頁面等，由于視覺傳達設(shè)計的逐漸發(fā)展使得移動UI界面的設(shè)計更具美感，并且風(fēng)格發(fā)生了變化，由原本的擬物化風(fēng)格逐漸過渡為扁平化風(fēng)格，從而讓設(shè)計的風(fēng)格更加多樣化，滿足不同審美能力的人群。由于信息時代的到來，移動互聯(lián)網(wǎng)產(chǎn)品的更新速度逐漸加快，為了能夠順應(yīng)時展的潮流，滿足人們對于移動產(chǎn)品的需要，便需要加快各種移動UI界面的設(shè)計，讓各種移動UI界面的設(shè)計進入市場當(dāng)中，吸引越來越多的用戶。為了能夠讓所設(shè)計出來的移動UI界面更加滿足當(dāng)前用戶對于界面的要求，必須要按照人們的審美習(xí)慣進行移動UI的界面設(shè)計，同時還需要在保持審美能力的基礎(chǔ)上提高移動UI界面的實用性。

3視覺傳達設(shè)計在移動UI設(shè)計中的運用

3.1移動UI設(shè)計要求。UI其具體指的是用戶界面，因為隨著目前移動設(shè)備的需求不斷擴大，基本每個人都會有一部移動設(shè)備，從而也就促進了UI行業(yè)的發(fā)展。在目前用戶視覺要求不斷提高的背景之下，設(shè)計者需要在保證視覺效果的前提之下，還需要對于每個視覺元素都具備獨特的含義。UI設(shè)計的目的就是為了能夠讓用戶和移動設(shè)備之間產(chǎn)生聯(lián)系，用戶通過點擊這些頁面圖標(biāo)，從而使得機器收到指令進行各種操作，所以就需要UI設(shè)計需要通俗易懂，能夠讓用戶理解其中的含義，同時還需要遵循用戶使用移動設(shè)備的習(xí)慣。另外，UI設(shè)計需要加強信息傳播的強度，用戶接收信息的方式大多數(shù)都是通過文字、圖片以及視頻，這些信息的設(shè)計的美感能夠直接影響用戶的求知欲。最后，UI視覺傳達設(shè)計需要注意各個環(huán)節(jié)的審美，從而能夠在整體上給用戶很好的視覺體驗[2]。3.2界面色彩的視覺傳達設(shè)計。視覺傳達要素當(dāng)中最重要的一點就是界面色彩，色彩的搭配會直接影響整體的視覺傳達效果。在UI設(shè)計當(dāng)中，需要有著一套換膚技術(shù)，為用戶提供更多的色彩搭配效果，從而才能夠滿足每個用戶對于色彩的不同需求。另外，在界面的整體設(shè)計當(dāng)中，需要考慮到每個色彩之間所產(chǎn)生的視覺效果，避免顏色的搭配導(dǎo)致界面出現(xiàn)視覺理論錯誤，出現(xiàn)假面亂花的色彩問題[3]。色彩在移動UI界面設(shè)計當(dāng)中要堅持3個基本原則：首先，需要遵循多樣性的原則。在設(shè)計移動UI界面的時候，可以根據(jù)不同APP的功能選擇適當(dāng)?shù)纳剩热缬螒駻PP和直播網(wǎng)站APP等，需要借用比較明快的顏色進行設(shè)計，但是閱讀類的APP便可以運用比較沉悶的色彩進行設(shè)計。其次，需要遵循功能性的原則。對于UI界面的規(guī)范性控件等，可以利用紅色進行提醒以及警示。最后，需要遵循靈活性的原則。在APP的使用過程中可以根據(jù)使用的場景以及人群確定整體的設(shè)計色調(diào)。總體來說，移動界面布局的核心是在于要將頁面當(dāng)中最重要的元素放在最顯眼的位置，從而能夠提高用戶的訪問量以及使用量，才能保證信息傳遞；在設(shè)計的時候還需要對于頁面進行留白操作，如果頁面全部都是文字圖片會顯得不美觀，影響用戶體驗。

4結(jié)語

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

參考文獻

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

[2]王蒙蒙.視覺傳達設(shè)計在移動UI界面中的運用[J].西部皮革,2019,41(7):72.

[3]周璨.視覺傳達設(shè)計在移動UI界面設(shè)計中的應(yīng)用[J].教育教學(xué)論壇,2019(12):272-273.

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

[5]周碧靜.數(shù)字媒體藝術(shù)專業(yè)實踐教學(xué)體系構(gòu)建探索[J].科技資訊,2019,17(11):106-107.

[6]王崇寧,何其彪.視覺傳達設(shè)計在移動UI界面設(shè)計中的應(yīng)用[J].探索科學(xué),2019(2):289.

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

作者:李潔星 單位:武漢職業(yè)技術(shù)學(xué)院