UI設(shè)計(jì)的視覺(jué)傳達(dá)藝術(shù)探究范文

本站小編為你精心準(zhǔn)備了UI設(shè)計(jì)的視覺(jué)傳達(dá)藝術(shù)探究參考范文，愿這些范文能點(diǎn)燃您思維的火花，激發(fā)您的寫(xiě)作靈感。歡迎深入閱讀并收藏。

摘要：ui是英語(yǔ)User和Interface的縮寫(xiě)。字面意義上看是由用戶(hù)和界面兩部分組成的，而實(shí)際上UI是一個(gè)寬泛的概念，它還包括用戶(hù)與界面之間的交互。目前，隨著網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，智能網(wǎng)絡(luò)已經(jīng)初步形成。UI設(shè)計(jì)在人們的日常生活中無(wú)處不在。優(yōu)秀的UI設(shè)計(jì)能夠給用戶(hù)帶來(lái)了便捷的操作，深受用戶(hù)的喜愛(ài)。本文將對(duì)UI設(shè)計(jì)的視覺(jué)傳達(dá)藝術(shù)進(jìn)行探討和分析。

關(guān)鍵詞：UI設(shè)計(jì)；視覺(jué)傳達(dá)藝術(shù)；智能網(wǎng)絡(luò)

一、引言

UI設(shè)計(jì)在中國(guó)起步較晚，雖然許多高校都開(kāi)設(shè)了UI設(shè)計(jì)課程，但其專(zhuān)業(yè)化、規(guī)范化程度仍然有待進(jìn)一步提高。隨著中國(guó)互聯(lián)網(wǎng)的迅速普及，逐步擴(kuò)大應(yīng)用領(lǐng)域，UI設(shè)計(jì)已逐漸成為一個(gè)熱門(mén)的專(zhuān)業(yè)和職業(yè)，網(wǎng)站、手機(jī)等多媒體軟件產(chǎn)品的界面設(shè)計(jì)是影響用戶(hù)滿(mǎn)意度的重要因素，關(guān)乎經(jīng)濟(jì)效益和未來(lái)發(fā)展。在UI設(shè)計(jì)中，如何更好地迎合用戶(hù)的視覺(jué)邏輯是提高用戶(hù)界面設(shè)計(jì)質(zhì)量的一個(gè)重要問(wèn)題。因此，在UI設(shè)計(jì)中進(jìn)行視覺(jué)傳達(dá)藝術(shù)的研究與實(shí)踐，對(duì)于促進(jìn)用戶(hù)界面設(shè)計(jì)的不斷發(fā)展具有重要意義。

二、UI設(shè)計(jì)和視覺(jué)傳達(dá)藝術(shù)定義概述

UI設(shè)計(jì)是實(shí)現(xiàn)信息傳輸，讓用戶(hù)熟悉與接受品牌相關(guān)信息的重要途徑。人們?cè)谄矫鎴D形圖像處理中，大腦可以進(jìn)行有限的心智圖像組建。當(dāng)這些圖像出現(xiàn)在屏幕或其他媒介上時(shí)，UI設(shè)計(jì)師就可以對(duì)網(wǎng)絡(luò)和圖標(biāo)，以及信息圖表進(jìn)行可視化和圖像處理命令，滿(mǎn)足用戶(hù)的視覺(jué)邏輯習(xí)慣。在UI設(shè)計(jì)師進(jìn)行UI交互體驗(yàn)設(shè)計(jì)的時(shí)候，結(jié)合用戶(hù)的視覺(jué)邏輯預(yù)先整理好各種視覺(jué)引導(dǎo)任務(wù)，使用戶(hù)的視覺(jué)注意更加多樣化，使用戶(hù)處理圖像信息的語(yǔ)言本能更加充分調(diào)動(dòng)在交互表達(dá)中，這應(yīng)該通過(guò)感官指導(dǎo)促進(jìn)和加速交互任務(wù)的完成，從而大大縮短了用戶(hù)的思考時(shí)間，并為其提供了更大的便利。視覺(jué)交互設(shè)計(jì)的視覺(jué)傳達(dá)，與人們的視覺(jué)思維密切相關(guān)，視覺(jué)思維在UI內(nèi)容設(shè)計(jì)中的體現(xiàn)可分為UI圖形語(yǔ)言設(shè)計(jì)、UI設(shè)計(jì)風(fēng)格和構(gòu)圖設(shè)計(jì)、UI視覺(jué)層次設(shè)計(jì)、UI色彩因素設(shè)計(jì)、UI交互動(dòng)畫(huà)設(shè)計(jì)。通過(guò)以上五個(gè)設(shè)計(jì)，我們可以將人類(lèi)最本能的視覺(jué)感知與圖形設(shè)計(jì)和視覺(jué)可視化緊密聯(lián)系起來(lái)，以更好地滿(mǎn)足用戶(hù)在UI交互體驗(yàn)中的感知和審美需求。

