Photoshop 圖標設計基礎與案例教程(培訓教材版)

時代印象

  • 出版商: 人民郵電
  • 出版日期: 2020-08-01
  • 定價: $239
  • 售價: 8.5$203
  • 語言: 簡體中文
  • 頁數: 244
  • ISBN: 7115513953
  • ISBN-13: 9787115513953
  • 相關分類: Photoshop
  • 下單後立即進貨 (約4週~6週)

  • Photoshop 圖標設計基礎與案例教程(培訓教材版)-preview-1
  • Photoshop 圖標設計基礎與案例教程(培訓教材版)-preview-2
Photoshop 圖標設計基礎與案例教程(培訓教材版)-preview-1

商品描述

《Photoshop 圖標設計基礎與案例教程(培訓教材版)》主要介紹如何使用Photoshop CS6進行UI圖標設計。全書內容包括圖標設計的基礎知識,圖標設計常用的工具、功能和輔助效果,以及不同風格的典型設計案例。另外,本書對一些重要案例的設計思路和配色方法進行了全面講解。

《Photoshop 圖標設計基礎與案例教程(培訓教材版)》共8章,採用理論和案例相結合的方式,全面解析圖標設計的整個流程。全書特別設置了“提示”,介紹實際操作中容易遇到的問題及解決方法。本書的案例順應了UI圖標設計的發展趨勢,包含由易到難的線性圖標、扁平化風格圖標和擬物化風格圖標。

《Photoshop 圖標設計基礎與案例教程(培訓教材版)》附帶學習資源,內容包括書中所有案例的源文件、素材文件和效果文件,以及PPT教學課件和在線教學視頻。讀者可以通過在線方式獲取這些資源,具體方法請參看本書前言。

《Photoshop 圖標設計基礎與案例教程(培訓教材版)》非常適合作為UI圖標設計初、中級讀者的入門與提高參考書,也可作為院校和培訓機構UI設計專業課程的教材。

作者簡介

时代印象

有丰富的图书策划经验,与众多高校教师和一线设计师长期合作,出版了众多优秀图书。

曾出版的优秀图书有:

《中文版Photoshop CS6实用教程》

《中文版Photoshop CS6平面设计实用教程》

《中文版3ds Max 2012实用教程》

《After Effects影视特效制作208例》

《中文版CorelDRAW X6完全自学教程》

目錄大綱

第 1章 學習圖標前的理論知識 015

1.1 圖標的基礎 016

1.1.1 圖標是什麽 016

1.1.2 圖標的類型 017

1.1.3 圖標的功能 020

1.1.4 圖標和Logo的區別 021

1.2 分辨率和像素的基礎 022

1.2.1 屏幕尺寸 023

1.2.2 屏幕分辨率 023

1.2.3 像素密度 025

1.3 常見圖標的尺寸 025

1.3.1 iOS圖標尺寸 026

1.3.2 Android圖標尺寸 027

1.4 圖標的格式 027

1.4.1 PNG格式 027

1.4.2 SVG格式 029

1.4.3 ICO格式 030

1.5 製作圖標的常用軟件 031

1.5.1 Photoshop 031

1.5.2 Illustrator 032

1.5.3 Sketch 033

1.6 圖標設計學習要點 033

1.6.1 瞭解iOS和Android的設計特點 033

1.6.2 圖標風格的掌握 035

1.6.3 圖標配色的掌握 036

1.6.4 圖標形狀的掌握 036

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 應用類圖標的設計特點 043

2.2.1 高辨識度 044

2.2.2 獨特的形狀 044

2.2.3 使用網格系統 044

2.2.4 簡化文字 045

2.3 圖標的設計流程 046

2.3.1 設計前的思考 047

2.3.2 尋找隱喻 047

2.3.3 抽象圖形 048

2.3.4 設計分析 049

2.3.5 風格確立 049

2.4 圖標的設計風格 049

2.4.1 風格間的區分 050

2.4.2 扁平化風格2.0 053

2.4.3 擬物化風格 057

2.4.4 為什麽扁平化更迎合時代 058

2.5 色彩搭配速成 059

2.5.1 色彩的三要素 059

2.5.2 色彩的模式 060

2.5.3 取色配色法 060

2.5.4 同色系配色法 061

2.5.5 對比色配色法 061

2.5.6 鄰近色配色法 062

2.5.7 類似色配色法 062

第3章 圖標設計前的基礎操作 063

3.1 必知的三大功能 064

3.1.1 圖層 064

3.1.2 蒙版 067

3.1.3 文字 069

3.2 繪制圖形的工具 070

3.2.1 矩形工具 070

3.2.2 圓角矩形工具 071

3.2.3 橢圓工具 072

3.2.4 多邊形工具 072

3.2.5 直線工具 073

3.2.6 自定形狀工具 074

3.2.7 鋼筆工具 074

第4章 讓圖標質感提升的功能 075

4.1 必備的十大樣式 076

4.1.1 斜面和浮雕 076

4.1.2 描邊 079

4.1.3 內陰影 079

4.1.4 內發光 080

4.1.5 光澤 081

4.1.6 顏色疊加 081

4.1.7 漸變疊加 082

4.1.8 圖案疊加 083

4.1.9 外發光 083

4.1.10 投影 084

4.2 靈活的布爾運算 085

4.2.1 什麽是布爾工具 085

4.2.2 布爾的運算規則 086

4.2.3 布爾運算的條件 086

4.2.4 如何進行布爾運算 086

實戰:布爾書本圖標 087

實戰:布爾音樂圖標 090

第5章 圖標輔助效果的掌握 093

5.1 彌散陰影 094

實戰:彌散陰影 094

實戰:漸變彌散陰影 095

5.2 內缺角陰影 097

實戰:比薩內缺角陰影 098

實戰:剪刀內缺角陰影 100

5.3 長陰影 103

實戰:簡單長陰影 103

實戰:質感長陰影 106

實戰:文字長陰影 111

5.4 金屬效果 116

實戰:拉絲金屬效果 116

實戰:金屬質感效果 120

5.5 木紋和水波紋效果 124

實戰:木紋效果 124

實戰:水波紋效果 128

5.6 高光和倒影 135

實戰:高光效果 135

實戰:倒影效果 139

5.7 磨砂和畫中畫效果 141

實戰:磨砂效果 141

實戰:畫中畫效果 144

第6章 多種風格的線性圖標 147

6.1 簡單線性圖標 148

實戰:製作more圖標 148

實戰:製作less圖標 149

實戰:製作close圖標 150

實戰:製作play圖標 151

實戰:製作pause圖標 152

實戰:製作right圖標 153

6.2 不規則多色線性圖標 155

實戰:製作文件圖標 156

實戰:製作用戶圖標 158

實戰:製作盾牌圖標 160

實戰:製作耳機圖標 164

實戰:製作話筒圖標 167

實戰:製作水杯圖標 170

6.3 描邊風格圖標 172

實戰:描邊蜜蜂圖標 173

實戰:描邊恐龍圖標 178

第7章 扁平化的圖標 183

7.1 天氣圖標 184

7.2 相機圖標 189

7.3 日歷圖標 194

7.4 加速圖標 199

7.5 導航圖標 208

第8章 擬物化的圖標 215

8.1 時鐘圖標 216

8.2 調節圖標 221

8.3 擬物圖標 227

8.4 播放圖標 235

8.5 聊天圖標 241