以人為本的用戶界面圖標(biāo)設(shè)計(jì)研究

周麗東

摘 要：隨著信息技術(shù)的爆炸式發(fā)展，計(jì)算機(jī)用戶界面設(shè)計(jì)作為技術(shù)與藝術(shù)相結(jié)合的成果，得到了人們的高度關(guān)注。用戶界面（UI）設(shè)計(jì)是一門(mén)綜合性、跨越性的學(xué)科，涉及到心理學(xué)、美學(xué)、社會(huì)學(xué)、認(rèn)知學(xué)，計(jì)算機(jī)科學(xué)等。本文通過(guò)以人為本的角度對(duì)用戶界面圖標(biāo)進(jìn)行分析，幫助人們更為深入的了解圖標(biāo)設(shè)計(jì)，要求圖標(biāo)設(shè)計(jì)在美觀的同時(shí)能符合用戶的功能訴求，使用者的操作習(xí)慣，強(qiáng)調(diào)以人為本，以滿足用戶需求。

關(guān)鍵詞：UI設(shè)計(jì)；圖標(biāo)設(shè)計(jì)；以人為本

中圖分類號(hào)：TB472 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2016）21-0180-01

一、用戶界面及圖標(biāo)

UI 全稱 User Interface，既用戶界面，是用戶與計(jì)算機(jī)之間交換信息的媒介。用戶界面操作由軟件和硬件組成，包括聲音、圖標(biāo)、菜單、幫助文本、命令以及 鼠標(biāo)和鍵盤(pán)等。 而圖標(biāo)是界面中的重要組成部分，圖標(biāo)直觀感受直接影響到使用者對(duì)產(chǎn)品影響的好壞。在維基百科中圖標(biāo)被定義為圖示（Icon），亦作圖標(biāo)，圖標(biāo)的定義有廣義和狹義兩種：廣義指具有指代意義的圖形符號(hào)，具有高度濃縮并快捷傳達(dá)信息；狹義指應(yīng)用于計(jì)算機(jī)軟件方面，包括：程序標(biāo)識(shí)、數(shù)據(jù)標(biāo)識(shí)、命令選擇、模式信號(hào)或切換開(kāi)關(guān)、狀態(tài)指示等。本文主要從計(jì)算機(jī)軟件用戶界面圖標(biāo)進(jìn)行分析。

二、圖標(biāo)的構(gòu)成元素及規(guī)則

現(xiàn)代社會(huì)科技高速發(fā)展，使得圖標(biāo)設(shè)計(jì)朝著多樣性、創(chuàng)新型的方向不斷發(fā)展。圖標(biāo)設(shè)計(jì)看似小，卻是人類長(zhǎng)期積累的藝術(shù)能量的一種體現(xiàn)。我們將圖標(biāo)的構(gòu)成要素簡(jiǎn)單的分為形狀（具象圖像、抽象圖像）、顏色、尺寸。具象圖像：具象圖標(biāo)設(shè)計(jì)是指圖形要素由具體圖像所構(gòu)成的。它是相對(duì)比較寫(xiě)實(shí)的一種設(shè)計(jì)形式。抽象圖像：形象上已經(jīng)不再那么的具象。無(wú)論是具象圖像還是抽象圖像，利用容易被理解的形狀可以幫助用戶迅速了解界面按鈕的功能或者內(nèi)容的性質(zhì)。色彩：色彩是用戶使用界面時(shí)最直接影響他們的最為敏感的視覺(jué)元素。尺寸、形狀：圖標(biāo)的大小多數(shù)都是一個(gè)正方形的像素矩陣，一般的尺寸為16*16、22*22、32*32、48*48、64*64、128*128單位為像素，無(wú)論是什么形狀一定要限制在這些尺寸范圍內(nèi)，所以圖標(biāo)的形狀多為方形或圓形。

三、圖標(biāo)以人為本的設(shè)計(jì)原則

以人為本的圖標(biāo)設(shè)計(jì)，體現(xiàn)人性化的特質(zhì)以人為本的設(shè)計(jì)理念。能夠滿足用戶需求和操作習(xí)慣，能夠快速地被識(shí)別與記憶、消除用戶與計(jì)算機(jī)的溝通障礙。設(shè)計(jì)生產(chǎn)出人與設(shè)計(jì)、人與產(chǎn)品、人與自然完美結(jié)合的藝術(shù)品。總結(jié)了以下幾個(gè)特點(diǎn)：

1.可識(shí)別性：優(yōu)秀的圖標(biāo)設(shè)計(jì)，要求圖標(biāo)直觀簡(jiǎn)潔易懂，用戶接觸后一 目了然，沒(méi)有模糊概念的圖標(biāo)，不需要額外訓(xùn)練就能掌握。如果沒(méi)有能讓用戶足夠注意的因素，使其注意力不容易集中，就很難將信息傳達(dá)給用戶，因此在設(shè)計(jì)時(shí)往往采用概括簡(jiǎn)潔、生動(dòng)鮮明的視覺(jué)語(yǔ)言。