三、視覺(jué)傳達(dá)藝術(shù)在UI設(shè)計(jì)中的目的

根據(jù)不同的用戶(hù)組需要設(shè)計(jì)不同風(fēng)格的用戶(hù)界面，而針對(duì)用戶(hù)的不同使用習(xí)慣也會(huì)有不同的用戶(hù)界面設(shè)計(jì)。而UI設(shè)計(jì)中的每一個(gè)視覺(jué)元素的設(shè)計(jì)都有其尤為獨(dú)特的意義和目的。一般來(lái)說(shuō)，視覺(jué)傳達(dá)藝術(shù)在UI設(shè)計(jì)中有以下目的。

1.人機(jī)交互的目的用戶(hù)界面設(shè)計(jì)最直觀的體驗(yàn)是通過(guò)點(diǎn)擊、觸摸用戶(hù)界面圖標(biāo)、圖片和文本的輸入輸出，實(shí)現(xiàn)人機(jī)交互。可以說(shuō)，用戶(hù)界面設(shè)計(jì)是人機(jī)交互過(guò)程最直接的推動(dòng)力。利用用戶(hù)界面，將手機(jī)、計(jì)算機(jī)等電子產(chǎn)品的二進(jìn)制機(jī)器語(yǔ)言轉(zhuǎn)化為用戶(hù)可以直接閱讀和接收的信息。因此，在UI設(shè)計(jì)中，一般以通俗易懂、迎合受眾閱讀和操作習(xí)慣為原則，進(jìn)一步加強(qiáng)人機(jī)交互。

2.信息傳播的目的UI藝術(shù)設(shè)計(jì)興盛其中最重要的一個(gè)原因在于任何圖片或視頻傳達(dá)的信息要比在文本中的閱讀表達(dá)的意義更直接、更有效，色彩、聲音等要素能幫助受眾在最短的時(shí)間內(nèi)建立信息庫(kù)，從而得到更多的信息資料。因此，在UI設(shè)計(jì)中，我們經(jīng)常使用圖片或視頻來(lái)傳達(dá)信息，幫助人們理解和記住界面中的字符、事件、時(shí)間和地點(diǎn)等信息，以便用戶(hù)下一步?jīng)Q定和操作。

3.娛樂(lè)享受的目的除了人機(jī)交互和信息傳播的實(shí)用功能外，用戶(hù)還可以通過(guò)界面設(shè)計(jì)來(lái)獲得娛樂(lè)性和興趣性，包括游戲用戶(hù)界面的設(shè)計(jì)、特定主題的網(wǎng)頁(yè)界面設(shè)計(jì)等。設(shè)計(jì)的基本需求得到滿(mǎn)足，用戶(hù)有更多的時(shí)間和金錢(qián)來(lái)追求個(gè)性化表達(dá)。用戶(hù)界面利用更獨(dú)特的個(gè)性化設(shè)計(jì)來(lái)表達(dá)視覺(jué)藝術(shù)，同時(shí)也提高了用戶(hù)的點(diǎn)擊量和瀏覽量。

四、UI設(shè)計(jì)中的視覺(jué)元素構(gòu)成

1.文本元素文本元素是人與人之間，特別是人與機(jī)器之間的信息傳遞的最基本方式，用戶(hù)可以通過(guò)圖片、視頻接收有效信息，因?yàn)槲谋驹匾呀?jīng)在前期為用戶(hù)設(shè)置了關(guān)于所有事物的正確認(rèn)識(shí)，通過(guò)文本元素允許用戶(hù)了解各種事物的形態(tài)和功能。文本元素作為視覺(jué)藝術(shù)最基本的元素，具有穩(wěn)定性和可視性，不同的文本元素構(gòu)成不同的“語(yǔ)境”、“語(yǔ)義”和“語(yǔ)言”，借助于用戶(hù)記錄和記憶信息以更穩(wěn)定的方式進(jìn)行下一步的功能選擇。但是文本元素有其局限性，例如在視覺(jué)記憶的形式和印象上稍微遜色于其他元素。

