設(shè)計(jì)語義學(xué)在UI設(shè)計(jì)中的應(yīng)用

王晨光 冷思

【摘要】：隨著經(jīng)濟(jì)和科技的發(fā)展，我們?cè)谏钪懈惺苤娮赢a(chǎn)品帶來的便捷，市場(chǎng)上APP的數(shù)量和人們對(duì)不同類型APP的需求都急劇上升，同類產(chǎn)品的功能性越來越相似，人們開始追求符合自己心理的APP，用戶在使用過程中就會(huì)更加關(guān)注于APP的用戶體驗(yàn)，通過良好的UI設(shè)計(jì)帶來的用戶體驗(yàn)，來決定是否使用該APP。本文從UI與設(shè)計(jì)語義學(xué)的關(guān)系來研究，分析設(shè)計(jì)語義學(xué)對(duì)UI的重要性。

【關(guān)鍵詞】：；設(shè)計(jì)語義學(xué)；UI設(shè)計(jì)；用戶界面

一、什么是UI設(shè)計(jì)

UI設(shè)計(jì)，全稱是User Interface（用戶界面），簡稱UI。隨著近幾年移動(dòng)終端的不斷發(fā)展，例如平板電腦、智能手機(jī)等，UI設(shè)計(jì)也作為一種新的設(shè)計(jì)門類出現(xiàn)在大眾的視野當(dāng)中。UI設(shè)計(jì)主要是針對(duì)人機(jī)交互界面的樣式，美觀程度做優(yōu)化，讓用戶有更好的視覺體驗(yàn)和使用體驗(yàn)。UI設(shè)計(jì)不單純的是指界面設(shè)計(jì)，也是產(chǎn)品的重要賣點(diǎn)之一。一個(gè)舒適美觀的界面會(huì)給人帶來舒適的視覺享受，拉近人機(jī)的距離，為商家創(chuàng)造賣點(diǎn)。[1]UI設(shè)計(jì)不僅僅是單純的平面設(shè)計(jì)，他需要定位使用者、使用環(huán)境、使用方式等需求并且為最終用戶而設(shè)計(jì)，是一種相對(duì)純粹的科學(xué)性的藝術(shù)設(shè)計(jì)。檢驗(yàn)一個(gè)UI設(shè)計(jì)好壞的標(biāo)準(zhǔn)既不是某個(gè)項(xiàng)目開發(fā)組領(lǐng)導(dǎo)的意見也不是項(xiàng)目成員投票的結(jié)果，而是最終靠大數(shù)據(jù)采集后臺(tái)用戶的體驗(yàn)感受。所以界面設(shè)計(jì)要和用戶體驗(yàn)研究緊密結(jié)合，是一個(gè)不斷為最終用戶設(shè)計(jì)滿意視覺效果的過程，而且是一個(gè)不斷發(fā)展的變化的設(shè)計(jì)學(xué)科，隨著社會(huì)的變化、用戶的變化、使用場(chǎng)景的變化，UI設(shè)計(jì)也要隨著不同的外界因素而變化。一個(gè)好的、優(yōu)秀的UI設(shè)計(jì)不僅僅要考慮到產(chǎn)品本身，還要考慮到產(chǎn)品使用者的各種心理和各種使用場(chǎng)景，來為用戶打造有良好用戶體驗(yàn)的產(chǎn)品。

二、什么是設(shè)計(jì)語義學(xué)

語義學(xué)，在英文中是Semantlcs，主要是研究語言文字及其組合的含義。隨著社會(huì)的不斷進(jìn)步、語言文字的豐富，于是就出現(xiàn)了專門研究語言文字及其組合含義的語義學(xué)。設(shè)計(jì)語義學(xué)是在符號(hào)學(xué)理論基礎(chǔ)上發(fā)展起來的。符號(hào)學(xué)指出一切有意義的物質(zhì)形式都是符號(hào)；符號(hào)是利用一定媒介來表現(xiàn)或指稱某一事物；它的目的是建立廣泛可應(yīng)用的交流規(guī)則，從而產(chǎn)生可以被大眾所理解的事物。[2]這里所指的語義學(xué)是研究形態(tài)意義的學(xué)問。

