淺談界面視覺語言的可識(shí)別性設(shè)計(jì)

1、    淺談界面視覺語言的可識(shí)別性設(shè)計(jì)    王佳摘 要 本文從視覺語言的基本要素著手，從文字、色彩、圖形和版式的角度來分析界面設(shè)計(jì)中視覺語言的可識(shí)別性的重要性，再結(jié)合造成視覺語言可識(shí)別障礙的因素來總結(jié)出界面視覺語言的可識(shí)別性設(shè)計(jì)的原則和方法。關(guān)鍵詞 界面設(shè)計(jì) 視覺語言 可識(shí)別性設(shè)計(jì)：tp311.52 ：a0前言隨著信息的飛速發(fā)展，科技的進(jìn)步，智能手機(jī)的普及已是必然趨勢(shì)。大屏幕的手機(jī)界面則需要承載許多的信息，繁雜的界面裝飾細(xì)節(jié)會(huì)顯得更加臃腫。用戶們把關(guān)注的焦點(diǎn)轉(zhuǎn)向了界面的內(nèi)容和功能。所以，設(shè)計(jì)師放棄追求最初的擬物化、3d效果，而更加推崇簡(jiǎn)約化和扁平化的風(fēng)

2、格。因此，為了給用戶帶來良好的視覺體驗(yàn)，設(shè)計(jì)師應(yīng)該更加注重視覺語言的可識(shí)別性設(shè)計(jì)。1界面中視覺語言的可識(shí)別性1.1界面視覺語言概述在界面設(shè)計(jì)中，文字是最主要的視覺語言之一，也是傳遞信息的主要媒介。具有特點(diǎn)的文字不僅可以引起用戶的視覺注意，作為重要的視覺語言符號(hào)的文字，而且它本身也具有其穩(wěn)定的特點(diǎn)。同樣的一句話，用文字傳達(dá)和用聲音傳達(dá)，兩者相比較而言，文字語言的傳達(dá)更加穩(wěn)定和易于理解，因?yàn)樗鼈鬟_(dá)信息的時(shí)間和能力被加強(qiáng)了。而聽覺語言是一種看不見摸不著的東西，容易流失，并且在傳達(dá)的過程中也會(huì)受諸多因素影響。其次，色彩是人們視覺易于感知的東西，當(dāng)人們觀看某種東西的時(shí)候，給我們印象最深刻的就是色彩。作為

3、界面設(shè)計(jì)中的視覺語言之一，它除了能夠抓住用戶的眼球，吸引其注意力，還能傳達(dá)界面的主題信息，影響用戶的情緒。在界面設(shè)計(jì)中，掌握了色彩的運(yùn)用表現(xiàn)技巧，才能合理地進(jìn)行設(shè)計(jì)，發(fā)揮色彩本身的功能。設(shè)計(jì)師可以根據(jù)手機(jī)應(yīng)用的特點(diǎn)來進(jìn)行設(shè)計(jì)，以體現(xiàn)其主題。再次，在手機(jī)界面視覺語言中，圖形是最為直觀的視覺語言，它所表現(xiàn)的東西是具體可感知的世界。圖形是傳遞信息的主要媒介，大部分用戶都依賴圖形符號(hào)來獲取信息和交流。圖形本身具有其形象生動(dòng)的特點(diǎn)，給用戶強(qiáng)有力的視覺沖擊，留下深刻的印象。而且，圖形具有可創(chuàng)造的特點(diǎn)，用戶可以根據(jù)自身的主觀感受和經(jīng)歷來領(lǐng)會(huì)圖形所傳達(dá)的內(nèi)容信息。并且圖形和色彩的搭配，也會(huì)更加生動(dòng)，表現(xiàn)手法也

4、豐富多樣。最后，版式作為界面視覺語言中重要的語言之一，常常被人們所忽略。用戶在打開手機(jī)應(yīng)用的時(shí)候，文字、圖形和色彩等等會(huì)吸引他們的注意力，而界面的排版合理與否是用戶較少關(guān)注的。用戶只會(huì)覺得這個(gè)界面看起來舒服，或者是在使用的過程中覺得方便或是有被誤導(dǎo)。這都與移動(dòng)界面設(shè)計(jì)的功能性、可操作性和可交互性的特性有關(guān)。所以，版式的運(yùn)用會(huì)根據(jù)產(chǎn)品的功能特性、用戶群體和使用場(chǎng)景等等來進(jìn)行設(shè)計(jì)。1.2造成界面視覺語言可識(shí)別障礙的因素一個(gè)優(yōu)秀的手機(jī)移動(dòng)界面是能夠快速地將精準(zhǔn)的信息傳達(dá)給用戶。但是傳達(dá)信息的媒介如果沒有被良好的設(shè)計(jì)，不僅會(huì)影響信息的傳遞，而且還會(huì)影響用戶的心情以及用戶體驗(yàn)。其中，文字是視覺語言中最容

