APP圖標(biāo)設(shè)計(jì)中原型理論的應(yīng)用

王曉迎+王浩+孔陶茹

【摘 要】 本文將認(rèn)知科學(xué)中“原型理論”關(guān)于概念范疇的“突顯性”、“相似性推理”、“屬性的后天習(xí)得”原理應(yīng)用到App圖標(biāo)的設(shè)計(jì)之中，探討了增強(qiáng)智能手機(jī)、平板電腦等App圖標(biāo)的快速可識(shí)別性以及方便使用問題，以期促進(jìn)相應(yīng)的App廣泛傳播和推廣。

【關(guān)鍵詞】 App圖標(biāo)；原型理論；突顯性；相似性；后天習(xí)得；應(yīng)用

一、相關(guān)知識(shí)

1、App圖標(biāo)和設(shè)計(jì)形式

（1）App圖標(biāo)。App是Application的簡稱，常用于表示智能手機(jī)、平板電腦上的第三方應(yīng)用程序。[1]App圖標(biāo)一般由“圖形”或者“圖形”和“文字”共同構(gòu)成。點(diǎn)擊（或觸屏）App圖標(biāo)即可進(jìn)入相應(yīng)的應(yīng)用程序。可見，App圖標(biāo)是智能手機(jī)、平板電腦實(shí)現(xiàn)人機(jī)交互的第一個(gè)入口，對(duì)于應(yīng)用程序的傳播和推廣至關(guān)重要。

（2）App圖標(biāo)的設(shè)計(jì)形式。目前App圖標(biāo)的設(shè)計(jì)形式主要分為兩種：扁平化和擬物化。[2]①App扁平化圖標(biāo)。App扁平化圖標(biāo)，是摒棄高光、陰影、透視感等效果，通過抽象、簡化、符號(hào)化的設(shè)計(jì)元素來表現(xiàn)的。界面上極簡抽象、矩形色塊、大字體、光滑、現(xiàn)代感十足。App扁平化圖標(biāo)交互核心在于功能本身的使用，去掉了冗余的界面和交互。業(yè)界普遍認(rèn)為扁平化形式的圖標(biāo)正式推出是在2012年秋季，微軟發(fā)布了“新一代的操作系統(tǒng)Windows 8”。這是一款顛覆傳統(tǒng)界面設(shè)計(jì)風(fēng)格的操作系統(tǒng)，摒棄了擬物化圖標(biāo)，而采用扁平色塊與文字內(nèi)容及圖形結(jié)合展示每一款應(yīng)用，意圖消弱交互過程中用戶理解圖標(biāo)這一步驟。[3]②App擬物化圖標(biāo)。擬物化形式的圖標(biāo)，是模擬現(xiàn)實(shí)物品的造型和質(zhì)感，通過疊加高光、紋理、材質(zhì)、陰影等效果對(duì)實(shí)物進(jìn)行再現(xiàn)，也可以適度變形和夸張，界面模擬現(xiàn)實(shí)物體，交互方式也模擬現(xiàn)實(shí)生活的交互方式。擬物化圖標(biāo)屬于智能手機(jī)、平板電腦傳統(tǒng)的圖標(biāo)設(shè)計(jì)形式，目前主要用于游戲類App的圖標(biāo)之中。

2、原型理論

原型理論是由美國心理學(xué)家Eleanor Rosch 與其他學(xué)者們在1970年建立的。[4]它是認(rèn)知科學(xué)中的一種分級(jí)歸類模式，即同一范疇的成員不是由共同的表征決定的，而是由原型與邊緣成員之間的家族相似性決定的；范疇的邊界是模糊的。原型理論所說的原型就是一個(gè)概念范疇或語言范疇中最具有突顯性、代表性的成員，所有其他成員與原型具有相似性。[5]

Eleanor Rosch 1975 的論文“語義范疇的認(rèn)知表征”中，描述了如下的實(shí)驗(yàn)：她請了 200 位美國大學(xué)生，問他們下列哪些項(xiàng)目是“家具”這個(gè)概念范疇的好例子？結(jié)果顯示如下。

1-椅、2-沙發(fā)（sofa）、3-躺椅（couch）、......、50-火爐（stove）、54-冰箱（refrigerator）、60-電話（telephone）。這樣的排序表明：當(dāng)我們想到“家具”這個(gè)概念范疇的時(shí)候，常常提起“1-椅、2-沙發(fā)（sofa）”。因?yàn)樗鼈兪恰凹揖摺边@個(gè)概念范疇中最具有突顯性、代表性的成員。

雖然人們可以從文化細(xì)節(jié)上區(qū)別這份清單，但重點(diǎn)在于這樣的范疇內(nèi)分級(jí)現(xiàn)象，是在所有文化中都存在的。進(jìn)一步的證據(jù)顯示，在實(shí)驗(yàn)中范疇內(nèi)的某些項(xiàng)目比起其他項(xiàng)目更特別，這些證據(jù)包括了：

A.反應(yīng)時(shí)間：更具原型性的項(xiàng)目的作答反應(yīng)時(shí)間較短。

B.提示：以高層次范疇（上層）提示以后，在受測者比較兩個(gè)字詞的相同性時(shí)，確定的速度比較快。

C.示例：要求受測者說出一些范疇的示例時(shí)，越具備原型性的項(xiàng)目越常被提到。

二、APP圖標(biāo)設(shè)計(jì)中原型理論的應(yīng)用

1、“突顯性”的應(yīng)用

原型理論認(rèn)知上的“突顯性”是指當(dāng)提到一個(gè)范疇時(shí)，人們首先想到的是這個(gè)范疇的原型成員。因?yàn)樵统蓡T較其他成員更具這個(gè)范疇的特性、最容易識(shí)別。

（1）形狀和顏色。對(duì)于APP圖標(biāo)，人們首先是視覺上的感知，即形狀和顏色。依照原型理論，在許多不規(guī)則的多邊形中，“規(guī)則的正方形、圓形、三角形”最具認(rèn)知上的突顯性。也就是說，無論順序如何排列、放置在何處，人們一眼就能分辨出這些形狀，即它們是辨認(rèn)某一類形狀的原型成員；黑色和白色是人眼最具分辨能力的色彩，色相環(huán)中的互補(bǔ)色在顏色搭配上最具人們認(rèn)知的突顯性。這些規(guī)則都是我們在設(shè)計(jì)App圖標(biāo)時(shí)應(yīng)該考慮的。特別是在扁平化App圖標(biāo)的設(shè)計(jì)中，對(duì)于突顯性應(yīng)用的尤為突出。扁平化圖標(biāo)設(shè)計(jì)的第一個(gè)要素就是“極簡”，即追求簡潔、簡單、易于識(shí)別，反對(duì)使用復(fù)雜的、不明確的元素。因此在設(shè)計(jì)時(shí)，應(yīng)當(dāng)盡量使用由“規(guī)則的正方形、圓形、三角形”所構(gòu)成的圖形，配色上盡量使用人眼分辨能力較強(qiáng)的配色方案。也就算說，構(gòu)圖和配色上盡量使用相關(guān)概念范疇中的“原型”。這樣設(shè)計(jì)出來的APP扁平化圖標(biāo)，雖然線條簡潔、顏色簡單，但是由于采用了“原型成員”的形狀和配色，依然可以準(zhǔn)確的表達(dá)圖標(biāo)所代表的意義，便于瀏覽者快速識(shí)別。

（2）出現(xiàn)的高頻性。對(duì)于APP圖標(biāo)，人們對(duì)其的感知還有一個(gè)重要的方面，即APP圖標(biāo)的代表物是否具備“出現(xiàn)的高頻性”。代表物出現(xiàn)的頻率愈高，人們對(duì)其就愈熟悉，經(jīng)驗(yàn)也就愈多，對(duì)其的認(rèn)知度也就愈強(qiáng)，也就是其“突顯性”愈強(qiáng)。因此我們在進(jìn)行APP圖標(biāo)設(shè)計(jì)時(shí)，其代表物要具有“出現(xiàn)的高頻性”。

