馮韓

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

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

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

檢索：www.artdesign.org.cn

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

一、操作系統(tǒng)簡介及對比版本介紹

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、從易用性角度對比

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

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

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

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

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

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

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

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

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

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

四、結(jié)語

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

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