Photoshop CS6用戶界面設計高手之道

《Photoshop CS6用戶界面設計高手之道》是2015年2月人民郵電出版社出版的圖書，作者是金景文化。

基本介紹

• 中文名：Photoshop CS6用戶界面設計高手之道
• 作者：金景文化
• ISBN：9787115329240
• 頁數：324頁
• 定價：79元
• 出版社：人民郵電出版社
• 出版時間：2015年2月
• 裝幀：平裝
• 開本：16開

內容簡介

《Photoshop CS6用戶界面設計高手之道》由淺入深地講解了通過Photoshop CS6設計各種類型的用戶界面(UI)，內容涉及基礎的軟體知識、操作技巧以及設計UI的各種心得。

《Photoshop CS6用戶界面設計高手之道》共6章，第 1章內容為UI設計基礎，第 2章到第6章分別講解了圖示設計、網頁設計、軟體界面設計、手機界面設計和播放器界面設計等**常見的用戶界面設計類型。各章內容為Photoshop基礎知識和UI實戰案例相結合，有助於初學者逐步掌握基本操作和UI設計基礎。

《Photoshop CS6用戶界面設計高手之道》配套光碟包含書中UI設計案例的PSD檔案以及製作過程的講解視頻。書、源檔案和視頻相結合，可大幅提升學習效率。

《Photoshop CS6用戶界面設計高手之道》適合Photoshop用戶和用戶界面(UI)設計愛好者閱讀，也適合作為各大、中專院校設計專業的配套教材。

圖書目錄

第 1章　UI設計基礎

1.1　了解UI設計　14

1.1.1　什麼是UI　14

1.1.2　常見的UI設計分類　14

1.1.3　UI設計的重要性　16

1.1.4　了解互動的概念　16

1.2　數位化圖像的基礎　16

1.2.1　常見的圖像格式　16

1.2.2　常見的圖像模式　17

1.3　初識Photoshop CS6　18

1.3.1　檔案的基本操作　18

1.3.2　圖像的變換　20

實戰1　簡潔方向按鈕　21

1.3.3　實現不同的漸變效果　24

實戰2　清新環保按鈕　25

實戰3　不規則形狀翻頁按鈕　28

實戰4　水晶流光按鈕　31

實戰5　綠色清新玻璃按鈕　35

實戰6　大氣質感按鈕　37

實戰7　沉穩深邃的時鐘按鈕　42

實戰8　立體IE瀏覽器按鈕　47

1.4　高手之道　51

1.4.1　最佳化Photoshop CS6的設定　51

1.4.2　自定義快捷鍵　51

1.5　本章小結　51

第 2章　圖示設計

2.1　了解圖示設計　53

2.1.1　什麼是圖示　53

2.1.2　圖示的作用　53

2.1.3　圖示設計的意義　53

2.2　圖示設計的原則　53

2.3　圖層的基本操作　54

2.3.1　選擇圖層　55

2.3.2　創建、複製、移動圖層　55

2.3.3　重命名、刪除圖層　56

2.3.4　添加圖層樣式　56

實戰9　可愛的糖果手杖圖示　57

2.4　鋼筆工具　61

2.4.1　創建路徑　61

2.4.2　編輯路徑　62

實戰10　鮮嫩的水果圖示　63

2.5　形狀工具　67

2.5.1　圓角矩形工具　67

2.5.2　自定形狀工具　67

實戰11　華麗彩色圖示　68

實戰12　超級逼真的話筒圖示　71

實戰13　水晶質感圖示　76

實戰14　精美的小鎖圖示　81

實戰15　透明資源回收筒圖示　85

實戰16　3D立體鬧鐘圖示　89

實戰17　精美的播放器圖示　96

2.6　高手之道　105

2.6.1　關於智慧型對象　105

2.6.2　圖示的尺寸和格式　105

2.7　本章小結　105

第3章　網頁設計

3.1　網頁的類型　107

3.1.1　環境性界面　107

3.1.2　情感性界面　107

3.1.3　功能性界面　107

3.2　網頁界面構成元素　108

3.2.1　文本　108

3.2.2　圖像　108

3.2.3　多媒體　108

3.2.4　色彩　108

3.3　網頁設計的原則　108

3.3.1　視覺美觀　109

3.3.2　從用戶著手　109

3.3.3　主題突出　109

3.3.4　整體性　109

3.3.5　更新與維護　109

3.4　圖層“混合模式”　109

3.4.1　組合模式組　110

3.4.2　加深模式組　110

3.4.3　減淡模式組　110

3.4.4　對比模式組　111

3.5　圖層蒙版與剪貼蒙版　112

3.5.1　圖層蒙版　112

3.5.2　剪貼蒙版　112

實戰18　玻璃質感網站登錄界面——玻璃　113

實戰19　玻璃質感網站登錄界面——標頭　116

實戰20　玻璃質感網站登錄界面——按鈕和文本框　118

實戰21　玻璃質感網站登錄界面——切圖　121

實戰22　清新簡潔的網站導航——導航　123

實戰23　清新簡潔的網站導航——切圖　127

實戰24　掛牌樣式下拉選單——頭部　128

實戰25　掛牌樣式下拉選單——底部　130

實戰26　掛牌樣式下拉選單——切圖　133

實戰27　時尚簡潔電子商務網站——導航與索引選單　136

實戰28　時尚簡潔電子商務網站——背景　138

