關(guān)于APP圖標(biāo)設(shè)計的一些教程和干貨，25學(xué)堂已經(jīng)分享了很多。比如：

1、APP設(shè)計小技巧：教你一個設(shè)計統(tǒng)一圖標(biāo)大小的方法

2、APP設(shè)計視頻教程：APP啟動圖標(biāo)設(shè)計的四個步驟

3、教你使用PS路徑繪制APP線性圖標(biāo)教程

4、在線生成自定義APP圖標(biāo)字體利器：IconVault

5、什么樣的icon圖標(biāo)才算是好的APP圖標(biāo)設(shè)計呢

下面這種最常見的APP分類圖標(biāo)設(shè)計案例：

今天，25學(xué)堂的小編跟大家分享一個APP圖標(biāo)設(shè)計小技巧：如何構(gòu)想出最簡單的圖標(biāo)組合。

當(dāng)然，如果你如果有自己一套快速構(gòu)建icon圖標(biāo)的方法，也可以跟我們分享哦~

UI設(shè)計師都明白，圖標(biāo)越小，需要展示的詳細(xì)細(xì)節(jié)就越少，對設(shè)計師的能力要求也較高。

相對于較大的圖標(biāo)而言，64px 的圖標(biāo)設(shè)計應(yīng)該減少一些不必要的細(xì)節(jié)，以此來提升圖標(biāo)的識別度，但是你需要非常小心的去掉那些不必要的元素，以免過多的簡化，造成了整體的不可識別。

第一個小技巧：使用最簡單的圖形

簡單的形狀可以組合成復(fù)雜的圖標(biāo)。你只需要從不同的角度去觀察他們。將注意力放在每一個圖標(biāo)是如何通過簡單元素組合而成的。

比如下圖所示：

以上這些APP icon風(fēng)格屬于：霓虹燈風(fēng)格的線性圖標(biāo)設(shè)計。

還有一種純色的線性風(fēng)格。比如我們在阿里巴巴矢量圖標(biāo)庫下載的所有圖標(biāo)大部分都是這種純色的。

如下圖：

所謂的icon 圖標(biāo)， ?不是對照片和實物的重繪，它們帶有特定的信息，所以你的工作是將這些信息通過圖標(biāo)的形式清晰的表達(dá)出來，圖標(biāo)是將復(fù)雜的信息通過小的象形圖案展現(xiàn)出來。

也是APP ui設(shè)計師將抽象的實物轉(zhuǎn)換成可識別性的圖標(biāo)。

當(dāng)然，作為初學(xué)者，初次學(xué)習(xí)設(shè)計Icon圖標(biāo)的時候，如何通過簡單的形狀去表達(dá)復(fù)雜的含義是一件比較困難的事情，但是只有不斷的實踐才是提升的關(guān)鍵。

比如下面2個案例可以幫助大家打開設(shè)計icon 圖標(biāo)設(shè)計的思維。

心形 ?圖案的 icon 線性圖標(biāo)繪制方法

眼睛 ?圖案的 icon 線性圖標(biāo)繪制方法

地理定位 ? 圖案的 icon 面型扁平圖標(biāo)繪制方法

看完這三個圖案化的 icon 繪制方法，有沒有覺得其實icon的設(shè)計沒想象中的復(fù)雜和苦難呢？

看完，其實你也可以設(shè)計出來，也可以舉一反三的去設(shè)計別的icon 圖標(biāo)。

請大家記住下面的icon圖標(biāo)設(shè)計的知識點(diǎn)：

所以，關(guān)注對象所有的主要功能，劃分層級，突出顯示圖標(biāo)的關(guān)鍵元素是至關(guān)重要的。

少即是多，圖標(biāo)并不應(yīng)該過度設(shè)計。他們必須盡可能簡單地傳遞正確信息。如果你能發(fā)現(xiàn)一些可以刪除的不必要元素，使它看起來更簡單，更加易于識別，請大膽的做吧。

第二個繪制icon 圖標(biāo)設(shè)計小技巧：手繪草圖

這也是最能提高設(shè)計師圖形表達(dá)力的更高效的方式。不信，你可以去試試。

使用最簡單的圖形繪制圖標(biāo)。你可以更加直觀方便的得到反饋和做出修改。所以嘗試使用幾何形狀去構(gòu)建圖標(biāo)，并且通過觀察別人的圖標(biāo)作品是如何做到的。

感興趣的同學(xué)可以圍觀追波網(wǎng)知名國外UI設(shè)計師?Paulius Kairevic?ius?的作品，基本幾何形狀的組合設(shè)計，或許會給你的圖標(biāo)設(shè)計帶來很大啟發(fā)。

值得大家看的是6步制作一個精美圖標(biāo)。下期，25學(xué)堂繼續(xù)跟大家分享最實用的的APP設(shè)計干貨。其實logo設(shè)計的方法也是這樣。

希望大家在APP設(shè)計道路上有所進(jìn)步。加油~ ?各位小伙伴們。