致APP圖標(biāo)設(shè)計(jì)師：不要再隨便采用白色背景了

我解鎖了手機(jī)，發(fā)現(xiàn)我常用的一個(gè)APP昨晚已經(jīng)自動(dòng)更新了。然而讓我無語凝噎的是，又是一個(gè)120x120像素的白色圓角矩形圖標(biāo)，中間稍微帶了一丁點(diǎn)色彩——可能是誰把這圖標(biāo)咬了一口吧。

幾天前，我周游倫敦、拉斯維加斯、佛羅倫薩以及阿姆斯特丹這幾個(gè)城市，去參加一個(gè)名為“如何設(shè)計(jì)APP圖標(biāo)”的宣講。我跟很多人談到了關(guān)于圖標(biāo)的問題；其中一個(gè)反復(fù)涉及到的主題（后來我把它列入到巡講中）是：越來越多的APP圖標(biāo)開始使用白色背景。這促使我在推特上發(fā)了這么一條狀態(tài)：

（我們需要開個(gè)會(huì)專門談?wù)劙咨腁PP圖標(biāo)?。?/p>

倒不是怕別人把我當(dāng)成一個(gè)脾氣暴躁的老男人，實(shí)在是因?yàn)橄嚓P(guān)問題已經(jīng)得到了一些人的共鳴，而且我覺得把問題撂在這里并不好——所以，讓我們來聊聊白色應(yīng)用圖標(biāo)的問題。

到底發(fā)生了什么？

我們的手機(jī)交互界面正在被由APP圖標(biāo)形成的白色風(fēng)潮 “洗刷”著；而且有越來越多來自全世界的設(shè)計(jì)者們構(gòu)造圖標(biāo)時(shí)都在選擇白色背景。

造成這種情況的原因有很多；但最起初顯然是因?yàn)閕OS7對于交互界面扁平化和APP圖標(biāo)簡單化的引領(lǐng)和推動(dòng)作用。由蘋果公司設(shè)計(jì)的最重要的一批預(yù)裝應(yīng)用中，有相當(dāng)一部分是擁有白色背景的。換句話說：當(dāng)你在瀏覽網(wǎng)頁、查看照片、聆聽音樂或者查看自己的健康狀況的時(shí)候，你可能都在點(diǎn)擊白色的APP圖標(biāo)。

在UI設(shè)計(jì)思想方面的全面變化，已經(jīng)被很多人提起并討論過；而且坦白地說，也沒有什么意思。然而，在APP圖標(biāo)設(shè)計(jì)趨向干凈和簡單的背后，卻有一個(gè)非常有趣的動(dòng)因：想要在畫布上留白的意愿。

白色有什么問題？

白色沒有任何問題。實(shí)際上，我自己也設(shè)計(jì)了一些白色APP圖標(biāo)；而且只要效果不錯(cuò)，我也會(huì)很喜歡。那么，真正的問題在于單調(diào)和平庸。

先說前者。一個(gè)圖標(biāo)代表一個(gè)產(chǎn)品；每一次用戶在使用產(chǎn)品時(shí)，都會(huì)看到圖標(biāo)。因此，對于一個(gè)APP圖標(biāo)來說，成功的法則很大一部分在于它能挺立而出并清楚地表達(dá)出產(chǎn)品的內(nèi)涵。APP圖標(biāo)是你在用戶那里塑造產(chǎn)品形象時(shí)可以采用的最有效的方式。所以不稀奇的是：當(dāng)上述風(fēng)潮襲來，每一個(gè)看起來很像的圖標(biāo)都在面臨著個(gè)性方面的危機(jī)。在圖標(biāo)設(shè)計(jì)中，多樣性的缺乏會(huì)傷害用戶體驗(yàn)，并且會(huì)攪亂產(chǎn)品在用戶心中的形象。如果你把你的圖標(biāo)弄得和其他圖標(biāo)太像，那么你會(huì)從根本上減弱你和用戶之間的關(guān)系。而當(dāng)選擇白色作為你的APP圖標(biāo)主色調(diào)時(shí)，也就意味著你幾乎不會(huì)在畫板上選擇別的顏色；因此，也就潛在性地限制了其他顏色的像素?cái)?shù)量；而它們才是能夠成就個(gè)性的。