設(shè)計(jì)語義學(xué)實(shí)際上是借用了語言學(xué)的概念。從設(shè)計(jì)學(xué)的角度來看，設(shè)計(jì)語義學(xué)的主要研究對(duì)象是視覺形態(tài)、圖象與識(shí)別，即象形符號(hào)語言的意義。人和產(chǎn)品的溝通是通過這些視覺形態(tài)來實(shí)現(xiàn)的。設(shè)計(jì)語義學(xué)研究符號(hào)的感情色彩；研究符號(hào)、圖形、色彩、文字在設(shè)計(jì)中的含義，以及不同組合帶來的不同含義。研究如何在設(shè)計(jì)中科學(xué)地使用符號(hào)形態(tài)、語義來創(chuàng)造出讓人們使用簡單、喜愛使用、并且可以提高甚或品質(zhì)的設(shè)計(jì)產(chǎn)品來。[3]

設(shè)計(jì)師根據(jù)自己的需求或者是用戶的需求設(shè)計(jì)出各種形態(tài)的產(chǎn)品，包括平面的或者立體的。這些形態(tài)下的產(chǎn)品，因?yàn)槭窃O(shè)計(jì)師自己構(gòu)想出來的，所以就有了一定的語義。這種設(shè)計(jì)語義的構(gòu)想構(gòu)成其實(shí)是人類造物活動(dòng)中比較重要的組成部分。

三、設(shè)計(jì)語義學(xué)與UI設(shè)計(jì)的關(guān)系

（一） UI設(shè)計(jì)是設(shè)計(jì)語義學(xué)的視覺載體

UI設(shè)計(jì)是人機(jī)交互的重要信息載體，包含了電子產(chǎn)品所需要的全部信息，只有把這些元素有機(jī)地結(jié)合，遵循用戶體驗(yàn)至上的基本原則，將良好的視覺元素融入到UI里，形成特有的品牌特色及個(gè)性，讓用戶潛移默化地記在心里。例如騰訊旗下的大部分產(chǎn)品標(biāo)志都是以騰訊最著名的產(chǎn)品QQ中的Q字母為原型或基本型再加入該產(chǎn)品本身的特性來設(shè)計(jì)，比如：QQ瀏覽器，微信，QQ通訊錄等。騰訊的設(shè)計(jì)師通過將最廣為人知的Q字母進(jìn)行再設(shè)計(jì)，最終具體到某個(gè)APP上，用戶再將APP下載到移動(dòng)端中使用，那么廣大用戶就會(huì)在使用產(chǎn)品的過程中慢慢認(rèn)可設(shè)計(jì)師構(gòu)想出來的Q字母的不同形態(tài)，并且和設(shè)計(jì)師達(dá)成共識(shí)，這樣就在用戶和品牌之間建立了固定的形態(tài)語義。

（二）設(shè)計(jì)語義學(xué)是UI的無聲工具

通過設(shè)計(jì)語義學(xué)我們知道好的符號(hào)，好的圖形，合理的色彩等可以更明確的傳達(dá)它所想表達(dá)的意思。例如人們看到交通信號(hào)燈，紅色，就聯(lián)想到危險(xiǎn)、警告就會(huì)下意識(shí)的想到是不能通行；而綠色則會(huì)想到安全、健康，那么就是可以通行。所以在UI設(shè)計(jì)中，我們更需要清晰準(zhǔn)確的圖形，甚至是顏色來指引用戶完成自己所需的下一步操作。例如：手機(jī)淘寶APP的登陸界面，登陸按鍵使用的是橙色矩形框，來區(qū)分開之前的空白矩形框；而阿里旺旺的登陸按鍵則選用了相對(duì)較短的矩形框來區(qū)別之前更長的矩形框。