5、易被識(shí)別的，也是傳達(dá)信息最直接的一種媒介，所以文字語言直接的表達(dá)最能有效的傳遞信息。而色彩的運(yùn)用也不能被忽視。色彩的搭配能夠給用戶帶來良好的視覺效果也會(huì)給用戶帶來不便，產(chǎn)生識(shí)別障礙。色彩運(yùn)用的不合理也會(huì)是用戶產(chǎn)生錯(cuò)覺。例如一個(gè)有關(guān)兒童類的手機(jī)應(yīng)用，如果采用的是沉悶的深色調(diào)，則不會(huì)引起小朋友的注意力。圖形是界面設(shè)計(jì)中傳遞信息最快速的視覺語言，它和其他視覺語言向比較而言，視覺沖擊力更強(qiáng)烈。但是一個(gè)設(shè)計(jì)不合理的圖形只會(huì)給用戶帶來識(shí)別障礙。設(shè)計(jì)師在進(jìn)行圖形設(shè)計(jì)的時(shí)候首先關(guān)注的不是圖形的形式美，而是它的外形能不能夠被用戶識(shí)別。設(shè)計(jì)師在對(duì)界面中視覺元素進(jìn)行安排的時(shí)候，如果重要內(nèi)容信息被安排在界面的最佳視域

6、或者是視覺焦點(diǎn)之外，用戶獲取重要信息的時(shí)間就會(huì)加長(zhǎng)，也可能錯(cuò)過重要的信息。2界面設(shè)計(jì)中視覺語言的可識(shí)別性設(shè)計(jì)的原則和方法2.1界面視覺的一致性界面視覺的一致性主要是界面風(fēng)格的統(tǒng)一性問題。手機(jī)界面風(fēng)格統(tǒng)一會(huì)給用戶帶來良好的視覺體驗(yàn)，還能幫助用戶快速獲取重要信息。如果界面風(fēng)格的不統(tǒng)一，就會(huì)使用戶產(chǎn)生錯(cuò)覺，從而影響用戶體驗(yàn)。手機(jī)應(yīng)用界面包含了主頁面和子頁面，二者在風(fēng)格上的統(tǒng)一也能夠很好地引導(dǎo)用戶從主頁面跳轉(zhuǎn)到子頁面，能順利的操作。所以界面風(fēng)格的統(tǒng)一能夠幫助用戶全面充分地了解手機(jī)應(yīng)用的結(jié)構(gòu)，而不會(huì)在操作過程中迷失了方向，也能給用戶留下深刻的印象。2.2簡(jiǎn)潔直觀性界面設(shè)計(jì)從最初的3d、擬物化設(shè)計(jì)到現(xiàn)在的

7、簡(jiǎn)潔、扁平化的設(shè)計(jì)，這一過程意味著用戶們現(xiàn)在更加注重界面的內(nèi)容和功能。因此，簡(jiǎn)潔直觀性的界面設(shè)計(jì)能夠幫助用戶迅速獲取重要信息。所以，設(shè)計(jì)師在進(jìn)行界面設(shè)計(jì)的時(shí)候需要充分考慮用戶的使用體驗(yàn)，首先，清晰明了的視覺流是設(shè)計(jì)師需要首要考慮的重點(diǎn)。通過對(duì)視覺流程的簡(jiǎn)化，整個(gè)界面簡(jiǎn)單易懂，會(huì)呈現(xiàn)出良好的視覺引導(dǎo)。簡(jiǎn)單明了的視覺層次可以幫助用戶快速地了解頁面的整體結(jié)構(gòu)，從簡(jiǎn)減少獲取信息的時(shí)間，提高效率。運(yùn)用精簡(jiǎn)的文字也能快速直接地傳遞信息。用戶在使用手機(jī)應(yīng)用的時(shí)候不喜歡冗長(zhǎng)的文字，他們更加喜歡簡(jiǎn)潔直接的文字語言。含義清晰，表達(dá)明確的精簡(jiǎn)文字或者是小的段落不僅節(jié)約用戶時(shí)間，還能幫助用戶快速獲取信息。2.3用戶導(dǎo)向性一款手機(jī)應(yīng)用的誕生首先需要了解它的用戶群體，再根據(jù)用戶群體的需要進(jìn)行主題確定，再進(jìn)行設(shè)計(jì)。所以對(duì)用戶群體的充分了解是界面設(shè)計(jì)的重中之重。通過對(duì)用戶群體年齡、生理、心理、認(rèn)知等等的調(diào)查研究之后，再對(duì)界面中的視覺語言進(jìn)行設(shè)計(jì)。用戶群體的不同，界面的風(fēng)格和形式也會(huì)相差甚遠(yuǎn)，遵循用戶導(dǎo)向性原則必定會(huì)達(dá)到事半功倍的效果。3總結(jié)手機(jī)應(yīng)用的發(fā)展雖然快速，但是質(zhì)量都參差不齊。好的應(yīng)用可以給用戶帶來良好的體驗(yàn)，也帶來了諸多的方便，反之，有些應(yīng)用則會(huì)給用戶帶來困擾。所以遵循上述的設(shè)計(jì)原則，可以