再說后面這個(gè)。在APP圖標(biāo)中，簡單化、印刷風(fēng)格的設(shè)計(jì)風(fēng)靡一時(shí)；關(guān)于這個(gè)話題，有很多東西要說。一方面，它會(huì)讓設(shè)計(jì)變得更加底氣；人們不需要掌握多少構(gòu)造和光影方面的基本知識(shí)就可以設(shè)計(jì)出一個(gè)非常迷人的圖標(biāo)，而且能夠與整個(gè)平臺(tái)相協(xié)調(diào)。另一方面，它也打開了圖標(biāo)設(shè)計(jì)平庸化的閘門。每一個(gè)人——只要他擁有一個(gè)Photoshop和10分鐘的空余時(shí)間——都能夠弄出一個(gè)以APP圖標(biāo)的名義過關(guān)的東西。有些東西只是看起來簡單，但并不意味著它真的很簡單。事實(shí)上，很多圖標(biāo)設(shè)計(jì)師都知道，在有一定限制的條件下，要想把一個(gè)東西呈現(xiàn)得簡約，常常要花費(fèi)更多精力。也許趨勢會(huì)改變，但不變的是人們在創(chuàng)造平衡、直白、美觀的事物時(shí)所付出的努力。這一點(diǎn)并不是針對APP圖標(biāo)，而是我發(fā)現(xiàn)白色的APP圖標(biāo)非常典型地違反了這一點(diǎn)，而且開始走向平庸。至于色彩方面的缺失，設(shè)計(jì)師們難辭其咎：他們對于畫板或者網(wǎng)格上內(nèi)容的整體性要么是不在乎、要么是不考慮。

做有意義的決定

總結(jié)一下吧。無論如何，你可以設(shè)計(jì)白色APP圖標(biāo)，但是請考慮一下你在設(shè)計(jì)上的選擇究竟是促進(jìn)還是傷害你的個(gè)性以及你與用戶之間的關(guān)聯(lián)。要做出一些把影響力最大化的決定，而不是僅僅依照表面的美觀；別人這么做可能僅僅是因?yàn)樗菀?。對你而言，如果你真的要采用一個(gè)干凈的白色背景，那么最好是因?yàn)樗鼘δ愕漠a(chǎn)品有意義，而且一定要付出足夠的心思讓它顯得更好。

文章系@產(chǎn)品美學(xué) 編譯自Medium，點(diǎn)擊此處查看原文。轉(zhuǎn)載請注明原作者及來源。掃描下方二維碼關(guān)注“產(chǎn)品美學(xué)”者公眾號(hào)。

生成海報(bào)

免責(zé)聲明：本網(wǎng)站內(nèi)容主要來自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿，凡在本網(wǎng)站出現(xiàn)的信息，均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性，但不保證有關(guān)資料的準(zhǔn)確性及可靠性，讀者在使用前請進(jìn)一步核實(shí)，并對任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對有關(guān)資料所引致的錯(cuò)誤、不確或遺漏，概不負(fù)任何法律責(zé)任。任何單位或個(gè)人認(rèn)為本網(wǎng)站中的網(wǎng)頁或鏈接內(nèi)容可能涉嫌侵犯其知識(shí)產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí)，應(yīng)及時(shí)向本網(wǎng)站提出書面權(quán)利通知或不實(shí)情況說明，并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后，將會(huì)依法盡快聯(lián)系相關(guān)文章源頭核實(shí)，溝通刪除相關(guān)內(nèi)容或斷開相關(guān)鏈接。