實戰29　時尚簡潔電子商務網站——主體與版底　141

實戰30　時尚簡潔電子商務網站——切圖　145

實戰31　華麗深邃的電子產品網頁——背景　148

實戰32　華麗深邃的電子產品網頁——導航　151

實戰33　華麗深邃的電子產品網頁——版底與Logo　152

實戰34　華麗深邃的電子產品網頁——切圖　154

3.6　高手之道　157

3.6.1　設定“畫筆工具”　157

3.6.2　登錄界面的設計要求　158

3.7　本章小結　158

第4章　軟體界面設計

4.1　軟體界面設計簡介　160

4.1.1　軟體界面設計的目的　160

4.1.2　軟體界面設計的分類　160

4.2　軟體界面設計的原則　161

4.3　圖層樣式中的“混合選項”　162

4.3.1　高級混合　162

4.3.2　混合顏色帶　163

4.4　巧用“樣式”面板　164

4.4.1　使用“樣式”面板中的樣式　164

4.4.2　載入樣式　164

4.4.3　調整顯示方式　165

實戰35　製作視頻轉換器界面——背景框架　166

實戰36　視頻轉換器界面——檔案列表與播放器　168

實戰37　視頻轉換器界面——主選單與抬頭　175

實戰38　視頻轉換器界面——文本框與按鈕組　178

實戰39　視頻轉換器界面——項目進程條與開始按鈕　181

實戰40　手機小遊戲界面——木框與按鈕　183

實戰41　手機小遊戲界面——文字與文本框　187

實戰42　手機小遊戲界面——標題與背景　191

實戰43　手機遊戲購物界面——框架　194

實戰44　手機遊戲購物界面——標誌　197

實戰45　手機遊戲購物界面——文本框　199

實戰46　手機遊戲購物界面——素材處理與裝飾　202

實戰47　線上聊天軟體界面——框架　205

實戰48　線上聊天軟體界面——標題欄、頭像與圖示　208

實戰49　線上聊天軟體界面——聯繫人列表　212

4.5　高手之道　215

4.5.1　巧妙合併形狀　215

4.5.2　合理使用“色板”面板　215

4.6　本章小結　215

第5章　手機界面設計

5.1　手機界面設計基本常識　217

5.1.1　常見的手機顯示屏解析度　217

5.1.2　手機界面的色彩級別　217

5.1.3　手機界面設計圖示的尺寸　217

5.2　手機界面構成的基本單位　217

5.3　手機界面設計的特徵　218

5.4　手機界面設計的原則　218

5.4.1　界面效果的整體性和一致性　218

5.4.2　界面效果的個性化　219

5.4.3　界面視覺元素的規範性　219

5.5　選區的創建方法　219

5.5.1　矩形選框工具和橢圓選框工具　219

5.5.2　套索工具和多邊形套索工具　221

5.5.3　鋼筆工具　221

5.6　圖像調整命令　221

5.6.1　色階　222

5.6.2　曲線　222

5.6.3　色相/飽和度　223

5.7　設定文字屬性　223

5.7.1　“字元”面板　223

5.7.2　選擇文本　225

實戰50　逼真的皮革質感圖示　226

實戰51　精美的手機電池圖示　231

實戰52　手機主界面　238

實戰53　手機撥號界面　244

實戰54　新建信息界面　250

實戰55　iPhone 5手機主界面——圖示　260

實戰56　iPhone 5手機主界面　264

5.8　高手之道　267

5.8.1　調整圖層和調整命令　267

5.8.2　手機的基本類型　268

5.8.3　關於手機界面的切圖　268

5.9　本章小結　268

第6章　播放器界面設計

6.1　播放器界面設計的原則　270

6.1.1　統一性　270

6.1.2　創意性　270

6.1.3　視覺衝擊力　270

6.2　注重人性化　270

6.2.1　舒適性　270

6.2.2　可靠性　271

6.2.3　個性化　271

6.3　Photoshop CS6中的濾鏡　271

6.3.1　高斯模糊　271

6.3.2　雲彩　271

6.3.3　鏡頭光暈　272

6.3.4　高反差保留　272

6.3.5　USM銳化　272

6.4　色彩範圍與快速蒙版　273

6.4.1　色彩範圍　273

6.4.2　快速蒙版　274

6.5　調整圖層與調整命令　275

6.5.1　創建調整圖層　275

6.5.2　照片濾鏡　275

6.5.3　色彩平衡　276

實戰57　簡潔可愛的播放器——主體　277

實戰58　簡潔可愛的播放器——揚聲器　281

實戰59　簡潔可愛的播放器——文字和按鈕　285

實戰60　簡潔可愛的播放器——導線　287

實戰61　亮麗時尚的播放器——底部　290

實戰62　亮麗時尚的播放器——操作盤　293

實戰63　新穎的雙箭頭式播放器——裝飾　295

實戰64　新穎的雙箭頭式播放器——控制按鈕　297

實戰65　新穎的雙箭頭式播放器——滑塊、選單和其他　299

實戰66　個性播放器界面——底座和裝飾　303

實戰67　個性播放器界面——底盤和螢幕　307

實戰68　個性播放器界面——圖示和按鈕　311

實戰69　個性播放器界面——揚聲器、信息與logo　314

實戰70　個性播放器界面——按鍵　318

6.6　高手之道　323

6.6.1　磁性套索工具　323

6.6.2　強大的“調整邊緣”　323

6.7　本章小結　324