《Photoshop 圖示設計基礎與案例教程》主要介紹如何使用Photoshop CS6進行UI圖示設計。全書內容包含UI圖示設計的理論基礎和思維拓展，並涵蓋了各種不同風格的典型設計案例。
基本介紹
- 書名：Photoshop 圖示設計基礎與案例教程
- 頁數：268
- 裝幀：平裝
語種：中文版
包裝：平裝
開本：大20開
出版時間：201804
頁數：268
《Photoshop 圖示設計基礎與案例教程》主要介紹如何使用Photoshop CS6進行UI圖示設計。全書內容包含UI圖示設計的理論基礎和思維拓展，並涵蓋了各種不同風格的典型設計案例。另外，本書對一些重要案例的設計思路和配色方法進行了全面講解。
《Photoshop 圖示設計基礎與案例教程》共8章，不但對圖示設計的理論知識和軟體操作技巧進行了講解，還配以典型案例全面解析了圖示設計學習的整個流程，讓讀者快速打牢基礎並加以運用。全書特別添加了“技巧與提示”，記錄實際操作和工作中容易遇到的問題及解決方法。本書的案例順應了UI圖示設計的發展趨勢，包含由簡到難的線性圖示、扁平化風格圖示和擬物化風格圖示。
《Photoshop 圖示設計基礎與案例教程》附帶下載資源，內容包括書中所有案例的源檔案、效果檔案、素材檔案和多媒體教學，讀者可以通過線上方式獲取這些資源，具體方法請參看本書前言。
《Photoshop 圖示設計基礎與案例教程》非常適合 作為UI圖示設計的初、中級讀者的入門與提高參考書，也可作為院校和培訓機構UI設計專業課程的教材。
目錄
1章 學習圖示前的理論知識 015
1.1 圖示的基礎 016
1.1.1 圖示是什麼 016
1.1.2 圖示的類型 017
1.1.3 圖示的功能 020
1.1.4 圖示和Logo的區別 021
1.2 解析度和像素的基礎 023
1.2.1 螢幕尺寸 023
1.2.2 螢幕解析度 024
1.2.3 像素密度 025
1.3 常見圖示的尺寸 026
1.3.1 iOS圖示尺寸 027
1.3.2 Android圖示尺寸 028
1.4 圖示的格式 029
1.4.1 PNG格式 029
1.4.2 SVG格式 030
1.4.3 ICO格式 031
1.5 製作圖示的常用軟體 032
1.5.1 Photoshop 032
1.5.2 Illustrator 033
1.5.3 Sketch 034
1.6 圖示設計學習要點 035
1.6.1 了解iOS和Android的設計特點 035
1.6.2 圖示風格的掌握 037
1.6.3 圖示配色的掌握 037
1.6.4 圖示形狀的掌握 038
1.6.5 圖示效果的掌握 038
2章 圖示設計的必 備知識 039
2.1 控制項類圖示的設計法則 040
2.1.1 可識別性 040
2.1.2 美觀性 041
2.1.3 視覺一致性 042
2.1.4 情感表達 043
2.2 套用類圖示的設計特點 044
2.2.1 高辨識度 044
2.2.2 獨特的形狀 044
2.2.3 使用格線系統 045
2.2.4 簡化文字 046
2.3 圖示的設計流程 047
2.3.1 設計前的思考 048
2.3.2 尋找隱喻 048
2.3.3 抽象圖形 049
2.3.4 設計分析 050
2.3.5 風格確立 050
2.4 圖示的設計風格 051
2.4.1 風格間的區分 051
2.4.2 扁平化風格2.0 054
2.4.3 擬物化風格 059
2.4.4 為什麼扁平化更迎合時代 060
2.5 色彩搭配速成 061
2.5.1 色彩的三要素 061
2.5.2 色彩的模式 062
2.5.3 取色配色法 062
2.5.4 同色系配色法 063
2.5.5 對比色配色法 063
2.5.6 鄰近色配色法 064
2.5.7 類似色配色法 064
第3章 圖示設計前的基礎操作 065
3.1 必知的三大功能 066
3.1.1 圖層 066
3.1.2 蒙版 069
3.1.3 文字 071
3.2 繪製圖形的工具 072
3.2.1 矩形工具 072
3.2.2 圓角矩形工具 073
3.2.3 橢圓工具 074
3.2.4 多邊形工具 074
3.2.5 直線工具 076
3.2.6 自定形狀工具 076
3.2.7 鋼筆工具 076
第4章 讓圖示質感提升的功能 077
4.1 必 備的十大樣式 078
4.1.1 斜面和浮雕 078
4.1.2 描邊 080
4.1.3 內陰影 081
4.1.4 內發光 082
4.1.5 光澤 083
4.1.6 顏色疊加 083
4.1.7 漸變疊加 084
4.1.8 圖案疊加 085
4.1.9 外發光 085
4.1.10 投影 086
4.2 靈活的布爾運算 087
4.2.1 什麼是布爾工具 087
4.2.2 布爾的運算規則 087
4.2.3 布爾運算的條件 088
4.2.4 如何布爾 088
實戰：布爾書本圖示 089
實戰：布爾音樂圖示 092
第5章 圖示輔助效果的掌握 095
5.1 彌散陰影 096
實戰：彌散陰影 097
實戰：漸變彌散陰影 098
5.2 內缺角陰影 100
實戰：比薩內缺角陰影 100
實戰：剪刀內缺角陰影 103
5.3 長陰影 106
實戰：簡單長陰影 107
實戰：質感長陰影 110
實戰：文字長陰影 115
5.4 金屬效果 120
實戰：拉絲金屬效果 120
實戰：金屬質感效果 124
5.5 木紋和水波紋效果 129
實戰：木紋效果 129
實戰：水波紋效果 133
5.6 高光和倒影 141
實戰：高光效果 142
實戰：倒影效果 147
5.7 磨砂和畫中畫效果 149
實戰：磨砂效果 149
實戰：畫中畫效果 151
第6章 多種風格的線性圖示 153
6.1 簡單線性圖示 154
實戰：製作more圖示 154
實戰：製作less圖示 156
實戰：製作close圖示 157
實戰：製作play圖示 158
實戰：製作pause圖示 160
實戰：製作right圖示 161
6.2 不規則多色線性圖示 164
實戰：製作檔案圖示 164
實戰：製作用戶圖示 166
實戰：製作盾牌圖示 168
實戰：製作耳機圖示 171
實戰：製作話筒圖示 173
實戰：製作水杯圖示 175
6.3 描邊風格圖示 178
實戰：描邊蜜蜂圖示 178
實戰：描邊恐龍圖示 184
第7章 扁平化的圖示 189
7.1 天氣圖示 190
7.2 相機圖示 196
7.3 日曆圖示 203
7.4 加速圖示 210
7.5 導航圖示 221
第8章 擬物化的圖示 231
8.1 時鐘圖示 232
8.2 調節圖示 238
8.3 擬物圖示 246
8.4 播放圖示 255
8.5 聊天圖示 263
