三招搞定圖標設計,SO EASY!
開門見山,節約時間!
第一招:高度的識別性,避免二義性
設計的時候有沒有關注到顏色的干擾性問題?顏色是識別性中需要注意的一點,為了提高用戶的可識別性,我們使用顏色的時候要以輔助信息更好的傳播為原則。切忌將圖標設計的過於個性,讓用戶難以理解,甚至產生歧義!
例如:IOS一直都是高冷范兒,被設計師概括為:大、黑、簡。純色設計(扁平化)的優勢是:
純色讓用戶更好的判斷內容、不干擾用戶的理解力;
用戶已經不太稀罕炫酷的效果了。
設計技巧:
在圖標設計完這些圖標后,設計師要做兩個測試:一個是無背景測試,另一個是基於背景的圖標測試。把圖標單獨放在一個畫布上,看能夠快速描述含義。另一個是將圖標放在界面中,看同事(項目外的同事)能否花最短的時間被吸引、去操作。
Advertisements
第二招:視覺整體統一
設計之前一般有一個設計規範文檔,規定了圖標大小、標準色、輔助色、字型大小大小、字體顏色等等,實際上做到視覺整體統一難度不大,但是很多新手在整體布局和比例上面調整差強人意。有時候稍微的一些調整和變化,例如分割線的粗細、顏色等都對整體效果有很大的影響。
設計技巧:
大小和比例!在設計的時候整體形態上面的差異性用戶感受是特別明顯的,設計的時候盡量用輔助線作為支撐;
在做整體圖標的時候,一定要基於一些相似圖形的復用。例如圓角風格、呈現、變形等,能做到整體的盡量整體;
第三招:在視覺統一的情況下,追求圖標誇張
設計一套圖標時,要盡量放大圖標之間的差異性,減弱圖標之間的相似性,這是最容易被設計師忽略的一項原則,往往為了保持視覺風格的統一性、使用同一元素而捨棄了各圖標的差異性。
Advertisements
設計技巧:
1.設計本身就是一種創造性的工作,在語義和形態上可以做誇張的處理手法;
2. 可以將設計完的一套圖標展示出來,讓同事去選擇是哪個,這樣可以很好的檢測圖標的差異性和識別性。
總結的話:
圖標設計的意義:
提升用戶對信息的感知速度;
通過視覺的感知,提高用戶的界面記憶;
更加節省空間,避免了長文的使用;
增強界面設計感,讓界面更加協調。