視覺元素在界面設(shè)計中的傳達(dá)與應(yīng)用分析

（南京審計大學(xué)金審學(xué)院 210000）

界面作為信息化時代不可避免的產(chǎn)物，既作為信息傳播的載體傳達(dá)信息；也作為人機(jī)接觸點，營造良好的用戶體驗氛圍。在設(shè)計過程中視覺元素的正確運(yùn)用，既能提高界面的視覺張力，也能輔助界面的操作流程，讓用戶獲得更好的體驗感。只有這樣的界面設(shè)計，才能吸引更多的用戶關(guān)注，才能直達(dá)人的內(nèi)心在思想和感情上有所共鳴，才能體現(xiàn)用戶至上的界面設(shè)計價值理念。界面歸根到底是用于傳遞和展示信息的，然而界面的設(shè)計不僅僅只是單純的電腦和手機(jī)的屏幕設(shè)計，而更多的應(yīng)該是界面內(nèi)在的視覺元素的編排和設(shè)計。

一、界面設(shè)計

（一）界面設(shè)計的含義

在設(shè)計領(lǐng)域，幾乎無時無刻不接觸到一個專業(yè)概念：界面。界面作為人機(jī)交互中信息傳遞的媒介，已經(jīng)不局限于硬件設(shè)備。人機(jī)交互其實就是人機(jī)交互界面的簡稱。筆者認(rèn)為平常用的電腦、電視、手機(jī)等屏幕屬于狹義的界面，而電梯樓層按鈕分布、可以全息投影的智能自行車車頭、智能機(jī)器人顯示屏等則可以理解為廣義的界面。而我們設(shè)計師在進(jìn)行界面設(shè)計時則需要堅持以功能實現(xiàn)為基礎(chǔ)、以情感表達(dá)為重點、以環(huán)境因素為前提的三原則。

（二）界面視覺設(shè)計的市場需求

隨著大眾的審美需求的提高，界面設(shè)計越來越以用戶體驗為中心。具有視覺沖擊力的界面會給用戶帶來舒適的視覺體驗，關(guān)鍵能夠吸引用戶，增加用戶與產(chǎn)品之間的親密度，從而創(chuàng)造相應(yīng)的經(jīng)濟(jì)價值。反之，則不利于品牌價值的塑造，而且也會起到“雞肋”的效果。

二、界面設(shè)計中的視覺元素

（一）色彩

在視覺元素中，色彩的表現(xiàn)力比較強(qiáng)。在應(yīng)用程序、電腦網(wǎng)絡(luò)的界面設(shè)計，乃至在傳統(tǒng)的平面設(shè)計領(lǐng)域中，色彩都能夠比較好地體現(xiàn)出界面的品牌意義和內(nèi)涵價值。

在設(shè)計過程中，可以從以下角度去思考，一、企業(yè)戰(zhàn)略文化。有必要用一種顏色直觀或者間接地去表達(dá)企業(yè)的戰(zhàn)略文化，這對企業(yè)的文化理念將會起到很大的正向效應(yīng)。二、目標(biāo)用戶。企業(yè)正常都不止擁有一種產(chǎn)品，每個產(chǎn)品對于目標(biāo)用戶的層級關(guān)系是不一樣的。用戶年齡階段、興趣愛好、工作學(xué)習(xí)、生活環(huán)境等因素都可能會影響色彩的選擇。三、使用場景。在界面設(shè)計時，對于色彩的選擇要根據(jù)不同的場景來定，包括界面所使用的室內(nèi)外環(huán)境、使用的人群、時間區(qū)間、使用的目的等。不過有時得需要考慮風(fēng)土人情和民俗禁忌的因素，因為在不同的文化背景下每個顏色所代表的含義是不一樣的，不能適得其反。四、競品。在設(shè)計過程中通常采取兩種措施避免或者相接近的方法來決定競品的顏色，還有一種極端的做法就是大膽地選取特立獨(dú)行的顏色。

這樣就可以先給用戶界面確定一個主色調(diào)，然后根據(jù)對比色、鄰近色、互補(bǔ)色選取輔助顏色。就視覺沖擊力而言，對比色和互補(bǔ)色比較大，所以需要謹(jǐn)慎使用。但也可以通過降低飽和度的方法對原色進(jìn)行調(diào)和來平衡色彩。而鄰近色和同類色相對而言則比較統(tǒng)一和諧，通過選取這類色系能夠使整個界面的風(fēng)格快速一致。在界面設(shè)計過程中，如何具體選取顏色，還是得根據(jù)界面的重點、信息分布以及產(chǎn)品特征綜合去衡量。

（二）字體

字體本身是界面設(shè)計中最直觀本質(zhì)的元素，在文本中僅僅只能承載界面的信息內(nèi)容。然而對字體進(jìn)行適當(dāng)?shù)脑O(shè)計之后，字體就不單純只是字體的外在含義，而更具有視覺風(fēng)格表現(xiàn)，就好比給字體穿上了一件漂亮的衣服，也可以理解為圖像和符號，用于傳達(dá)信息和思想交流。設(shè)計師可以通過對字體的深化設(shè)計，讓用戶更加容易的識別界面的信息內(nèi)容，增加人機(jī)界面間的互動性。因此界面設(shè)計中的字體是外在形象和內(nèi)涵的結(jié)合體，設(shè)計師需要根據(jù)不同的產(chǎn)品屬性特征和訴求，選擇不同的字體，每個字體有其不同的形象特征，需要選擇合適的來體現(xiàn)界面風(fēng)格，塑造品牌形象。

（三）圖標(biāo)

