2021-4-16 周周
圖標是 UI 設計中最基礎也是很重要的部分,輔助人們更好的理解功能內容。隨著扁平化設計風格的普及,圖標的風格越來越簡約,看似簡單的圖形,實際要準確的表達含義,也是需要注意一些方法的。以下是圖標設計技巧的分享內容:
設計圖標是一個藝術創(chuàng)作的過程,里面也有很多需要被關注而不可忽視技巧。要知道如何設計好圖標,是對于 UI 設計師來說是不可或缺的重要技能。
在我設計圖標的時候,我個人認為有以下7個規(guī)則:
一個圖標一個非寫實的表現(xiàn)。不需要擔心圖標不夠真實,消除不必要的細節(jié),用基本的形狀只保留最基礎的部分,讓這個圖標更容易被理解。
有時候圖標會因為有更多細節(jié)而傳達了更復雜的意思,這反而是樣式問題!
在整個圖標系統(tǒng)中,你的圖標要保持同一種樣式來確保圖標完美協(xié)調。比如同樣的形狀,填充,描邊粗細,尺寸等。要制定好可以被復用的柵格,規(guī)范和樣式。
如果可以的話,盡可能重新設計這些圖標,而不要混入其他不同風格的圖標來使用。
設計「完美像素」的圖標,特別是在圖標非常小的時候。這樣圖標的描邊就可以保持銳利,不會有模糊。注意半像素的情況出現(xiàn),盡量避免小數(shù)點參數(shù)。
這也可以幫你保持圖標的辨識度,在你等比縮放他們的時候保持清晰。
確保你的圖標的所有形狀有足夠的空間。筆畫和空間過于狹小會使圖標更難被理解。
最少給2px的負空間
確保你的圖標看起來是正確的,適當?shù)恼{整元素的對齊來達到視覺上的平衡。
不要只關注參數(shù),如果有需要就用上你的眼睛來衡量,輕微移動這些元素。
所有圖標保持同樣的尺寸,在圖標周圍定義一個可調整的內邊距范圍,盡量讓元素設計在這個范圍內。不要擠滿所有元素。
當圖標需要額外控件時可以超出這個內邊距范圍。
在設計階段,你的圖標可能看起來是完美的,但還是需要將圖標放到實際的界面環(huán)境中,測試他們是不是完美,有沒有可以調整的細節(jié)問題。
確保每個新增的圖標和其他圖標顯示一致。
你在設計圖標過程中,有用到以上的這些技巧嗎?可以在評論區(qū)告訴我,你是怎么怎么設計圖標的。
文章來源:優(yōu)設網(wǎng) 作者:布萊恩臣
藍藍設計( cqzjtgb.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網(wǎng)站建設 、平面設計服務