2.圖形元素除了文本元素之外，圖形元素是我們?cè)谟脩?hù)界面上體驗(yàn)和接收大量信息傳輸?shù)牧硪环N方式。它們通過(guò)更一般、直觀和簡(jiǎn)明的方式向電子產(chǎn)品的受眾或用戶(hù)傳遞信息。不同的國(guó)家和地區(qū)可能會(huì)使用不同的文字，但圖片可以打破這種文本傳播的局限性。圖形元素的這種特性使得它很容易突破語(yǔ)言障礙，成為一種通用的信息載體。此外，圖形元素比文本更直觀表示信息的含義，讓觀眾在盡可能短的時(shí)間內(nèi)得到或排除信息，在界面設(shè)計(jì)中，圖形元素不僅降低了用戶(hù)閱讀大量文本信息的疲勞，而且也具體的表現(xiàn)出了用戶(hù)感官世界的形象。

3.色彩元素色彩在視覺(jué)藝術(shù)中占據(jù)相當(dāng)大的份額，因而這是一個(gè)用戶(hù)界面最重要的視覺(jué)藝術(shù)元素。與文字元素和圖形元素不同，色彩元素更多的目的是意識(shí)形態(tài)的使用。這更多的是利用用戶(hù)已經(jīng)形成的觀念，如綠色讓人聯(lián)想到樹(shù)木、有機(jī)、健康等意義；紅色使人聯(lián)想到西紅柿、激情、革命、犧牲、奔放的含義；金色讓人聯(lián)想到陽(yáng)光、皇冠等。在人們建立了一個(gè)更充實(shí)、更完整的感官世界之后，在用戶(hù)界面設(shè)計(jì)中使用色彩元素，使用戶(hù)產(chǎn)生相關(guān)的聯(lián)想就容易得多。讓色彩在視覺(jué)藝術(shù)中調(diào)動(dòng)使用者的情感是一種很常見(jiàn)的技巧。在用戶(hù)界面設(shè)計(jì)中使用各種視覺(jué)元素不僅是為了表達(dá)美觀和藝術(shù)，而且是為了滿(mǎn)足功能需求，只有滿(mǎn)足用戶(hù)對(duì)功能享受的視覺(jué)需求，UI設(shè)計(jì)才是真正的成功。

五、UI設(shè)計(jì)與視覺(jué)傳達(dá)藝術(shù)工作中應(yīng)注意的問(wèn)題

雖然UI設(shè)計(jì)和視覺(jué)傳達(dá)藝術(shù)設(shè)計(jì)存在共同性和相溶性，但他們?cè)趯?shí)際工作中是有很多不同的。因此，UI設(shè)計(jì)師和視覺(jué)傳達(dá)藝術(shù)設(shè)計(jì)師在工作中存在以下問(wèn)題：

1.工作人員大多來(lái)自相關(guān)專(zhuān)業(yè)和領(lǐng)域用戶(hù)界面設(shè)計(jì)的發(fā)展相比與視覺(jué)藝術(shù)領(lǐng)域的其他形式年輕得多，專(zhuān)業(yè)性強(qiáng)，工作人員需要長(zhǎng)期培訓(xùn)。目前從事UI設(shè)計(jì)人員大多都是周邊的相關(guān)領(lǐng)域的人，不能對(duì)整個(gè)UI設(shè)計(jì)進(jìn)行統(tǒng)籌設(shè)計(jì)和整體的規(guī)劃，例如理工科人員在藝術(shù)設(shè)計(jì)和語(yǔ)言表達(dá)上敏感性不夠，文科人員對(duì)數(shù)理工具的使用則較為生疏，這就導(dǎo)致在一些綜合性較強(qiáng)的項(xiàng)目上不同專(zhuān)業(yè)的工作人員無(wú)法達(dá)成共識(shí)。

2.視覺(jué)藝術(shù)效果的缺失在吸引流量方面，用戶(hù)界面設(shè)計(jì)中視覺(jué)藝術(shù)傳達(dá)的確占有相當(dāng)大的比重，但它并不是用戶(hù)界面設(shè)計(jì)的全部，用戶(hù)界面的發(fā)展尚短，還沒(méi)有對(duì)其形成全面的認(rèn)識(shí)和研究體系，如果不能正確理解視覺(jué)藝術(shù)的作用，就將會(huì)有權(quán)衡比例夸大或忽視的問(wèn)題，從而影響了UI設(shè)計(jì)的總體指導(dǎo)思想。

