輕松設(shè)計小圖標如何一鍵生成

時間：2023-09-04 09:48:01 | 來源：網(wǎng)站運營

時間：2023-09-04 09:48:01 來源：網(wǎng)站運營

輕松設(shè)計小圖標如何一鍵生成：小圖標造型簡約而不簡單，眾所周知，小圖標顯示面積有限，為了確定能在特定情況下清晰可辨，則需要讓圖標的造型簡單、現(xiàn)代、親民。

為什么要有帶標簽一樣的圖標

來自于usertesting一家公司，進行了一系列關(guān)于是否要標簽小圖標的測試，結(jié)果發(fā)現(xiàn)：

1. 對于帶有標簽的小圖標，88%的情況下，用戶只要點擊圖標就可以準確的預測接下來會如何走向，發(fā)生什么。
2. 對于沒有帶標簽的小圖標，數(shù)據(jù)下降到60%，對于特殊復雜的就更低了，只有34%。

如何將品牌基因設(shè)計植入小圖標

以上讓我們知道了圖標重要性，在現(xiàn)如今互聯(lián)網(wǎng)產(chǎn)品中品牌的塑造、品牌的個性、品牌宣傳以及價值被愈來愈看重。作為品牌產(chǎn)品中經(jīng)常出現(xiàn)的圖標，也可以是宣傳的一部分。

當圖標與產(chǎn)品的logo相互碰撞，可以更好的增加品牌曝光率。通過圖標的特性傳達品牌的特性?？梢院芎玫脑诳蛻粜睦锼茉斐霎a(chǎn)品獨有的特點。

對品牌特征的靈活運用控制程度讓整個小圖標協(xié)調(diào)，下面舉例說明。

• 獲取特定的形狀

通過對logo活品牌的元素來獲取特定的形狀，這些形狀是固定形象的。比如圓形、三角形或是可以是logo本身。如下圖ico舉例：

• 從品牌色彩中選取顏色

這一步是最簡單直接的方法，直接選取品牌色彩作為視覺第一感官。以此來設(shè)計圖標設(shè)計。選擇顏色如下：

• 瞄準品牌特點

遵循logo或者品牌特點，從中選取一兩個最為顯著的特點，合理運用到小圖標當中。例如搜狐視頻中的圖標，是抓取logo上小狐貍的尾巴特點，又斷有層，三角為視頻播放器。整體簡潔明了，又體現(xiàn)了搜狐的風格特點。

我們說的斷層分別說明整體logo有斷開處，讓logo有清晰度，形成前后關(guān)系。這個圖片中小圖標就是根據(jù)這兩個特點設(shè)計出來的。

• 圖標的矢量性

矢量圖標格式（AI,EPS,SVG）是可以保持大小和質(zhì)量的，但是基于像素的圖標格式（JPG,PNG,PDS）不能被擴大，否則會損失圖片清晰度。

當你設(shè)計好logo確認這個作為圖標開始，你就需要確保下載下來的圖標可自由伸縮，不會改變圖標形狀與清晰度。雖然有些用于演示的圖標很有趣，但是考慮到維護和易讀性，還是會被減少使用。

所以你需要事先了解號圖標使用需求，最好是干凈簡潔的，這樣設(shè)計就快多了。

圖標不止限于手機或電腦桌面，所以在設(shè)計時也要顧及到他的大小和應(yīng)用，格式是一個重要因素，為了方便運用，矢量圖是最佳選擇。

涉及的在線工具介紹

• 1． Logaster-在線Logo生成工具

Logaster，是一個讓logo設(shè)計變簡單的在線生成器。不會設(shè)計也沒關(guān)系可以一鍵生成，輸入關(guān)鍵詞就可以，今天的演示就是用的這個在線工具，主要是免費！運用方便！

• 2． 在線格式轉(zhuǎn)換器

格式轉(zhuǎn)換器確保矢量圖可以清晰可辨不被影響。

https://convertio.co/zh/png-ico/ 可以試試這個在線轉(zhuǎn)換器，png可直接轉(zhuǎn)換成.ico格式。也有很多其他的今天用的是這款。

總結(jié)

優(yōu)秀的小圖標需要需要好的設(shè)計，在設(shè)計方面大家要尤為注意，不能讓細節(jié)打敗自己。優(yōu)秀的設(shè)計圖標要能識別率高清晰，設(shè)計簡潔大方品牌感十足。精準的把握好上面提到的，你就能簡單一鍵完成你的小圖標。