在設(shè)計工作中,有時會需要圖標(biāo),而這些圖標(biāo)不能在網(wǎng)站上上傳。例如,您找不到某種圖標(biāo),或者您的客戶要求您制作原始圖標(biāo)集。您還可以單獨進行圖標(biāo)設(shè)計工作。圖標(biāo)設(shè)計技巧,將始終對您的設(shè)計工作有用。為此,您不應(yīng)該具有插圖畫家的技能。您必須遵循一些簡單的規(guī)則。所以,走吧!
跟隨風(fēng)格
首先,為您的圖標(biāo)選擇樣式并遵循它。沒關(guān)系,您選擇了哪種樣式:輪廓,字形,顏色,單色或其他,這主要是因為集合中的所有圖標(biāo)都是相同的。如果一個圖標(biāo)是輪廓線,而另一個圖標(biāo)是字形,則第二個圖標(biāo)將具有更大的視覺效果,并且您的圖標(biāo)集將不協(xié)調(diào)。
使用簡單的隱喻
用戶的圖標(biāo)應(yīng)清晰可見。他們需要通過視覺形式快速閱讀信息。嘗試使您的圖標(biāo)盡可能地易于理解。在可能的情況下,使用熟悉的形式和簡單的隱喻。
使用網(wǎng)格
集合中的所有圖標(biāo)應(yīng)具有相同的比例和大小。為此,您可以使用網(wǎng)格。您可以在這里下載我使用的網(wǎng)格。理想情況下,應(yīng)在視覺上將它們放置在假想的正方形中。如果無法做到這一點,則可以添加一些小的細(xì)節(jié)來平衡構(gòu)圖?;?qū)⒛膱D標(biāo)放在方形/圓形邊框中。
線的粗細(xì)必須相同
您的圖標(biāo)可以具有一種線或不同粗細(xì)的線。例如,對于大細(xì)節(jié)2 px。線和1像素。對于小孩子。無論您選擇什么,所有圖標(biāo)都必須遵循此規(guī)則。
圓角
如果您的圖標(biāo)有圓角,則為2px。例如,所有圖標(biāo)都必須遵循此規(guī)則。您可能認(rèn)為這并不重要,但是可以為您的布景提供和諧和統(tǒng)一的形式。
脫礦化
圖標(biāo)的尺寸越小,細(xì)節(jié)就越少。這樣,該圖標(biāo)將不會看起來像污點。您決定使圖標(biāo)更詳細(xì)或更小,但是如果您的圖標(biāo)高度詳細(xì),則最好使用細(xì)線。
顏色
如果界面不需要,則無需制作不同顏色的圖標(biāo)。例如,檢查圖標(biāo)必須與取消圖標(biāo)不同,以便用戶可以區(qū)分它們。否則,請對集合中的所有圖標(biāo)使用相同的顏色或顏色組合。
新增功能
為了使設(shè)置更加和諧,您可以向圖標(biāo)添加一些功能。例如,打開輪廓線。