
1對1定制服務(wù),PC端+手機端+小程序多端應(yīng)用
讓網(wǎng)站的圖標設(shè)計變得更棒
2021年12月28日瀏覽:
優(yōu)秀的網(wǎng)站除了優(yōu)雅的網(wǎng)頁版式、內(nèi)容構(gòu)成,漂亮的ICON設(shè)計可以為用戶提供更佳的視覺趣味和體驗。
一、圖標鏈接的重新生成
在示例圖像,按照本文中討論的六個步驟,將其應(yīng)用于對狗的圖標(一個小狗,是精確的),最近由一個名叫Kem Bardly Iconfinder用戶提交。圖標有潛力但不拋光到足以被認為是“優(yōu)質(zhì)”。我們?yōu)镵em提供了一些簡單的竅門可循,,一點點的改造,他的圖標是準備批準為溢價圖標集。顯示之前和之后的KEM的圖標版本下面的圖片。在接下來的章節(jié)中,我們將解釋如何有條不紊地從前到后。
請注意,雖然本文中討論的指南是面向Web圖標的,但它們通常也適用于打印圖標。典型的300點每英寸(DPI)的印刷材料使像素完美根本沒有意義。如果你是一個打印設(shè)計師閱讀這一點,所有的原則涵蓋的是適用的,但你可以在很大程度上忽略像素完美的作品。
有效圖標設(shè)計鏈接的三個屬性
設(shè)計良好的圖標展示了構(gòu)成任何圖標設(shè)計的三個主要屬性:形式、審美統(tǒng)一和識別。當設(shè)計一個新的圖標集,考慮這些屬性在一個迭代的方法,從一般(形式)進行具體的(性)。即使你創(chuàng)建了一個圖標,這三個屬性仍然是隱含的,并且可以從一個設(shè)計中推斷出來。
毫無疑問,超過三個屬性構(gòu)成了有效的圖標設(shè)計,但是下面闡述的三個是開始的好地方。為了相對簡潔起見,我們把重點放在我們認為是三個主要屬性上。
表格鏈接
表單是圖標的底層結(jié)構(gòu),或者它是如何構(gòu)成的。如果忽略一個圖標的細節(jié)并在主要圖形周圍畫一條線,它們是否構(gòu)成一個正方形、一個圓、一個水平或垂直矩形、一個三角形或一個更為復(fù)雜的形狀?主要的幾何圖形——圓形、正方形和三角形——為圖標設(shè)計創(chuàng)造了視覺穩(wěn)定的基礎(chǔ)。在我們的例子,Kem Bardly柯基犬,狗的頭部是由兩個三角形和兩個橢圓。正如人會畫最大的開始作畫,簡單的形狀,然后向更大和更詳細的細化,可以從最簡單的形狀開始圖標,然后添加更多的細節(jié),但只有盡可能多的細節(jié)是需要溝通的概念表示,它是一個對象,想法或行動。
圖標-圖標下的柯基犬形態(tài)設(shè)計