UI圖標設計原則!

設計智造 發佈 2024-04-25T08:27:12.978602+00:00

圖標設計原則是指做設計時要遵守的必要準則。在進行圖標設計時,設計原則可以幫助設計師快速地進行設計定位。下面對應用型圖標設計原則和功能型圖標設計原則進行詳細講解。▶應用型圖標設計原則①可識別性。

圖標設計原則是指做設計時要遵守的必要準則。在進行圖標設計時,設計原則可以幫助設計師快速地進行設計定位。下面對應用型圖標設計原則和功能型圖標設計原則進行詳細講解。


▶應用型圖標設計原則

①可識別性。識別性是圖標設計的首要原則,是指設計的圖標能準確地表達出所代表的隱喻,能讓用戶第一眼識別出它所代表的含義,從中獲得相關信息。



③使用柵格線。在設計圖標時,使用柵格線作為設計依據,可讓圖標與系統保持和諧統一,更好地彼此匹配。


▶功能型圖標設計原則

①表意準確。功能型圖標設計的第一原則是表意準確,要讓用戶看到一個圖標的第一時間理解它所代表含義。功能型圖標在應用界面起到指示、提醒、概括和表述的作用。

②輪廓清晰。輪廓清晰是指形狀邊緣稜角分明,沒有發虛的像素。在 Photoshop軟體中,設置常規選項中選擇「將矢量工具和像素網格對齊」複選框。這樣在進行繪製時形狀會自動對齊像素網格不會形成發虛的像素。以及在繪製圖標時儘量使用45角,這樣的斜線是最清晰的。

③使用圖標網格。繪製圖標時應隨時使用48×48像素的圖標網格作為繪製依據,它能有效幫助設計師掌握構圖布局。圖標網格將圖標的繪製區域劃分為若干份等大小的網格,並建立了關鍵線形狀、繪製區(46像素)和禁繪區(2像素),讓繪製圖標更科學、準確和快速。繪製圖標分為兩種情況:一是規則的,可在46×46像素的圖標網格區域繪製;二是不規則的,如異形的五角星它會有一些尖角在禁繪區內。


④一致性。致性指的是造型規則、圓角尺寸、線框粗細、樣式、細節特徵等的統一,讓圖標的外觀整體一致。

UI系統自學視頻教程,私信回復「視頻」了解。

關鍵字: