馮韓

摘要：蘋果公司的iOS、微軟的Windows Phone以及谷歌的Android做為當(dāng)今主流的三大操作系統(tǒng)，在其風(fēng)格迥然的界面設(shè)計(jì)中，也包括圖標(biāo)設(shè)計(jì)風(fēng)格的不同。文章分別從設(shè)計(jì)風(fēng)格和易用性兩個(gè)角度對(duì)比分析了當(dāng)今主流的三大操作系統(tǒng)的圖標(biāo)設(shè)計(jì)，總結(jié)了各自的風(fēng)格特點(diǎn)以及易用性層面各自的優(yōu)缺點(diǎn)。圖標(biāo)設(shè)計(jì)在追求某種特定風(fēng)格的同時(shí)應(yīng)把信息的傳達(dá)以及易用性作為設(shè)計(jì)原則。

關(guān)鍵詞：iOS；Windows10 mobile；Smartisan OS；易用性；扁平化；擬物化；

圖標(biāo)設(shè)計(jì)

檢索：www.artdesign.org.cn

中圖分類號(hào)：J0 文獻(xiàn)標(biāo)志碼：A 文章編號(hào)：1008-2832（2016）04-0044-03

一、操作系統(tǒng)簡(jiǎn)介及對(duì)比版本介紹

首先，iOS是由蘋果公司開發(fā)的移動(dòng)操作系統(tǒng)。蘋果公司最早于2007年1月9日的Macworld大會(huì)上發(fā)布，最初是設(shè)計(jì)給iPhone使用的，后來陸續(xù)套用到iPod touch、iPad以及Apple TV等產(chǎn)品上。

其次，Windows Phone（簡(jiǎn)稱WP）是微軟于2010年10月21日正式發(fā)布的一款手機(jī)操作系統(tǒng)?；赪indows CE內(nèi)核，采用了一種稱為Metro的用戶界面（UI），并將微軟旗下的Xbox Live游戲、Xbox Music音樂與獨(dú)特的視頻體驗(yàn)集成至手機(jī)中。

最后，Android是Google公司于2007年11月5日宣布的基于Linux平臺(tái)的開源手機(jī)操作系統(tǒng)。由于Android是開源手機(jī)操作系統(tǒng)，允許其他廠商免費(fèi)使用，所以終端廠商可以在其基礎(chǔ)上做一些修改來達(dá)到自身的一些目的。根據(jù)對(duì)操作系統(tǒng)修改的程度，可以分為一般的定制和深度定制。不論一般定制還是深度定制，只要兼容原生Android原生應(yīng)用，通常我們稱都稱這類操作系統(tǒng)為Android系統(tǒng)。

根據(jù)NetMarketShare最新的數(shù)據(jù)顯示：Android市場(chǎng)份額位列第一，達(dá)到了53.54%，而iOS緊隨其后，市場(chǎng)份額有38.58%，第三大手機(jī)系統(tǒng)則是windows Phone，雖然市占率只有2.48%，但發(fā)展?jié)摿Σ蝗菪∮U。

本文將分別選取iOS 9 2、Windows 10 mobile和Smartisan OS 2.5這三個(gè)操作系統(tǒng)對(duì)其圖標(biāo)設(shè)計(jì)進(jìn)行對(duì)比分析。iOS 9.2、Windows 10 mobile分別是蘋果公司和微軟公司到目前為止發(fā)布的最新手機(jī)操作系統(tǒng)，而在Android陣營(yíng)中選取Smartisan OS 5.2的理由是：—方面Smartisan OS是基于Android深度定制的操作系統(tǒng)，另一方面Smartisan OS以其出色的界面設(shè)計(jì)獲得了國(guó)際上的廣泛認(rèn)可，其中包括iF設(shè)計(jì)大獎(jiǎng)金獎(jiǎng)?？傊甋martisan OS更能擔(dān)當(dāng)Android開源模式下深度定制的典范。

二、圖標(biāo)設(shè)計(jì)的整體風(fēng)格對(duì)比

（一）扁平化圖標(biāo)設(shè)計(jì)的代表iOS 9.2

2013年9月11日，回歸極簡(jiǎn)風(fēng)格設(shè)計(jì)的iOS 7.0一經(jīng)面世便引來社會(huì)大眾的高度關(guān)注，瞬間“扁平化設(shè)計(jì)”這個(gè)敏感的詞匯被推到了風(fēng)口浪尖，扁平化風(fēng)格作為設(shè)計(jì)潮流以不可抵擋之勢(shì)在界面設(shè)計(jì)領(lǐng)域蔓延開來。蘋果將這種風(fēng)格一直延續(xù)到今天的i0S 9.2。

扁平化作為一種設(shè)計(jì)風(fēng)格是在智能手機(jī)高速普及，同時(shí)擬物化設(shè)計(jì)風(fēng)格被普遍應(yīng)用的情況下出現(xiàn)的，這樣的設(shè)計(jì)風(fēng)格無疑在一定程度上解決了人們對(duì)擬物化設(shè)計(jì)的審美疲勞。

扁平化設(shè)計(jì)追求簡(jiǎn)約，通常采用鮮艷明亮的單色色塊，結(jié)合iOS圖標(biāo)一貫的圓角矩形輪廓，給人一種光滑、整潔、華麗以及充滿現(xiàn)代感的全新體驗(yàn)。（圖1）

（二）Windows 10 mobile的極簡(jiǎn)單色圖標(biāo)

Windows 10 mobile的界面設(shè)計(jì)風(fēng)格無疑是三大操作系統(tǒng)中最具特色的。Windows 10 mobile使用簡(jiǎn)單的特效，或者無特效來創(chuàng)建的設(shè)計(jì)方案，它不包含三維屬性，諸如投影、斜面、浮雕、漸變等特效都不會(huì)在設(shè)計(jì)中使用。首先系統(tǒng)自帶應(yīng)用全部都以單色圖形呈現(xiàn)，其次對(duì)部分常用第三方應(yīng)用圖標(biāo)微軟也推出了相應(yīng)的單色圖形圖標(biāo)。同時(shí)大量的第三方應(yīng)用則以原本的彩色形式呈現(xiàn)。這樣的圖標(biāo)呈現(xiàn)方式在其獨(dú)特性的背后隱藏著不可忽視的問題，即單色的圖標(biāo)與彩色的圖標(biāo)同時(shí)存在，由于缺乏整體規(guī)范性以及統(tǒng)一性在視覺上給人一種雜亂無章的體驗(yàn)。（圖2）

關(guān)于圖標(biāo)風(fēng)格的一致性，由于Windows 10 mobile主要采取極簡(jiǎn)的單色圖標(biāo)設(shè)計(jì)風(fēng)格，這樣在保持圖標(biāo)整體風(fēng)格的一致性方面就面臨著巨大的難題。雖然微軟可以把部分相對(duì)常用的應(yīng)用簡(jiǎn)化為單色應(yīng)用，但是對(duì)于一些第三方應(yīng)用圖標(biāo)來說，由于原本圖標(biāo)是由多重色彩繪制而成，同時(shí)結(jié)構(gòu)復(fù)雜，以至于無法簡(jiǎn)化為單色圖標(biāo)（圖3）。除非重新繪制全新的單色圖標(biāo)，這樣一來，圖標(biāo)原有的含義以及應(yīng)用的換平臺(tái)可識(shí)別性就會(huì)受到嚴(yán)重影響。所以結(jié)果就是Windows 10 mobile無法保持圖標(biāo)設(shè)計(jì)風(fēng)格的一致性。

（三）擬物化圖標(biāo)設(shè)計(jì)的典范Smartisan OS 2.5

在數(shù)字界面領(lǐng)域里，擬物化設(shè)計(jì)起源于圖形界面（GUI）的視覺隱喻（Visual Metaphor）。往往指幾面設(shè)計(jì)模仿現(xiàn)實(shí)物質(zhì)世界中的事物，以使其外觀讓人感覺熟悉和親切。

Smartisan OS的圖標(biāo)設(shè)計(jì)屬于典型的擬物化設(shè)計(jì)，即通過模擬現(xiàn)實(shí)世界的物質(zhì)的形態(tài)與質(zhì)感，加上陰影、材質(zhì)紋理等信息，最大化的將真實(shí)世界反應(yīng)在圖標(biāo)設(shè)計(jì)中。

