說到圖標一般指的都是智能設備中的代表一個含義的圖形。其實在現實生活中也會發現許多圖標的存在比如交通標示的圖標,再比如旅游景區內的引導圖標。這些圖標存在的價值是提供信息指引,幫助用戶找到需要的信息。而智能設備中的圖標其實就是把現實生活中的圖標遷移到界面當中,在界面中圖標傳達信息并且引導用戶操作,用戶根據接收到的信息進行操作。總之一句話圖標的存在是為了快速準確的傳達信息給操作的用戶并且引導用戶作出反饋行為。
圖標設計四準則
隨著扁平化設計的發展趨勢,越來越注重圖標的簡潔與寓意表達。現在各種各樣的圖標充斥在不同的app當中,那么怎樣的圖標才設計師應該追求的方向呢。評價一個圖標設計的好壞的標準是什么呢。下邊我們從四個維度來分析下。
1)表意性準則
圖標作為快捷傳到信息的載體首要的標準就是要準確的表達含義,如果一個圖標不能準確快速的表達含義,也就不能快速準確的引導用戶操作,那么這個圖標也就沒有存在的必要了。
范例:
精準表達圖標的含義
2)美觀性準則
圖標在界面中一般都是點睛之筆,都是由精致美觀的圖形設計。一個圖標的美觀度決定了用戶對這個圖標的觀感,帥氣的圖標會大大增加用戶點擊的幾率,從而更有效地傳達圖標所代表的含義。
范例:
美麗的色彩搭配
美觀的線條造型
簡潔大方的塊面早造型,色彩鮮明的色彩對比
當下追波最流行的圖標設計
3)統一性風格準則
在同一個產品中保持同樣的圖標風格顯得有為重要,統一性是保證設計品質的重要一環。統一風格的圖標設計會極大地提升設計品質,一套不統一的設計風格會極大地降低產品的設計品質。統一性具體包含設計風格的一致性和一套圖標的柵格系統的統一性(后邊會詳細講解圖標的柵格化系統)
范例:
統一的線條,統一的圓角
統一的線條,統一的圓角
統一的線條,統一的圓角,統一的透明度對比
統一的造型,統一的圓角,統一的透明度對比
4)情感表達準則
圖標除去自身的信息傳達之外還要傳達產品的情感,用以突出一個產品的個性。比如硬朗、溫柔、大方、個性、可愛等。圖標設計不同的造型會傳達給用戶不同的情感感受,圖標的情感表達是圖標設計的較高境界需要對圖形、線條、大小、顏色都有特別細膩的把控力。
范例:
情感:簡潔大方
情感:可愛溫柔
情感:方正硬朗
情感:方中帶圓剛柔相濟
系統圖標是移動端設計中非常重要的部分,也是衡量一個設計師水準的重要指標。圖標設計的表意性、美觀性、統一性、情感表達的四個準則,從不同角度闡明了一套優秀系統圖標的要求,希望對小伙伴們有所幫助!
新聞熱點
疑難解答