比如，我們要設(shè)計(jì)一個(gè)與“中秋節(jié)”相關(guān)的App圖標(biāo)。首選的代表物一般是“月餅”圖案或者“月餅”和“圓月”組成的圖案。因?yàn)椤霸嘛灐焙汀皥A月”是人們提到“中秋節(jié)”這個(gè)概念時(shí)出現(xiàn)頻率最高的“代表物”，即“中秋節(jié)”概念范疇中的“原型”。如果我們選擇“玉兔”作為代表物，而“玉兔”只是“中秋節(jié)”概念范疇的“邊緣成員”，也就是在人們提到“中秋節(jié)”這個(gè)概念時(shí)它出現(xiàn)的頻率較“月餅”和“圓月”低，將它作為“中秋節(jié)”相關(guān)的App圖標(biāo)代表物顯然不如“月餅”和“圓月”恰當(dāng)。

2、“相似性推理”的應(yīng)用

原型理論中，范疇是由該范疇成員之間的相似性決定的。當(dāng)呈現(xiàn)新的成員時(shí)，根據(jù)范疇特征匹配可以估算出它與原型的相似性。在進(jìn)行APP圖標(biāo)的設(shè)計(jì)中，“相似性推理”主要用于一族APP圖標(biāo)設(shè)計(jì)的一致性和某一個(gè)APP圖標(biāo)代表物的組合設(shè)計(jì)上。

（1）一族APP圖標(biāo)設(shè)計(jì)的一致性。在設(shè)計(jì)一族APP圖標(biāo)時(shí)，首先要考慮到的是應(yīng)該有利于培養(yǎng)用戶的使用習(xí)慣。作為用戶，他們也是希望盡可能快地進(jìn)入潛意識(shí)習(xí)慣，將注意力集中在自己所要做的事情上。因此設(shè)計(jì)智能手機(jī)、平板電腦的一族APP圖標(biāo)時(shí)，要注意保持形式上的一致性。比如，設(shè)計(jì)開機(jī)界面的一族APP圖標(biāo)，雖然它們代表的App不同，但是它們的尺寸和設(shè)計(jì)風(fēng)格都應(yīng)該保持一致性，而且內(nèi)容相近的App圖標(biāo)應(yīng)該排列在一起。顯然，這種一致性的設(shè)計(jì)正是原型理論中范疇成員之間“相似性推理”的應(yīng)用，它能幫助用戶很快進(jìn)入潛意識(shí)習(xí)慣，方便用戶使用。

（2）某一個(gè)APP圖標(biāo)代表物的組合設(shè)計(jì)。有時(shí)我們進(jìn)行某一個(gè)APP圖標(biāo)代表物的組合設(shè)計(jì)，也需要應(yīng)用“原型理論中范疇成員之間的相似性”。比如我們設(shè)計(jì)一個(gè)“天氣預(yù)報(bào)”App的圖標(biāo)，可以使用“一朵云彩”為代表物，但是總覺得僅用它來表現(xiàn)“天氣預(yù)報(bào)”這個(gè)概念，其力度還是有所欠缺，因此需要再找一個(gè)代表物與其組合。根據(jù)“原型理論中范疇成員之間相似性”，我們可以在“天氣預(yù)報(bào)”這個(gè)概念的范疇里去找其它成員，比如找“20℃”這樣的字圖案與“一朵云彩”圖案進(jìn)行組合。于是一個(gè)比較完美的“天氣預(yù)報(bào)”App圖標(biāo)代表物的組合設(shè)計(jì)就出來了。這也就是說，由于“范疇成員之間存在相似性”，將范疇內(nèi)的成員進(jìn)行組合，提高概念的表現(xiàn)力度。