良好的UI設(shè)計(jì)是無形的工具，它雖然不會(huì)發(fā)出聲音，但是它具有極強(qiáng)的視覺語言。通過不同的形態(tài)，設(shè)計(jì)師可以傳達(dá)出設(shè)計(jì)意圖和設(shè)計(jì)思想，賦予產(chǎn)品新的生命和意義。用戶只需根據(jù)UI的提示，就可以方便快捷的進(jìn)行操作。它是設(shè)計(jì)師與用戶之間互相溝通的媒介，也是產(chǎn)品和用戶之間溝通的媒介，設(shè)計(jì)語義學(xué)同時(shí)也是UI設(shè)計(jì)的無聲工具，為用戶提供良好的服務(wù)。

（三）設(shè)計(jì)語義學(xué)幫UI設(shè)計(jì)體現(xiàn)的品質(zhì)

通過設(shè)計(jì)語義學(xué)，我們知道，可以用不同的形狀、不同的顏色，相同形狀不同大小等方式來更傳達(dá)處更多的含義。將相同方法引用到UI設(shè)計(jì)中，可以更好，更明確的指示用戶下一步的操作。比如，設(shè)計(jì)師巧妙的設(shè)計(jì)手機(jī)和手機(jī)APP中的各種功能鍵的形態(tài)，并且對(duì)其進(jìn)行科學(xué)的組合，使得用戶不需要專門的培訓(xùn)或者是耗費(fèi)很大精力去學(xué)習(xí)就可以方便快捷的操作這些軟件，這樣就更好的提升了用戶體驗(yàn)以及產(chǎn)品的品質(zhì)。

四、設(shè)計(jì)語義學(xué)指導(dǎo)UI設(shè)計(jì)的意義

UI設(shè)計(jì)要把APP所需傳遞的信息通過圖案的設(shè)計(jì)和文字的排版，以一種簡潔而醒目的方式展現(xiàn)在大家面前，用這種視覺上的吸引來抓住大家的視線，留住用戶。UI設(shè)計(jì)，是一種超越國界的世界共通的語言，成功的UI可以讓用戶迅速地感受到APP所帶來的情感驚喜，對(duì)APP產(chǎn)生良好的反應(yīng)，讓用戶更加依賴于APP。

UI設(shè)計(jì)是APP的基本要素，但并不是簡單的平面設(shè)計(jì)。通過設(shè)計(jì)語義學(xué)的指導(dǎo)，我們需要將UI從開始的能用轉(zhuǎn)變?yōu)楹糜?、易用，再到最后的可以為用戶帶來情感驚喜。以獨(dú)特的設(shè)計(jì)，形成APP特有的視覺形象，有效地推廣APP的知名度和形象。

最后，必須要注意到的是：設(shè)計(jì)是為大眾服務(wù)的，所有優(yōu)秀的設(shè)計(jì)作品，無論是平面類還是產(chǎn)品類都是為了使人們的生活更加的美好。在今天，人們的需求依然是形態(tài)優(yōu)美、功能優(yōu)秀、體驗(yàn)良好的充滿人文氣息和人文關(guān)懷的作品。

注釋：

聞剛，劍南文學(xué)（經(jīng)典教苑）》 2013，

田蘊(yùn)；劉猛； 《設(shè)計(jì)》 2013

劉傳來，《中國優(yōu)秀碩士學(xué)位論文全文數(shù)據(jù)庫》 2013

參考文獻(xiàn)：

[1] 聞剛.劍南文學(xué)（經(jīng)典教苑） [J].2013，

[2] 田蘊(yùn)；劉猛.《設(shè)計(jì)》[J].2013

[3] 劉傳來.《中國優(yōu)秀碩士學(xué)位論文全文數(shù)據(jù)庫》，2013

作者簡介：王晨光 （1992-- ）男，漢族，山西太原人，美術(shù)學(xué)碩士，廣西師范大學(xué)設(shè)計(jì)學(xué)院2015級(jí)研究生，研究方向：視覺傳達(dá)藝術(shù)研究；

冷 思 （1991-- ） 女，漢族，湖北孝感人，美術(shù)學(xué)碩士，廣西師范大學(xué)設(shè)計(jì)學(xué)院2015級(jí)研究生，研究方向：視覺傳達(dá)藝術(shù)研究。