圖標(biāo)是視覺元素中最具特色的一個元素，具有傳達(dá)信息和被高效識別的雙重屬性。圖標(biāo)本身就具有一定的視覺美感，不過要適當(dāng)?shù)慕Y(jié)合技術(shù)手段，確保圖標(biāo)效果的實現(xiàn)。因此，在設(shè)計過程中圖標(biāo)制作不宜太復(fù)雜，要契合界面系統(tǒng)的分辨率，適當(dāng)運(yùn)用色塊圖層的元素以增強(qiáng)圖標(biāo)的層次感。就目前設(shè)計趨勢來看，扁平化的簡潔圖標(biāo)更為用戶接受。用戶不但能夠清晰明了地看懂這個圖標(biāo)的含義，而且還會根據(jù)圖標(biāo)獲得明確的操作步驟信息，及時做出正確的選擇判斷，減少認(rèn)知負(fù)擔(dān)，同時也不會增加技術(shù)層面的負(fù)擔(dān)。

（四）版面布局

界面內(nèi)的所有元素不可零散的排列，這就需要對此進(jìn)行精心的編排布局，不同的編排版式所營造出的視覺形象是完全不一樣的，尤其是對文字、圖標(biāo)、色調(diào)等元素的編排，切不可因為版面布局的原因而降低用戶體驗的舒適度。在設(shè)計過程中，版面布局通常要考慮界面的文本和圖形的空間占比、圖標(biāo)的樣式、背景色調(diào)等形式美法則相關(guān)的因素，還要考慮技術(shù)手段的實現(xiàn)程度。不但要滿足用戶的視覺審美需求，而且還要提高用戶的使用舒適度，增加界面的回訪率。

（五）創(chuàng)意構(gòu)思

一個界面設(shè)計是否成功由很多因素決定，其中“創(chuàng)意”是一個不可或缺的環(huán)節(jié)，而且對界面風(fēng)格的形成影響很大。每一個界面的創(chuàng)意都需要奇特的外在表現(xiàn)形式和深刻的內(nèi)涵來共同支撐。因此，創(chuàng)意不僅僅體現(xiàn)在外在形式，在內(nèi)涵上也要有所創(chuàng)新的指引。用獨(dú)創(chuàng)的想法和獨(dú)特新穎的表現(xiàn)手法就能產(chǎn)生非凡的視覺沖擊力和有效說服力，既能吸引受眾的目光，也能給人深刻的印象，最終使用戶獲得良好的體驗感受。

三、視覺元素在界面設(shè)計中的價值體現(xiàn)

（一）形象塑造，提升品牌價值

界面設(shè)計的意義在于服務(wù)于品牌，而不是為了好看而設(shè)計。通過對界面視覺元素的編排和設(shè)計，提高界面的視覺形象，進(jìn)而增加用戶對界面的認(rèn)可度，讓此界面深入人心，從而間接提升品牌價值。界面設(shè)計過程中通過整合視覺結(jié)構(gòu)、視覺層次、視覺元素等要素達(dá)到設(shè)計風(fēng)格的統(tǒng)一，以此減少用戶的認(rèn)知成本，加深對品牌的認(rèn)識。并且能夠做到在不同的使用場景中都具有獨(dú)特的識別度，逐漸的形成固定的設(shè)計思路和固定的品牌形象。

（二）視覺體驗，提高用戶滿意度

美的事物總是能夠讓人產(chǎn)生歡快、愉悅的心理感受，它能夠體現(xiàn)現(xiàn)代社會中人的審美情趣。和人的外在形象一樣，界面設(shè)計的第一印象也很重要。在設(shè)計界面時，其文字、圖形、排版、顏色運(yùn)用等都應(yīng)當(dāng)遵循相應(yīng)的形式美學(xué)原則，讓界面設(shè)計呈現(xiàn)出最佳效果，讓用戶有比較好的視覺體驗，從而提高用戶的滿意度。

（三）功能引導(dǎo)，提高操作便捷性

在如今的信息化時代，每天都會有各種小程序通過不同的方式向人們推送著各種信息，當(dāng)我們面對如此海量信息的時候，信息數(shù)據(jù)的檢索就顯得非常重要了。最方便快捷的方式就是通過界面的設(shè)計對人的眼睛進(jìn)行適當(dāng)?shù)囊龑?dǎo)。在界面設(shè)計過程中，常用的引導(dǎo)方式就是運(yùn)用具有指向性的視覺元素，完成用戶對界面信息的關(guān)注和吸收。在界面中，第一時間吸引人眼球的那個元素就是焦點，這里的焦點不僅僅是狹義上的點，也可以理解為一個圖標(biāo)、一個文字或一個色塊，而且應(yīng)該有著明顯的大小、顏色、形狀的對比變化。相對于點而言，線條則更具有明確的指向性、節(jié)奏感。除了點、線之外，色彩是引導(dǎo)視線的最直白的形式之一，通過調(diào)整顏色之間的對比度來突出主要的信息。在此基礎(chǔ)之上，如果輔以元素、交互的動作，那么視覺元素對于用戶功能的引導(dǎo)性則會體現(xiàn)得更好、更便捷。

四、結(jié)語

綜上所述，互聯(lián)網(wǎng)信息技術(shù)的飛速發(fā)展不僅改變著人們的生活方式，也改變著人們的審美意識，視覺元素在界面設(shè)計中的重要性也變得日益顯著。要使界面更具視覺沖擊力和新鮮感，讓用戶獲得更好的體驗，就必須綜合運(yùn)用色彩、文字、圖形、版式、創(chuàng)意，只有這些元素相互結(jié)合、相互作用，才能給界面設(shè)計以全新的視覺形象，滿足用戶的視覺體驗和審美需求，從而提升相應(yīng)的品牌價值，提高用戶滿意度，提高操作便捷性。