第1章 輕松邁向圖標(biāo)王國(guó) 
1．1 圖標(biāo)入門(mén) 8 
1．1．1 什么是圖標(biāo) 8 
1．1．2 圖標(biāo)與標(biāo)志的區(qū)別 9 
1．1．3 常見(jiàn)移動(dòng)應(yīng)用圖標(biāo) 10 
1．1．4 常見(jiàn)電腦應(yīng)用圖標(biāo) 11 
1．2 圖標(biāo)設(shè)計(jì)的意義和作用 12 
1．2．1 什么是圖標(biāo) 12 
1．2．2 圖形內(nèi)在含義 13 
1．2．3 圖標(biāo)設(shè)計(jì)的作用 15 
1．3 圖標(biāo)的像素分辨 17 
1．3．1 Windows 7操作系統(tǒng)的圖標(biāo)像素分辨 17 
1．3．2 Windows 10操作系統(tǒng)的圖標(biāo)像素分辨 18 
1．3．3 安卓操作系統(tǒng)的圖標(biāo)像素分辨 19 
1．3．4 iOS 7操作系統(tǒng)的圖標(biāo)像素分辨 21 
1．4 常見(jiàn)圖標(biāo)的標(biāo)準(zhǔn)尺寸 22 
1．4．1 常見(jiàn)移動(dòng)操作系統(tǒng)的圖標(biāo)標(biāo)準(zhǔn)尺寸 22 
1．4．2 常見(jiàn)電腦操作系統(tǒng)的圖標(biāo)標(biāo)準(zhǔn)尺寸 24 
1．5 圖標(biāo)的設(shè)計(jì)要素和結(jié)構(gòu) 25 
1．5．1 圖標(biāo)型的把握 26 
1．5．2 圖標(biāo)大小和顏色 27 
1．5．3 透視、光源與陰影 28 
1．5．4 元素的組合 28 
1．5．5 視覺(jué)均衡 29 
1．6 那些你不知道的圖標(biāo)分類 30 
1．6．1 PNG格式圖標(biāo) 30 
1．6．2 ICO格式圖標(biāo) 31 
1．6．3 ICL格式圖標(biāo) 31 
1．6．4 IP格式圖標(biāo) 31 
1．7 制作圖標(biāo)的常用軟件 32 
1．7．1 Photoshop CS6 32 
1．7．2 Illustrator CS6 34 


第2章 掌控圖標(biāo)創(chuàng)意原則 
2．1 圖標(biāo)制作的原則 36 
2．1．1 可識(shí)別性原則 36 
2．1．2 差異性原則 37 
2．1．3 合適的精細(xì)度和元素個(gè)數(shù)原則 38 
2．1．4 風(fēng)格統(tǒng)一性原則 38 
2．1．5 原創(chuàng)性原則 39 
2．2 圖標(biāo)的創(chuàng)意 40 
2．2．1 界面需求 40 
2．2．2 圖標(biāo)的創(chuàng)意元素 42 
2．2．3 創(chuàng)意圖標(biāo)的特點(diǎn) 43 
2．3 圖標(biāo)設(shè)計(jì)草圖的繪制和渲染 46 
2．3．1 圖標(biāo)的設(shè)計(jì)方法及技巧 47 
2．3．2 圖標(biāo)視覺(jué)分析 48 
2．3．3 最終草圖定稿 49 
2．3．4 草圖渲染 49 
2．4 圖標(biāo)的視覺(jué)分析和效果 50 
2．4．1 用戶體驗(yàn) 53 
2．4．2 圖標(biāo)的可識(shí)別性 56 
2．4．3 圖標(biāo)設(shè)計(jì)的連續(xù)性 60 


