Home ? 分享 ? icon設(shè)計(jì)的12個(gè)技巧

icon設(shè)計(jì)的12個(gè)技巧

設(shè)計(jì)方法

設(shè)計(jì)工作中,有時(shí)會(huì)需要圖標(biāo),而這些圖標(biāo)不能在網(wǎng)站上上傳。例如,您找不到某種圖標(biāo),或者您的客戶要求您制作原始圖標(biāo)集。您還可以單獨(dú)進(jìn)行圖標(biāo)設(shè)計(jì)工作。圖標(biāo)設(shè)計(jì)技巧,將始終對(duì)您的設(shè)計(jì)工作有用。為此,您不應(yīng)該具有插圖畫(huà)家的技能。您必須遵循一些簡(jiǎn)單的規(guī)則。所以,走吧!

跟隨風(fēng)格

首先,為您的圖標(biāo)選擇樣式并遵循它。沒(méi)關(guān)系,您選擇了哪種樣式:輪廓,字形,顏色,單色或其他,這主要是因?yàn)榧现械乃袌D標(biāo)都是相同的。如果一個(gè)圖標(biāo)是輪廓線,而另一個(gè)圖標(biāo)是字形,則第二個(gè)圖標(biāo)將具有更大的視覺(jué)效果,并且您的圖標(biāo)集將不協(xié)調(diào)。

使用簡(jiǎn)單的隱喻

用戶的圖標(biāo)應(yīng)清晰可見(jiàn)。他們需要通過(guò)視覺(jué)形式快速閱讀信息。嘗試使您的圖標(biāo)盡可能地易于理解。在可能的情況下,使用熟悉的形式和簡(jiǎn)單的隱喻。

使用網(wǎng)格

集合中的所有圖標(biāo)應(yīng)具有相同的比例和大小。為此,您可以使用網(wǎng)格。您可以在這里下載我使用的網(wǎng)格。理想情況下,應(yīng)在視覺(jué)上將它們放置在假想的正方形中。如果無(wú)法做到這一點(diǎn),則可以添加一些小的細(xì)節(jié)來(lái)平衡構(gòu)圖?;?qū)⒛膱D標(biāo)放在方形/圓形邊框中。

線的粗細(xì)必須相同

您的圖標(biāo)可以具有一種線或不同粗細(xì)的線。例如,對(duì)于大細(xì)節(jié)2 px。線和1像素。對(duì)于小孩子。無(wú)論您選擇什么,所有圖標(biāo)都必須遵循此規(guī)則。

圓角

如果您的圖標(biāo)有圓角,則為2px。例如,所有圖標(biāo)都必須遵循此規(guī)則。您可能認(rèn)為這并不重要,但是可以為您的布景提供和諧和統(tǒng)一的形式。

脫礦化

圖標(biāo)的尺寸越小,細(xì)節(jié)就越少。這樣,該圖標(biāo)將不會(huì)看起來(lái)像污點(diǎn)。您決定使圖標(biāo)更詳細(xì)或更小,但是如果您的圖標(biāo)高度詳細(xì),則最好使用細(xì)線。

顏色

如果界面不需要,則無(wú)需制作不同顏色的圖標(biāo)。例如,檢查圖標(biāo)必須與取消圖標(biāo)不同,以便用戶可以區(qū)分它們。否則,請(qǐng)對(duì)集合中的所有圖標(biāo)使用相同的顏色或顏色組合。

新增功能

為了使設(shè)置更加和諧,您可以向圖標(biāo)添加一些功能。例如,打開(kāi)輪廓線。

上海嘉遜企業(yè)品牌價(jià)值營(yíng)銷專家