三招搞定圖標設計,SO EASY!

開門見山,節約時間!

第一招:高度的識別性,避免二義性

設計的時候有沒有關注到顏色的干擾性問題?顏色是識別性中需要注意的一點,為了提高用戶的可識別性,我們使用顏色的時候要以輔助信息更好的傳播為原則。切忌將圖標設計的過於個性,讓用戶難以理解,甚至產生歧義!

例如:IOS一直都是高冷范兒,被設計師概括為:大、黑、簡。純色設計(扁平化)的優勢是:

  1. 純色讓用戶更好的判斷內容、不干擾用戶的理解力;

  2. 用戶已經不太稀罕炫酷的效果了。

設計技巧:

在圖標設計完這些圖標后,設計師要做兩個測試:一個是無背景測試,另一個是基於背景的圖標測試。把圖標單獨放在一個畫布上,看能夠快速描述含義。另一個是將圖標放在界面中,看同事(項目外的同事)能否花最短的時間被吸引、去操作。

Advertisements

第二招:視覺整體統一


設計之前一般有一個設計規範文檔,規定了圖標大小、標準色、輔助色、字型大小大小、字體顏色等等,實際上做到視覺整體統一難度不大,但是很多新手在整體布局和比例上面調整差強人意。有時候稍微的一些調整和變化,例如分割線的粗細、顏色等都對整體效果有很大的影響。

設計技巧:

  1. 大小和比例!在設計的時候整體形態上面的差異性用戶感受是特別明顯的,設計的時候盡量用輔助線作為支撐;

  2. 在做整體圖標的時候,一定要基於一些相似圖形的復用。例如圓角風格、呈現、變形等,能做到整體的盡量整體;

第三招:在視覺統一的情況下,追求圖標誇張

設計一套圖標時,要盡量放大圖標之間的差異性,減弱圖標之間的相似性,這是最容易被設計師忽略的一項原則,往往為了保持視覺風格的統一性、使用同一元素而捨棄了各圖標的差異性。

Advertisements

設計技巧:

1.設計本身就是一種創造性的工作,在語義和形態上可以做誇張的處理手法;

2. 可以將設計完的一套圖標展示出來,讓同事去選擇是哪個,這樣可以很好的檢測圖標的差異性和識別性。

總結的話:

圖標設計的意義:

  1. 提升用戶對信息的感知速度;

  2. 通過視覺的感知,提高用戶的界面記憶;

  3. 更加節省空間,避免了長文的使用;

  4. 增強界面設計感,讓界面更加協調。


Advertisements

你可能會喜歡