由于近年來，產(chǎn)生了許多過分強(qiáng)調(diào)細(xì)節(jié)而違背交互設(shè)計(jì)要求的擬物化產(chǎn)品，使大眾對(duì)擬物化產(chǎn)生了一定的誤解，覺得擬物化風(fēng)格便是繁瑣、立體的，甚至認(rèn)為擬物化一定會(huì)被扁平化的設(shè)計(jì)風(fēng)格所取代。但擬物作為一種設(shè)計(jì)風(fēng)格，使用與否應(yīng)該由產(chǎn)品、環(huán)境以及用戶需求決定，而非一味否定。

單從設(shè)計(jì)風(fēng)格來講，同樣是擬物化設(shè)計(jì)的圖標(biāo)，根據(jù)設(shè)計(jì)師水準(zhǔn)的高下，結(jié)果也會(huì)呈現(xiàn)好壞之分。但總的來說，由于Smartisan OS的擬物化圖標(biāo)設(shè)計(jì)還原了現(xiàn)實(shí)世界的物質(zhì)形態(tài)，細(xì)膩的、精心設(shè)計(jì)的圖標(biāo)總會(huì)讓用戶感到熟悉、親切甚至?xí)幸欢ǖ娜の缎?。（圖4）

由于當(dāng)今主流的圖標(biāo)設(shè)計(jì)風(fēng)格是扁平化，那么如何確保系統(tǒng)中眾多的第三方應(yīng)用的圖標(biāo)能夠統(tǒng)一為擬物化設(shè)計(jì)風(fēng)格呢？Smartisan OS的解決辦法是：由設(shè)計(jì)師專門為特定的應(yīng)用繪制擬物化風(fēng)格的圖標(biāo)，在保證常用應(yīng)用圖標(biāo)一致為擬物化風(fēng)格的基礎(chǔ)上，對(duì)小眾應(yīng)用SmartisanOS中提供了一批普適性圖標(biāo)，以替換第三方應(yīng)用的原廠圖標(biāo)，從而確保Smartisan OS圖標(biāo)風(fēng)格的一致性。這些擬物化的普適性圖標(biāo)包括游戲、金融理財(cái)、鈴聲壁紙、社交通訊、學(xué)習(xí)教育、書刊閱讀、生活實(shí)用、兒童母嬰、系統(tǒng)工具、商務(wù)辦公、交通出行、影音圖像以及其他等13個(gè)類別，每個(gè)類別中都有一定數(shù)量的喜歡圖標(biāo)可供選擇。這樣，Smartisan OS圖標(biāo)設(shè)計(jì)風(fēng)格的一致性就得到了基本保證。（圖5）

三、從易用性角度對(duì)比

（一）iOS 9.2扁平化圖標(biāo)的弊端

1圖標(biāo)的抽象表達(dá)必然會(huì)舍去一定的信息，而圖標(biāo)信息量減少，用戶的識(shí)別成本便會(huì)增加。用戶不是天生就會(huì)使用手機(jī)，圖標(biāo)識(shí)別成本的增加，有時(shí)會(huì)變成用戶體驗(yàn)質(zhì)量的下降。尤其對(duì)于某些特定的群體。例如在商務(wù)人士重視效率的前提下，不得不花額外的時(shí)間來理解與記憶一個(gè)陌生的圖標(biāo)時(shí)，這會(huì)讓他們感到一定的繁瑣。而高齡群體試圖去理解一個(gè)抽象圖標(biāo)的含義時(shí)又會(huì)遇到一定的障礙。

比如同樣的相冊(cè)應(yīng)用，iOS 9.2中經(jīng)扁平化設(shè)計(jì)、抽象處理后的相冊(cè)應(yīng)用圖標(biāo)與Smartisan OS 2.5中擬物化設(shè)計(jì)、真實(shí)的還原相片堆疊時(shí)形態(tài)的相冊(cè)應(yīng)用圖標(biāo)相比，顯然后者更容易被識(shí)別。（圖6）

2扁平化的布局淡化了按鈕圖標(biāo)的邊界與布局，用戶不確定點(diǎn)按的范圍，即便點(diǎn)對(duì)了，也不會(huì)形成明確的反饋，這樣用戶在使用的過程中就缺失了一定的類似“手機(jī)在我的掌控之中”的踏實(shí)感。

（二）Windows 10 mobile單色圖標(biāo)存在的易用性問題

