1.注意網(wǎng)格

數(shù)字設(shè)計(jì)中的許多內(nèi)容都由網(wǎng)格控制。圖標(biāo)沒有什么不同。在設(shè)計(jì)圖標(biāo)時(shí)，您需要密切注意像素網(wǎng)格以及圖標(biāo)如何適應(yīng)像素網(wǎng)格。

確保圖標(biāo)緊貼像素網(wǎng)格的最簡(jiǎn)單方法是堅(jiān)持整數(shù)。不惜一切代價(jià)避免小數(shù)點(diǎn)-這些家伙產(chǎn)生模糊的邊緣。讓我們看一下實(shí)際情況。

在下面，我繪制了一個(gè)簡(jiǎn)單的房屋圖標(biāo)，并打開了像素網(wǎng)格。在左側(cè)，您會(huì)看到一個(gè)圖標(biāo)，該圖標(biāo)由完全適合像素網(wǎng)格的筆觸組成。在右側(cè)，筆觸略有下降。您可以通過查看組成像素網(wǎng)格的線來分辨它們-它們一直貫穿到筆畫。

2.先環(huán)顧四周

想要設(shè)計(jì)一個(gè)嶄新的，瘋狂的新穎圖標(biāo)或布景是很誘人的。畢竟，我們是創(chuàng)意人！但是，我們有希望遵守的標(biāo)準(zhǔn)。我們已經(jīng)熟悉了表示標(biāo)準(zhǔn)功能的特定圖標(biāo)。

考慮一下我們隨處可見的小放大鏡，上面寫著“搜索”。放大鏡并不是唯一可以說“搜索”的項(xiàng)目。但是，我們使用它們的頻率很高，以至于它們現(xiàn)在已成為標(biāo)準(zhǔn)的搜索圖標(biāo)。使用不同的圖標(biāo)要求用戶學(xué)習(xí)新知識(shí)，從而使它們變慢。這不利于流暢的用戶體驗(yàn)！

在設(shè)計(jì)圖標(biāo)之前，請(qǐng)環(huán)顧四周以找出工作時(shí)可能需要記住的所有標(biāo)準(zhǔn)。這是否意味著沒有創(chuàng)造自由的空間？幸運(yùn)的是，事實(shí)并非如此！如果該圖標(biāo)不代表受標(biāo)準(zhǔn)約束的功能，那么我們可以讓我們的創(chuàng)意源源不斷。如果是這樣，我們?nèi)匀豢梢再x予它創(chuàng)造性的轉(zhuǎn)折。只要仍然能夠立即識(shí)別圖標(biāo)及其功能，就可以添加自己的設(shè)計(jì)才能！

3.不要抓狂細(xì)節(jié)

我們經(jīng)常在很小的地方拍圖標(biāo)，例如iPhone上的標(biāo)簽欄。隨著事情變小，太多的細(xì)節(jié)開始丟失。

在設(shè)計(jì)時(shí)，要對(duì)選擇要包括的細(xì)節(jié)種類采取策略。松開小零件，并確保即使小尺寸圖標(biāo)也能清晰閱讀。

4.保持一致

當(dāng)我們?cè)O(shè)計(jì)一組圖標(biāo)時(shí)，它們應(yīng)該像一個(gè)家庭。它們看起來不盡相同，但具有相似的視覺屬性，使它們感覺相關(guān)。

在設(shè)計(jì)時(shí)，請(qǐng)做出一致的樣式選擇。例如，如果您使用了圓角并以一個(gè)圖標(biāo)結(jié)束，則請(qǐng)確保其余所有都使用了圓角。樣式，大小和詳細(xì)程度都應(yīng)保持一致。這有助于形成連貫的視覺語言，這是品牌塑造的關(guān)鍵部分！

5.留意差距

注意一些細(xì)節(jié)或元素之間的距離太近。如果尺寸較小，則未仔細(xì)隔開的物品可能難以閱讀，并開始失去意義。

6.測(cè)試你的工作

確保您的圖標(biāo)與用戶清晰，快速地通信的最佳方法是對(duì)其進(jìn)行測(cè)試。設(shè)計(jì)完圖標(biāo)后，最好進(jìn)行快速測(cè)試。

向朋友或團(tuán)隊(duì)中的其他人顯示您的圖標(biāo)。讓他們告訴您，當(dāng)他們看到他們時(shí)想到的第一件事。如果它與您要交流的內(nèi)容保持一致，那么您的狀態(tài)就很好！

7.建立簡(jiǎn)單的形狀

一切都可以分解為基本形狀。還記得我們上面的房屋圖標(biāo)嗎？我們?cè)O(shè)計(jì)了兩個(gè)矩形和一個(gè)三角形。

定義完圖標(biāo)后，請(qǐng)嘗試將其分解為簡(jiǎn)單的形狀。這是開始構(gòu)建和簡(jiǎn)化圖標(biāo)的最佳方法。