2.功能性：功能性圖標(biāo)的人性化設(shè)計(jì)方案與圖標(biāo)在用戶界面的功能是分不開(kāi)的，功能與人的需要密切相關(guān)，一個(gè)圖標(biāo)所具有的功能之美通過(guò)功能的實(shí)現(xiàn)，帶給用戶美感。

3.圖標(biāo)設(shè)計(jì)的交互性 ：交互性是界面和使用者之間信息傳遞的雙向性。讓消費(fèi)者輕松、自然、無(wú)障礙地操作。 在設(shè)計(jì)中增加圖標(biāo)的趣味性，帶給用戶意外的驚喜，激發(fā)用戶參與性，使計(jì)算機(jī)界面更富有親和力。

4.視覺(jué)一致性：圖標(biāo)在用戶界面中具有不可逆轉(zhuǎn)的地位，但圖標(biāo)離不開(kāi)界面，也是界面視覺(jué)的一部分。在設(shè)計(jì)的同時(shí)要注意視覺(jué)的協(xié)調(diào)一致性 ，否則會(huì)導(dǎo)致用戶界面散亂影響整體效果分散用戶的注意力，和諧的組合才能給用戶帶來(lái)舒適的視覺(jué)感。

5.用戶參與式設(shè)計(jì)： 圖標(biāo)設(shè)計(jì)是一項(xiàng)專業(yè)性較強(qiáng)的工作，通常由具備專業(yè)知識(shí)及設(shè)計(jì)經(jīng)驗(yàn)的圖標(biāo)工作人員完成。隨著計(jì)算機(jī)技術(shù)的普及，用戶所使用量大幅度增長(zhǎng)，包含圖標(biāo)的圖形界面設(shè)計(jì)工作不再僅僅局限于專業(yè)設(shè)計(jì)人員的個(gè)人范疇，需要用戶參與設(shè)計(jì)、結(jié)合設(shè)計(jì)測(cè)試以提高產(chǎn)品的用戶體驗(yàn)。

四、圖標(biāo)設(shè)計(jì)的發(fā)展趨勢(shì)

1.技術(shù)對(duì)界面圖標(biāo)設(shè)計(jì)的影響：圖標(biāo)是界面設(shè)計(jì)中必不可少的元素，圖標(biāo)的視覺(jué)也十分關(guān)鍵，從某種程度上，用戶操作界面的舒適感和滿意度都與圖標(biāo)所傳達(dá)出來(lái)的效果有關(guān)。隨著科技的發(fā)展，界面圖標(biāo)設(shè)計(jì)的視覺(jué)效果越來(lái)越豐富。總是在推陳出新，一直這樣循環(huán)往復(fù)。科技的進(jìn)步給界面的圖標(biāo)設(shè)計(jì)帶來(lái)很多發(fā)展的可能性。

2.功能與藝術(shù)的結(jié)合對(duì)界面圖標(biāo)設(shè)計(jì)的影響：圖標(biāo)在界面中應(yīng)該著重注意它的藝術(shù)審美性是否和界面上的功能完美結(jié)合，圖標(biāo)設(shè)計(jì)也應(yīng)符合美學(xué)與計(jì)算機(jī)科學(xué)。總之，在進(jìn)行界面的圖標(biāo)設(shè)計(jì)時(shí)，既要定位功能性也要從用戶的審美性和功能性出發(fā)來(lái)進(jìn)行設(shè)計(jì)，從而使得整個(gè)界面越來(lái)越人性。

3.以用戶為中心滿足用戶的需求對(duì)界面圖標(biāo)設(shè)計(jì)的影響：隨著時(shí)代的發(fā)展，不僅重視技術(shù)、審美和功能結(jié)合，更需要滿足滿足用戶需求。如何有效提高用戶體驗(yàn)，成為首要話題。可用性測(cè)試是從用戶的角度來(lái)看圖標(biāo)是否易用、好用、令用戶滿意；可用性評(píng)估就是為用戶尋找可用性方面存在的問(wèn)題，保證符合用戶的心理和習(xí)慣等，從而提高用戶體驗(yàn)。

圖標(biāo)設(shè)計(jì)是近些年來(lái)新興起來(lái)的設(shè)計(jì)行業(yè)，它為數(shù)字化普及革命帶來(lái)的重大貢獻(xiàn)是圖形界面領(lǐng)域中其他任何發(fā)明所不能比擬的，圖標(biāo)設(shè)計(jì)目的在于幫助用戶快速執(zhí)行命令和打開(kāi)程序文件，使一個(gè)標(biāo)題或是功能可以有更加直觀的操作，讓用戶更簡(jiǎn)潔更明了的理解操作。因此，圖標(biāo)的直觀感受對(duì)界面印象的好與壞有直接性的影響。

參考文獻(xiàn)：

[1]王璞.用戶界面設(shè)計(jì)的人性化[D].長(zhǎng)春：東北師范大學(xué)，2007.