UI設(shè)計的視覺元素研究

鄭黃昱纓 成都信息工程大學(xué)

近年來，社會經(jīng)濟(jì)不斷發(fā)展，這推動了科學(xué)技術(shù)的變革與發(fā)展。在互聯(lián)網(wǎng)領(lǐng)域，用戶界面設(shè)計受到了人們的廣泛關(guān)注。最初，人們將永華界面設(shè)計工作僅僅定性為美工與圖片裝飾類。隨著人們意識的深入，UI被意為用戶界面，主要是手機(jī)軟件、網(wǎng)站設(shè)計工程師。在UI設(shè)計中，視覺元素是非常重要的一個部分，其針對用戶習(xí)慣以及審美習(xí)慣進(jìn)行視覺元素設(shè)計，最終增強(qiáng)用戶的應(yīng)用體驗。所以，對UI設(shè)計的視覺元素藝術(shù)進(jìn)行研究非常有必要。

1 UI設(shè)計中視覺元素構(gòu)成

1.1 文本元素

文本元素是人與人或者人與機(jī)器之間進(jìn)行信息傳遞的主要方式，用戶借助圖片、視頻等形式就能接收到很多有用的信息。這主要是因為用戶通過文本元素在前期就已經(jīng)能夠正確認(rèn)知所有事情。文本因素通過文字向用戶表述事物之外的外形以及相關(guān)功能[1]。穩(wěn)定性與可視性是文本元素的基本視覺藝術(shù)特點(diǎn)，文本元素不同，其構(gòu)成的語境、語義都存在著差異性。文本利用穩(wěn)定的方式促使用戶獲取有效信息，為其下一步的功能選擇提供依據(jù)。

1.2 色彩元素

在人類視覺藝術(shù)中，色彩是重要的組成部分，所以，用戶界面視覺設(shè)計中也需要看重色彩的設(shè)計。和文本元素存在差異的是，色彩元素充分利用用戶在日常經(jīng)驗中所形成的意識形態(tài)進(jìn)行設(shè)計。比如：綠色在用戶的意識形態(tài)中可能會與樹木、環(huán)保、健康相掛鉤，紅色會與熱情、犧牲、奔放相掛鉤，金色則會讓人想到陽光。在人類構(gòu)建豐滿充實(shí)感官的基礎(chǔ)上，再運(yùn)用色彩元素進(jìn)行用戶界面設(shè)計，這會更容易讓用戶產(chǎn)生更多相關(guān)聯(lián)系的事物。各種視覺元素的設(shè)計不僅局限于滿足美觀、藝術(shù)表達(dá)的效果，其同樣是為了滿足功能性的需求，促使用戶在視覺享受的基礎(chǔ)上還能實(shí)現(xiàn)功能性需要。

1.3 圖形元素

圖形元素也能讓用戶獲得更多的體驗與接受大量信息。圖形具有概括化、直觀化以及簡潔性特點(diǎn)，利用這些簡潔性的方式將有效信息傳遞給用戶比較方便有效。國家不同，人們使用的文字可能會不同，但是圖片不會存在國家差異性。圖形元素能有效地突破不同國家地域之間的語言障礙，最終形成通用的載體。除此之外，與文字元素相比較，圖形元素更加直觀，表達(dá)的信息含義比較易懂，減少用戶獲取信息時的疲倦感。

2 視覺元素在UI設(shè)計中的作用

2.1 信息傳播

與閱讀相比較，藝術(shù)設(shè)計中的圖片以及視頻，其傳遞出來的信息能夠讓受眾更直接有效地獲取相關(guān)信息。色彩、聲音以及線條形式等組合，促使用戶在較短的時間內(nèi)就能將信息庫構(gòu)建起來，從而接受更多的信息資料[2]。所以，在進(jìn)行UI設(shè)計過程中，其通常會采用圖片以及視頻形式傳達(dá)信息，便于受眾更清晰地記住界面中的相關(guān)人物、時間以及地點(diǎn)等。

2.2 人機(jī)交互

用戶通過點(diǎn)擊與觸摸界面中的相應(yīng)圖標(biāo)、圖片或者直接輸入相關(guān)文字，受眾就能獲得最為直觀的體驗，實(shí)現(xiàn)人機(jī)之間有效的溝通與互動。也就是說，人機(jī)交互進(jìn)程需要用戶界面設(shè)計參與。UI設(shè)計將機(jī)器語言有效地轉(zhuǎn)化為受眾更容易接受的信息，這也是視覺元素在UI設(shè)計中的作用。將UI設(shè)計得簡單、充分考慮到受眾的閱讀以及操作習(xí)慣，這更加強(qiáng)了人機(jī)互動性。

2.3 娛樂共享

視覺元素在UI設(shè)計中應(yīng)用，其不僅具有人機(jī)交互和信息傳播的功能，它同時具有娛樂性與趣味性作用。用戶借助界面設(shè)計增加趣味性，包括游戲用戶界面的相關(guān)設(shè)計、特定主體網(wǎng)頁界面設(shè)計等。設(shè)計的基本需求得到充分滿足，用戶則更能追求個性化表達(dá)方式，提升對界面的點(diǎn)擊率與瀏覽量。

3 UI設(shè)計視覺元素藝術(shù)設(shè)計需要注意的問題

UI發(fā)展時間比較短，專業(yè)性強(qiáng)，從事UI設(shè)計的工作人員均屬于相關(guān)領(lǐng)域人員，其難以對UI進(jìn)行統(tǒng)籌與選擇規(guī)劃，這容易造成在進(jìn)行綜合性較強(qiáng)項目處理時非分歧性，由于意見不統(tǒng)一難以促進(jìn)工作的有效開展[3]。因此，加強(qiáng)工作的專業(yè)性與科學(xué)性非常重要。其次，用戶界面設(shè)計在世界傳達(dá)藝術(shù)中占有較大的比重，但這并不代表用戶界面設(shè)計就是視覺元素藝術(shù)的全部。所以，在設(shè)計過程中要充分地認(rèn)識用戶界面在視覺藝術(shù)中的作用，權(quán)衡比例關(guān)系，不得輕視也不能夸大其作用，最終影響了UI設(shè)計的有效性。最后，減少對PC平臺的依賴。由于PC平臺的UI設(shè)計比較成熟，這是UI設(shè)計借助PC平臺的優(yōu)勢，但是不能過度依賴PC平臺，最終影響UI設(shè)計的創(chuàng)造性與普及性。

4 結(jié)束語

綜上所述，在UI設(shè)計中要充分應(yīng)用視覺元素設(shè)計方式，以用戶體驗為基礎(chǔ)，從圖形設(shè)計、文字設(shè)計以及色彩設(shè)計方面為用戶提供一個豐富的應(yīng)用體驗，充分地發(fā)揮視覺元素藝術(shù)在UI設(shè)計中的作用。

[1]熊文灝.探究UI設(shè)計的視覺元素藝術(shù)[J].青春歲月,2016,58(12)：58—67.

[2]李太國.數(shù)字媒體藝術(shù)專業(yè)UI設(shè)計教學(xué)內(nèi)容的研究與探索[J]. 經(jīng)濟(jì)管理:全文版, 2016,27(8):75-75.

[3]王廣.淺談UI設(shè)計中的視覺元素[J].青年與社會,2014,78(13):324-324.