1單色的圖標(biāo)已然在很大程度上削減了圖標(biāo)的信息量，這樣信息量的極度減少，必然導(dǎo)致識(shí)別成本的急劇增加。甚至導(dǎo)致出現(xiàn)圖標(biāo)存在意義的缺失：人們不再通過圖標(biāo)，而是通過圖標(biāo)旁邊的圖標(biāo)名稱來識(shí)別特定應(yīng)用。在Windows 10 mobile中，一些圖標(biāo)為了追求極致的簡(jiǎn)約，導(dǎo)致的結(jié)果是圖標(biāo)過于抽象，以至于用戶很難將之與應(yīng)用內(nèi)容建立聯(lián)系。（圖7）

2.從人類的生理角度來講，人們習(xí)慣通過顏色來尋找東西，正如圖書館的一些書籍會(huì)按顏色分類排放，再比如在印度的一些學(xué)校外面，學(xué)生按照顏色排列脫下的鞋，以便之后能夠通過顏色快速的找到。在這樣的前提下，如果用戶想根據(jù)圖標(biāo)的顏色來快速的找到特定應(yīng)用的話，單色的圖標(biāo)設(shè)計(jì)就喪失了提供便利的可能。比如我們想到微信的時(shí)候，腦海里會(huì)呈現(xiàn)一個(gè)綠色的圖標(biāo)，想到淘寶的時(shí)候腦海里呈現(xiàn)的是一個(gè)橘黃色的圖標(biāo)，而這些顏色特征在Windows 10 mobile中全部被抹去，取而代之的是一律呈現(xiàn)白色。這樣的圖標(biāo)設(shè)計(jì)意味著每一個(gè)圖標(biāo)的“個(gè)性”的消失，接下來便是用戶尋找圖標(biāo)的困難，最終導(dǎo)致的是易用性的降低以及體驗(yàn)的下降。（圖8）

（三）Smartisan OS擬物化圖標(biāo)設(shè)計(jì)的優(yōu)勢(shì)

Smartisan OS的擬物化風(fēng)格通過模擬現(xiàn)實(shí)世界的物質(zhì)的形態(tài)與質(zhì)感，加上陰影、材質(zhì)紋理等信息，最大化的將真實(shí)世界反應(yīng)在界面設(shè)計(jì)中。出色的擬物化設(shè)計(jì)能夠提供足夠多的有用信息來反應(yīng)應(yīng)用的內(nèi)容，提高了圖標(biāo)的可識(shí)別性，加上能夠很好的喚起用戶對(duì)于真實(shí)世界的聯(lián)想，最終用戶能夠很快的理解圖標(biāo)的含義，從而降低了學(xué)習(xí)成本和使用心理負(fù)擔(dān)。

即便第一次使用智能手機(jī)的用戶在看到Smartisan OS中經(jīng)過重新繪制的淘寶應(yīng)用的圖標(biāo)之后也能夠基本確定這個(gè)應(yīng)用是用來購(gòu)物的。購(gòu)物袋上寫一個(gè)“淘”字，結(jié)合淘寶網(wǎng)的主題色橙色，已經(jīng)傳遞給用戶足夠多的必要信息。（圖9）

四、結(jié)語(yǔ)

通過對(duì)比分析iOS 9.2、Windows 10 mobile以及smartisan OS 2.5三種操作系統(tǒng)的圖標(biāo)設(shè)計(jì)，我們可以看出，三種操作系統(tǒng)分別代表著不同設(shè)計(jì)風(fēng)格。iOS 9.2的扁平化圖標(biāo)設(shè)計(jì)意味著圖標(biāo)信息量減少，用戶的識(shí)別成本的增加以及交互體驗(yàn)質(zhì)量的下降。Windows 1 0 mobile的單色的極簡(jiǎn)化圖標(biāo)設(shè)計(jì)在信息傳遞量不足的情況下，同時(shí)存在著圖標(biāo)風(fēng)格難于統(tǒng)一的問題。

總之，操作系統(tǒng)圖標(biāo)的全局扁平化處理以及單色圖標(biāo)設(shè)計(jì)都存在著諸多不可避免的交互問題，如果拋開風(fēng)格的偏好以及審美的差異，擬物化的圖標(biāo)設(shè)計(jì)才是通向出色易用性以及良好的用戶體驗(yàn)的較好解決辦法。