3、“屬性的后天習(xí)得”的應(yīng)用

經(jīng)典范疇理論認(rèn)為：范疇的邊界是明確的，范疇具有閉合性。范疇內(nèi)所有成員地位相等。特征（屬性）具有先天性。而原型范疇理論認(rèn)為：范疇的邊界是不明確的，范疇具有開放性。范疇成員之間的地位是不相等的，具有家族相似性。原型樣本的屬性是后天習(xí)得的。

顯然，對(duì)于普通大眾來講，對(duì)于許多概念范疇的認(rèn)知都是遵循“原型理論”關(guān)于“源自生活經(jīng)驗(yàn)”、“與原型相似匹配”這樣的認(rèn)知分類規(guī)律進(jìn)行的。只有專業(yè)人士才有可能對(duì)其本專業(yè)有“經(jīng)典范疇理論”的分類能力。所以，進(jìn)行APP圖標(biāo)設(shè)計(jì)時(shí)，遵循“原型理論”的“原型樣本的屬性是后天習(xí)得的”性質(zhì)，應(yīng)該是更貼近普通大眾的認(rèn)知習(xí)慣，按此規(guī)律設(shè)計(jì)的APP圖標(biāo)才會(huì)得到更廣泛的認(rèn)可。

三、結(jié)語

隨著互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展以及智能手機(jī)的普及，人們的各種消費(fèi)（購物、繳費(fèi)、訂票、學(xué)習(xí)、參與活動(dòng)等）都可以全天候的通過智能手機(jī)、平板電腦的App進(jìn)行。App圖標(biāo)是實(shí)現(xiàn)人機(jī)交互的第一個(gè)入口，App圖標(biāo)設(shè)計(jì)的成敗直接關(guān)系著相應(yīng)的應(yīng)用程序是否能得到較好的傳播和推廣。本文所論述的將認(rèn)知科學(xué)中“原型理論”關(guān)于概念范疇的“突顯性”、“相似性推理”、“屬性的后天習(xí)得”原理應(yīng)用于App圖標(biāo)的設(shè)計(jì)之中，也是我們經(jīng)過多年大量反復(fù)的實(shí)驗(yàn)之后得出的經(jīng)驗(yàn)總結(jié)，它們無疑會(huì)對(duì)App圖標(biāo)設(shè)計(jì)者有較強(qiáng)的理論指導(dǎo)意義和實(shí)用價(jià)值。隨著科技的進(jìn)步和社會(huì)的發(fā)展，App圖標(biāo)設(shè)計(jì)也應(yīng)與時(shí)俱進(jìn)不斷改進(jìn)，這樣才能更好地促進(jìn)相應(yīng)的App廣泛的傳播和推廣。

【參考文獻(xiàn)】

[1] 楊夢園.App廣告的互動(dòng)設(shè)計(jì)研究[D].浙江理工大學(xué)，2014.

[2] 高鵬，楊正.論UI設(shè)計(jì)中的扁平化與擬物化[J].美術(shù)教育研究，2014（10）60.

[3] 馮奇輝.UI設(shè)計(jì)理念變革探索研究[D].東北師范大學(xué)，2014.

[4] 梁曉波，李勇忠.原型理論對(duì)外語教學(xué)的啟示[J].外語教學(xué)，2006（4）67-73.

[5] 史厚敏.原型理論的認(rèn)知機(jī)制[J].湖南文理學(xué)院學(xué)報(bào)（社會(huì)科學(xué)版），2006（01）132-135.

【作者簡介】

王曉迎（1963-）女，西安思源學(xué)院副教授，研究方向：設(shè)計(jì)藝術(shù)學(xué).

王 浩（1979-）男，西安思源學(xué)院工程師，研究方向：UI設(shè)計(jì).

孔陶茹（1977-）女，西安思源學(xué)院講師，研究方向：UI設(shè)計(jì).