給各位Photoshop軟體的使用者們來詳細的解析分享一下表徵圖的認知與設計步驟。
解析分享:
什麼是表徵圖?
表徵圖就是電腦,手機或其它裝置中為各種檔案,應用程式或捷徑設定的一種圖形標誌。
表徵圖的分類
按功能分類表徵圖分為:1啟動類表徵圖,2應用類表徵圖,
1啟動類表徵圖
比如像微信,QQ等代表並啟動此應用的一類表徵圖(如下圖所示)
2,應用類表徵圖
比如像返回,刪除,儲存等代表當前功能,或操作的一類表徵圖。(如下圖所示)
按設計形式分類分為扁平化表徵圖和擬物化表徵圖
1扁平化表徵圖,
扁平化設計特點:簡潔,清新,設計感強,沒有更多的細節與特效修飾。直接明了的表達出出表徵圖的本意。缺點是識別性差。
2擬物化表徵圖
特點,精緻,細膩,識別性強,比較接近真實物品
表徵圖設計設計原則
1可識別性原則
可識別性原則即清晰明了的表達清楚相應的功能和和操作。通俗的將就是使用者一眼看過去就知道它是做什麼的。比如撥打到電話表徵圖,使用者不需要看文字只需要看表徵圖就知道是撥打到電話用的
2差異性原則
即每個表徵圖之間要有一定的差異性,這樣比較容易辨別與區分
如下圖所示如果每個表徵圖彼此之間很相似的化就會很難分辨
3統一性原則
統一性原則表現在形狀,樣式等風格層面。如下圖表徵圖都用了線條,並且表徵圖都比較圓滑。
4尺寸大小尺寸與格式。
表徵圖一般有以下幾種尺寸
256x256 256x256 128x128 64x64 32x32 16x16
表徵圖有以下幾種格式
png , jpg ,svg
表徵圖設計設計步驟
1 必須明確設計需求
即從開始到結束必須牢記並且明確說設計的表徵圖說代表的功能需求。
比如在設計電話表徵圖時不能偏離打電話這一需求。這樣設計出來的表徵圖才會實用,好用,易用
2明確設計風格
即必須定一個設計風格,是擬物化,扁平化,還是卡通表徵圖。在定了風格後要嚴格按所定的風格去設計其它表徵圖。保持統一性。
3草圖設計
在定了設計風格後,開始草圖設計,用草圖繪出你要設計的表徵圖形態。繪製草圖是一個很重要的步驟,可以用手繪或一些軟體。個人建議用手繪,如下圖所示。
4低傳真設計
根據草圖用自己所熟悉的設計軟體設計出整個表徵圖的形狀,等所有元素。如下圖的梅花表徵圖,先設計出此表徵圖的所有元素。
5高保真設計(視覺稿)
在低傳真的基礎上添加顏色,高光與陰影等細節,最終完成視覺稿如右上圖的梅花表徵圖所示。
6輸出表徵圖的格式
一般是png,jpg等
好了,以上的資訊就是小編給各位Photoshop的這一款軟體的使用者們帶來的詳細的表徵圖的認知與設計步驟解析分享的全部內容了,各位看到這裡的使用者們,現在你們是非常的清楚了吧,希望小編上面分享的內容能給大家帶去有用的協助。