圖標(biāo)｜幫你成就優(yōu)質(zhì)APP圖標(biāo)的三個關(guān)鍵點(diǎn)

2018/2/27 15:42:20來源：互聯(lián)網(wǎng)

每個APP都必要一個漂亮的圖標(biāo)，而每個設(shè)計(jì)師也都力圖讓本身APP的圖標(biāo)看起來漂亮而吸引人。為了在APP Store 和APP列表中脫穎而出，優(yōu)質(zhì)的圖標(biāo)設(shè)計(jì)是如此的讓設(shè)計(jì)師渴求。失敗的APP圖標(biāo)設(shè)計(jì)有著各不雷同的緣故原由，而成功的APP圖標(biāo)設(shè)計(jì)則有著相似的特征，這也是促成今天這篇文章的緊張緣故原由。

制作一個對用戶友愛、具備優(yōu)秀識別度的好的APP圖標(biāo)，應(yīng)該遵循什么樣的設(shè)計(jì)規(guī)則？讀下去，下面所遴選的三個最實(shí)用的規(guī)則，應(yīng)該能夠幫你在迷霧中，辟開一條道路。

1、設(shè)計(jì)一個高識別度的圖標(biāo)

首先，圖標(biāo)必要表情達(dá)意，傳達(dá)信息。一個必要讓用戶猜測的圖標(biāo)并不是一個稱職的圖標(biāo)。

對于你的APP而言，圖標(biāo)就是它的臉面，一覽無余的圖標(biāo)設(shè)計(jì)能夠讓用戶曉暢你的APP的功能與意義。當(dāng)你為你的APP設(shè)計(jì)圖標(biāo)的時候，你應(yīng)當(dāng)時刻謹(jǐn)記一件事情：圖標(biāo)是借助隱喻和聯(lián)想來同用戶溝通的，假如它的形象或者暗示的操作不能讓用戶馬上曉暢，那么這個圖標(biāo)就不具備優(yōu)秀的可用性。因此，讓你的圖標(biāo)清晰直觀是至關(guān)緊張的：

不要使用抽象的圖標(biāo)設(shè)計(jì)，由于抽象的圖標(biāo)設(shè)計(jì)很少能夠正常工作。用戶很難寄托以往的經(jīng)驗(yàn)來弄曉暢圖標(biāo)背后的含義，iOS中游戲中間的圖標(biāo)設(shè)計(jì)就是一個相稱典型的反例。這個圖標(biāo)是一組多彩、具有玻璃質(zhì)感的圓圈組成的，它看起來像氣球，大概能夠喚起部分用戶的想象，但是人們通常很難曉暢它的確切含義。

而一個安全的設(shè)計(jì)思路是使用用戶能夠一眼分辨得出來的形象，如許用戶就很容易識別了。絕大多數(shù)的用戶都能夠清晰地認(rèn)出Home的圖標(biāo)，打印和放大鏡這類圖標(biāo)就更是廣泛地為用戶所了解。所以，當(dāng)我們看到Gmail 的圖標(biāo)的時候，哪怕是新用戶，通常都能很快聯(lián)想到電子郵件。

2、盡力做到極簡

找到一個能夠捕獲應(yīng)用程序本質(zhì)的元素，并盡量以簡單的形態(tài)呈現(xiàn)出這個元素。然后，刪除這個圖標(biāo)中不需要的裝飾性的、冗余的內(nèi)容即可。

絕大多數(shù)的設(shè)計(jì)師盼望他們的APP的圖片看起來很棒，但是正像很多圖標(biāo)所共有的題目，核心的信息總是被太多的細(xì)節(jié)和冗余的裝飾所袒護(hù)，很多過度設(shè)計(jì)的細(xì)節(jié)成為了阻礙用戶獲得優(yōu)秀體驗(yàn)的視覺噪音：

盡量不要在圖標(biāo)中包含沒有需要存在的、或者指向性或者涉及交互的文句，僅在需要的時候在LOGO中包含特定的筆墨。（至少如今沒需要在圖標(biāo)中加上“Free”的字樣了吧？）

不要在APP的圖標(biāo)中包含APP的名稱，由于APP的下方已經(jīng)有筆墨名稱了。

不要在APP的圖標(biāo)中包含過度圖像細(xì)節(jié)，由于這么小的尺寸，即使是視力正常的用戶也常?？床磺迥敲葱〉募?xì)節(jié)。

不要包含照片和屏幕截圖啥的。

不要使用3D透視圖，由于3D透視和陰影在小圖標(biāo)上難于辨認(rèn)。

當(dāng)然，細(xì)節(jié)并非完全是圖標(biāo)的天敵。最緊張的事情照舊讓你的圖標(biāo)清晰而直觀，所以你必要做的更多的是平衡細(xì)節(jié)和團(tuán)體視覺：

·當(dāng)你為你的圖標(biāo)選取一個合適的形象之時，盡量選擇它最有代表性的特性，或者最常見、最具有識別度的特征來作為設(shè)計(jì)的基礎(chǔ)，其他的部分盡量略去。
·設(shè)計(jì)圖標(biāo)的時候，盡量讓它擁有視覺焦點(diǎn)，馬上捉住用戶的細(xì)致力，讓用戶記住你的APP。

以iOS的氣候APP為例，其中的太陽和云是是讓用戶馬上記住“氣候”這一特性的元素。

3、在不同的背景下測試你所設(shè)計(jì)的APP圖標(biāo)

圖標(biāo)應(yīng)當(dāng)在所處的背景下清晰可見。

設(shè)計(jì)一個易于識別且極簡的圖標(biāo)并非意味著你已經(jīng)完成設(shè)計(jì)了。正如同其他所有的UI元素一樣，完成設(shè)計(jì)之后必要對設(shè)計(jì)進(jìn)行測試和驗(yàn)證。你并不能控制用戶選擇屏幕背景，者也就意味著你必要測試不同的背景，確保你的APP 圖標(biāo)在不同的背景下都具有優(yōu)秀的識別度：

不要讓圖標(biāo)與背景融為一體。下面的股票APP在深色背景下幾乎無法識別。