3.對(duì)PC平臺(tái)的依賴(lài)用戶(hù)界面的設(shè)計(jì)中，因?yàn)镻C平臺(tái)發(fā)展較成熟而且計(jì)算機(jī)硬件系統(tǒng)相對(duì)穩(wěn)定，因而基于PC平臺(tái)的設(shè)計(jì)比基于其他平臺(tái)的的UI設(shè)計(jì)更加成熟，這無(wú)疑是對(duì)PC端用戶(hù)界面的設(shè)計(jì)與開(kāi)發(fā)的優(yōu)勢(shì)。但相應(yīng)的，在將PC端的UI設(shè)計(jì)思路和方式應(yīng)用到其他平臺(tái)端口時(shí)，效果就會(huì)不甚明顯甚至有可能會(huì)“反其道而行之”。這種高強(qiáng)度的依賴(lài)顯然對(duì)UI設(shè)計(jì)思想的創(chuàng)新和發(fā)展不利。

4.在設(shè)計(jì)過(guò)程中過(guò)分追求功能性高功能性是所有工程設(shè)計(jì)師、UI設(shè)計(jì)師和其他終生追求的終極目標(biāo)。高績(jī)效意味著擁有更多的機(jī)會(huì)吸引顧客的注意力和消費(fèi)，從而達(dá)到資本積累。但追求功能性有時(shí)會(huì)降低藝術(shù)的外觀、表現(xiàn)要求，這一方面是因?yàn)樵O(shè)計(jì)師的藝術(shù)水平不夠高，或是自己的主觀意識(shí)灌輸強(qiáng)烈，另一方面可能是因?yàn)殚_(kāi)發(fā)成本、時(shí)間不夠。因此，用戶(hù)的功能和精神的雙重需求很難同時(shí)實(shí)現(xiàn)。UI設(shè)計(jì)者和視覺(jué)傳達(dá)設(shè)計(jì)者在功能上要加以區(qū)分。不同的工作角色對(duì)同一產(chǎn)品或項(xiàng)目有不同的審視角度，不同專(zhuān)業(yè)領(lǐng)域的有機(jī)結(jié)合可以實(shí)現(xiàn)產(chǎn)品和項(xiàng)目的多種性能創(chuàng)造的可能性。同時(shí)，設(shè)計(jì)師不僅要從自己的角度進(jìn)行設(shè)計(jì)和開(kāi)發(fā)，而且要調(diào)整自己的角度，用“非專(zhuān)業(yè)”的用戶(hù)視角來(lái)審視用戶(hù)界面設(shè)計(jì)，從而達(dá)到移情和增強(qiáng)市場(chǎng)吸引力和吸引力的目的。

六、結(jié)語(yǔ)

總而言之，學(xué)術(shù)界和業(yè)界對(duì)視覺(jué)傳達(dá)藝術(shù)設(shè)計(jì)的關(guān)注是UI設(shè)計(jì)可用性和交互設(shè)計(jì)研究的重要體現(xiàn)。做好UI設(shè)計(jì)中的視覺(jué)傳達(dá)設(shè)計(jì)，對(duì)于更好地滿(mǎn)足用戶(hù)的審美需求，迎合用戶(hù)的視覺(jué)邏輯具有重要意義。在這一點(diǎn)上，我們應(yīng)該加強(qiáng)視覺(jué)傳達(dá)在UI設(shè)計(jì)過(guò)程中的重要性，不斷優(yōu)化視覺(jué)感知、平面設(shè)計(jì)和視覺(jué)設(shè)計(jì)以滿(mǎn)足功能需求，從而促進(jìn)UI設(shè)計(jì)技術(shù)的不斷創(chuàng)新和發(fā)展。

參考文獻(xiàn)：

[1]馬瑞旎.探究UI設(shè)計(jì)的視覺(jué)傳達(dá)藝術(shù)[J].明日風(fēng)尚，2017（4）：52-54.

[2]熊文灝.探究UI設(shè)計(jì)的視覺(jué)傳達(dá)藝術(shù)[J].青春歲月，2016（12）：38-40.

[3]王廣.淺談UI設(shè)計(jì)中的視覺(jué)傳達(dá)[J].青年與社會(huì)，2014（13）：24-26.

[4]修德旭.論UI設(shè)計(jì)中的色彩心理學(xué)運(yùn)用[J].藝術(shù)評(píng)鑒，2017（8）：177-178.

作者：李肖睿；朱婉芬 單位：武漢理工大學(xué)