- Photoshop CC移動UI圖標設計實用教程
- 水木居士
- 772字
- 2019-08-15 11:30:36
1.2 圖標的分類
圖標可以分成很多類別,這里根據圖標的使用用途,我們將圖標分為3大類:品牌圖標、功能圖標和裝飾圖標,下面來分別詳述這3類圖標的特點。
1.2.1 品牌圖標
品牌圖標可以理解為一個公司的形象圖標,專業叫LOGO圖標。以前沒有智能系統時,在平面設計中通常以LOGO表現,只不過現在換了一種表現手法。這種圖標可以起到產品或公司的推廣作用,通過形象的圖形設計讓用戶記住產品,一般成名的大公司或比較老的公司已經存在原有的平面LOGO系統,轉換到智能系統的圖標上就比較容易,只需要將LOGO做成圖標即可,不過需要注意場景的協調性與多尺寸的設計。
圖1.9所示為美麗拍應用圖標在常規場景應用與深色背景、單色應用、純色應用和黑白應用時的效果展示。

圖1.9 美麗拍圖標的不同應用效果
在制作一系列品牌圖標時,設計的難度會成倍增加,此時你考慮的不再是一個品牌圖標,而是一個品牌矩陣。因為系列品牌圖標,從設計到配色、從形狀到風格都需要具有較高的一致性,這樣用戶才可以一眼認出某個旗下的品牌,如圖1.10所示。

圖1.10 Adobe色輪產品識別體系
1.2.2 功能圖標
功能圖標指具有某一類功能或操作集合的圖標圖形,一般在一個界面或一個軟件或一個應用中成組地出現,相比單調的文字,圖標具有更快速的識別性、更便捷的操作功能,比較常見的如操作系統中的功能圖標,如圖1.11所示。

圖1.11 功能圖標
隨著蘋果公司扁平化的普及,越來越多的公司跟隨其設計風格,推出簡單明了的扁平化風格圖標,如圖1.12所示。

圖1.12 扁平化應用圖標
1.2.3 裝飾圖標
裝飾圖標主要是用來起到裝飾作用的圖標,一般設計精良,多采用寫實質感手法進行設計,因為其細節的突出,往往更能吸引用戶的注目,可以烘托整個界面的美化效果,可作為應用界面中相關功能的裝飾應用,或是應用中某個功能的圖標。但這種圖標識別性較差,單從圖標有時候很難明白所要表達的意思,所以主要用來裝飾使用,不建議作為品牌圖標,如圖1.13所示。

圖1.13 裝飾圖標
- 剪映:視頻剪輯從入門到精通(電腦版)
- WOW!Photoshop+Illustrator特效設計
- Maya三維特效設計與制作標準實訓教程(職業技能競爭力課程解決方案)
- 江山三俠:Flash短片輕松學(第2季)
- 數碼攝影后期密碼Photoshop CC光影神話(第2版)
- Photoshop CS6 完美創意設計:不一樣的圖像藝術處理
- 創意UI:Photoshop玩轉App設計(第2版)
- 中文版3ds Max&VRay印象 商業效果圖制作與表現
- Photoshop CC攝影后期專業技法
- 動靜之美:Sketch移動UI與交互動效設計詳解
- 行攝 Photoshop CS6后期修片高手之道
- 好學、好用、好玩的Photoshop 寫給初學者的入門書(第2版)
- RAW數碼底片演義
- 抖音剪映:熱門短視頻創作就這么簡單
- Raw格式數碼照片處理實戰寶典