第3章 圖標(biāo)設(shè)計(jì)與軟件操作 
3．1 基礎(chǔ)圖形繪制圖標(biāo)中的元素 62 
3．1．1 圓形圖標(biāo)的繪制 63 
3．1．2 方形圖標(biāo)的繪制 66 
3．1．3 圓角矩形圖標(biāo)的繪制 69 
3．1．4 組合圖形圖標(biāo)的繪制 73 
3．1．5 自定義形狀圖標(biāo)的繪制 76 
3．2 讓人過(guò)目不忘的簡(jiǎn)單生活圖標(biāo) 79 
3．2．1 移動(dòng)設(shè)備電池圖標(biāo)繪制 80 
3．2．2 安卓系統(tǒng)啟動(dòng)圖標(biāo) 83 
3．2．3 iOS系統(tǒng)啟動(dòng)圖標(biāo) 86 
3．2．4 Windows系統(tǒng)啟動(dòng)圖標(biāo) 87 
3．3 具有設(shè)計(jì)性的圖標(biāo)制作 90 
3．3．1 具有設(shè)計(jì)性的開(kāi)關(guān)圖標(biāo) 91 
3．3．2 具有設(shè)計(jì)性的音樂(lè)旋鈕圖標(biāo) 95 
3．3．3 具有設(shè)計(jì)性的導(dǎo)航欄圖標(biāo)的繪制 99 
3．4 色彩斑斕的圖標(biāo) 104 
3．4．1 粉嫩色系圖標(biāo) 106 
3．4．2 藍(lán)綠色系圖標(biāo) 109 
3．4．3 暖色調(diào)圖標(biāo) 112 
第4章 扁平化圖標(biāo)設(shè)計(jì) 
4．1 純色形狀扁平化圖標(biāo) 120 
應(yīng)用類純色形狀扁平化圖標(biāo) 120 
生活類純色形狀扁平化圖標(biāo) 123 
4．2 Windows XP操作系統(tǒng)的扁平化圖標(biāo) 126 


第5章 質(zhì)感圖標(biāo)的設(shè)計(jì) 
5．1質(zhì)感立體圖標(biāo)設(shè)計(jì) 131 
立體透明圖標(biāo)制作 131 
立體毛絨圖標(biāo)制作 136 
5．2質(zhì)感寫(xiě)實(shí)圖標(biāo)設(shè)計(jì) 141 
逼真質(zhì)感圖標(biāo) 141 
逼真食物圖標(biāo) 153 
金屬質(zhì)感寫(xiě)實(shí)圖標(biāo) 164 
逼真生活物品圖標(biāo) 169 


第6章 涂鴉風(fēng)格圖標(biāo)設(shè)計(jì) 
6．1 矢量涂鴉風(fēng)格圖標(biāo) 178 
矢量牌游質(zhì)感風(fēng)格圖標(biāo) 178 
矢量趣味涂鴉圖標(biāo) 185 
6．2 可愛(ài)動(dòng)畫(huà)涂鴉風(fēng)格圖標(biāo) 193 
可愛(ài)游戲涂鴉風(fēng)格圖標(biāo) 193 
可愛(ài)動(dòng)畫(huà)涂鴉風(fēng)格圖標(biāo) 197 
6．3 手繪涂鴉界面圖標(biāo) 204 
手繪涂鴉界面圖標(biāo) 204 
手繪相機(jī)應(yīng)用圖標(biāo) 211 
手繪導(dǎo)航應(yīng)用圖標(biāo) 216 


第7章 玩轉(zhuǎn)圖標(biāo)應(yīng)用 
7．1 移動(dòng)應(yīng)用和圖標(biāo) 228 
手機(jī)App應(yīng)用和圖標(biāo) 228 
蘋(píng)果手機(jī)App應(yīng)用和圖標(biāo) 238 
移動(dòng)iPad應(yīng)用和圖標(biāo) 252 
7．2 電腦桌面應(yīng)用圖標(biāo) 268 
電腦桌面圖標(biāo) 268 
矢量插畫(huà)主題電腦應(yīng)用和圖標(biāo) 282 


附錄 
01資源共享 293 
移動(dòng) App精致圖標(biāo)欣賞 293 
電腦桌面精致圖標(biāo)欣賞 296 
你所需要的圖標(biāo)分層素材共享 298 
02移動(dòng)App圖標(biāo)與應(yīng)用的關(guān)系 301 
發(fā)現(xiàn)圖標(biāo) 301 
App從圖標(biāo)到應(yīng)用 303 
03圖標(biāo)設(shè)計(jì)中的10種錯(cuò)誤 304