7天精通Photoshop CS6 UI交互設計(全彩‧含CD光碟1張)（簡體書）

本書共分為7 章，分別為第1 天，快速入門——按鈕設計；第2 天，牛刀小試——圖示設計；第3 天，交互基礎——登錄介面設計；第4 天，網路天地——網頁介面設計；第5 天，移動互聯——手機介面設計；第6 天，娛樂互動——播放機介面設計和第7 天，交互應用——軟體介面設計。

本書的知識點安排合理、條理清晰；內容全面完善、有針對性；操作案例精美實用、講解詳盡。配套的多媒體光碟中提供了本書中所有實例的相關視頻教程，以及所有實例的原始檔案及素材，方便讀者學習和參考。

張曉景資深作者，曾在北大、農大等培訓機構任專職或兼職講師。Adobe國際認證講師資格，參與多本暢銷書寫作。

編輯推薦
7天時間掌握phtoshop UI設計，從零起步成高手

第1天 快速入門——按鈕設計

　1 1 什麼是介面設計

　1 2 圖形介面的分類

　1 3 巡覽列和按鈕的設計要點

　1 3 1 巡覽列

　1 3 2 按鈕

　1 4 數位化圖像基礎

　1 4 1 點陣圖圖像

　1 4 2 向量圖形

　1 5 Photoshop CS6的工作介面

　1 6 優化配置Photoshop

　設置暫存檔、歷史記錄狀態和最近檔清單

　1 7 檔的基本操作

　1 7 1 新建文件

　1 7 2 打開文件

　1 7 3 存儲檔

　1 8 圖像的變換操作

　1 8 1 移動圖像

　1 8 2 縮放圖像

　1 8 3 旋轉圖像

　1 8 4 斜切圖像

　1 8 5 扭曲圖像

　1 8 6 透視圖像

　1 8 7 變形

　1 8 8 自由變換

　1 9 設置前景色和背景色

　1 9 1 使用“拾色器”對話方塊

　1 9 2 使用“顏色”面板

　1 9 3 使用“色板”面板

　應用案例：

　自測1 製作簡潔開機按鈕

　自測2 製作網站主頁按鈕

　自測3 製作精美下載按鈕

　自測4 製作水晶質感按鈕

　自測5 製作時尚音樂按鈕

　自測6 製作逼真鏡頭按鈕

　自測7 製作遊戲網站巡覽列

　自我評價

　總結擴展

第2天 牛刀小試——圖示設計

　2 1 圖示設計的意義

　2 2 圖示的設計原則

　2 2 1 可識別性原則

　2 2 2 與環境協調的原則

　2 2 3 差異性原則

　2 2 4 視覺效果的原則

　2 2 5 創造性原則

　2 3 圖層的概念

　2 4 圖層的基本操作

　2 4 1 新建圖層

　2 4 2 複製、刪除圖層

　2 4 3 調整圖層順序

　2 5 圖層混合模式

　2 5 1 組合模式組

　2 5 2 加深模式組

　2 5 3 減淡模式組

　2 5 4 比模式組

　2 5 5 比較模式組

　2 5 6 色彩模式組

　2 6 畫筆工具

　2 7 設置漸變色

　應用案例：

　自測1 製作精緻的音箱圖示

　自測2 製作逼真的西瓜圖示

　自測3 製作金屬質感的時鐘圖示

　自測4 製作立體圖標

　自測5 製作逼真的iPod nano圖示

　自我評價

　總結擴展

第3天 交互基礎——登陸介面設計

　3 1 登錄介面的設計要求

　3 2 登錄介面的設計原則

　3 3 登錄介面設計需要注意的事項

　3 4 形狀工具

　3 4 1 矩形工具和橢圓工具

　3 4 2 角矩形工具

　3 4 3 多邊形工具和直線工具

　3 4 4 自定形狀工具

　3 5 強大的“圖層樣式”

　3 5 1 添加圖層樣式

　3 5 2 導入外部樣式

　3 6 圖層蒙版

　3 6 1 創建圖層蒙版

　3 6 2 啟用與停用圖層蒙版

　3 7 剪貼蒙版

　3 8 創建與編輯文字

　3 8 1 “字元”面板

　3 8 2 創建文字

　3 8 3 對文字進行轉換

　應用案例：

　自測1 製作古典式登陸介面

　自測2 製作筆記本式登陸介面

　自測3 製作清新的網站登錄介面

　自測4 製作精緻的iCloud登陸介面

　自測5 製作查詢系統登錄介面

　自我評價

　總結擴展

第4天 網路天地——網頁介面設計

　4 1 網頁介面設計的分類

　4 1 1 環境性介面

　4 1 2 情感性介面

　4 1 3 功能性介面

　4 2 網頁介面構成元素

　4 2 1 文字

　4 2 2 圖像

　4 2 3色彩

　4 2 4 多媒體

　4 3 網頁介面的設計原則

　4 3 1 視覺美觀性原則

　4 3 2 為用戶考慮原則

　4 3 3 主題突出原則

　4 3 4 整體性原則

　4 3 5 內容與形式相統一原則

　4 3 6 更新和維護原則

　4 4 選區的創建與編輯

　4 4 1 單行選框工具、單列選框工具

　4 4 2 矩形選框工具、橢圓選框工具

　4 4 3 多邊形套索工具

　4 4 4 磁性套索工具

　4 5 常用的圖像調整命令

　4 5 1 “色階”命令

　4 5 2 “曲線”命令

　4 5 3 “色相、飽和度”命令

　4 6 調整圖層的創建與編輯

　4 6 1 創建調整圖層

　4 6 2 編輯調整圖層

　4 7 調整圖層與調整命令的區別

　應用案例：

　自測1 製作旅遊網站頁面——背景圖

　自測2 製作旅遊網站頁面——導航和其他

　自測3 製作設計公司網站頁面——框架和背景

　自測4 製作設計公司網站頁面——導航與其他

　自測5 製作房地產網站頁面

　自測6 製作科技網站頁面

　自我評價

　總結擴展

第5天 移動互聯——手機介面設計

　5 1 以用戶為中心的手機介面設計

　5 2 手機介面的一致性和個性化

　5 2 1 介面效果的協調一致性

　5 2 2 介面效果的個性化

　5 3 手機介面設計的特徵

　5 4 路徑與錨點

　5 4 1 路徑的類型

　5 4 2 錨點的類型

　5 5 “鋼筆工具”詳解

　5 5 1 創建直線段

　5 5 2 創建曲線

　5 6 管理路徑

　5 6 1 選擇/取消選擇路徑

　5 6 2 更改路徑縮覽圖大小

　5 7 編輯和調整路徑

　5 7 1 轉換點工具

　5 7 2 直接選擇工具

　5 7 3 路徑選擇工具

　5 8 路徑與選區的轉換

　5 8 1 將路徑轉換為選區

　5 8 2 將選區轉換為路徑

　5 9 存儲路徑

　應用案例：

　自測1 製作手機電量圖示

　自測2 製作通話記錄介面

　自測3 製作手機天氣資訊介面

　自測4 製作功能選擇介面

　自測5 製作手機資訊介面

　自測6 製作手機功能介面

　自我評價

　總結擴展

第6天 娛樂互動——播放機介面設計

　6 1 注重人性化的設計

　6 1 1 舒服性

　6 1 2 可靠性

　6 1 3 個性化

　6 2 播放機介面設計原則

　6 2 1 協調統一性

　6 2 2 創意性

　6 2 3 視覺衝擊力

　6 3 存儲漸變、圖案與畫筆

　6 3 1 存儲漸變

　6 3 2 存儲圖案

　6 3 3 存儲畫筆

　6 4 常用的濾鏡命令

　6 4 1 高斯模糊

　6 4 2 徑向模糊

　6 4 3 添加雜色

　6 4 4 USM銳化

　應用案例：

　自測1 製作時尚黑色播放機

　自測2 製作質感播放機

　自測3 製作簡約靈動的白色播放機

　自測4 製作個性的橄欖球形式播放機

　自測5 製作精美的QQ音樂皮膚

　自我評價

　總結擴展

第7天 交互應用——軟體介面設計

　7 1軟體介面設計簡介

　7 2 軟體介面設計的目的

　7 3 軟體介面設計的原則

　7 4 關於智慧物件

　7 4 1 創建智慧對象

　7 4 2 編輯智慧物件

　7 4 3 替換智慧物件

　7 5 關於智慧濾鏡

　7 5 1 應用智慧濾鏡

　7 5 2 編輯智能濾鏡

　7 5 3 修改智慧濾鏡混合選項

　7 5 4 隱藏/顯示智慧濾鏡

　7 5 5 控制智慧濾鏡顯示範圍

　7 6 通道、蒙版和選區

　7 6 1 “通道”面板

　7 6 2 關於蒙版和通道

　7 6 3 存儲/載入選區

　應用案例：

　自測1 製作時尚的軟體登陸介面

　自測2 製作軟體發佈介面

　自測3 製作網路電話軟體介面

　自測4 製作漂亮的軟體下拉式功能表

　自測5 製作視頻播放機軟體介面

　自我評價

　總結擴展

第1天 快速入門——按鈕設計

　1 1 什麼是介面設計

　1 2 圖形介面的分類

　1 3 巡覽列和按鈕的設計要點

　1 3 1 巡覽列

　1 3 2 按鈕

　1 4 數位化圖像基礎

　1 4 1 點陣圖圖像

　1 4 2 向量圖形

　1 5 Photoshop CS6的工作介面

　1 6 優化配置Photoshop

　設置暫存檔、歷史記錄狀態和最近檔清單

　1 7 檔的基本操作

　1 7 1 新建文件

　1 7 2 打開文件

　1 7 3 存儲檔

　1 8 圖像的變換操作

　1 8 1 移動圖像

　1 8 2 縮放圖像

　1 8 3 旋轉圖像

　1 8 4 斜切圖像

　1 8 5 扭曲圖像

　1 8 6 透視圖像

　1 8 7 變形

　1 8 8 自由變換

　1 9 設置前景色和背景色

　1 9 1 使用“拾色器”對話方塊

　1 9 2 使用“顏色”面板

　1 9 3 使用“色板”面板

　應用案例：

　自測1 製作簡潔開機按鈕

　自測2 製作網站主頁按鈕

　自測3 製作精美下載按鈕

　自測4 製作水晶質感按鈕

　自測5 製作時尚音樂按鈕

　自測6 製作逼真鏡頭按鈕

　自測7 製作遊戲網站巡覽列

　自我評價

　總結擴展

第2天 牛刀小試——圖示設計

　2 1 圖示設計的意義

　2 2 圖示的設計原則

　2 2 1 可識別性原則

　2 2 2 與環境協調的原則

　2 2 3 差異性原則

　2 2 4 視覺效果的原則

　2 2 5 創造性原則

　2 3 圖層的概念

　2 4 圖層的基本操作

　2 4 1 新建圖層

　2 4 2 複製、刪除圖層

　2 4 3 調整圖層順序

　2 5 圖層混合模式

　2 5 1 組合模式組

　2 5 2 加深模式組

　2 5 3 減淡模式組

　2 5 4 比模式組

　2 5 5 比較模式組

　2 5 6 色彩模式組

　2 6 畫筆工具

　2 7 設置漸變色

　應用案例：

　自測1 製作精緻的音箱圖示

　自測2 製作逼真的西瓜圖示

　自測3 製作金屬質感的時鐘圖示

　自測4 製作立體圖標

　自測5 製作逼真的iPod nano圖示

　自我評價

　總結擴展

第3天 交互基礎——登陸介面設計

　3 1 登錄介面的設計要求

　3 2 登錄介面的設計原則

　3 3 登錄介面設計需要注意的事項

　3 4 形狀工具

　3 4 1 矩形工具和橢圓工具

　3 4 2 角矩形工具

　3 4 3 多邊形工具和直線工具

　3 4 4 自定形狀工具

　3 5 強大的“圖層樣式”

　3 5 1 添加圖層樣式

　3 5 2 導入外部樣式

　3 6 圖層蒙版

　3 6 1 創建圖層蒙版

　3 6 2 啟用與停用圖層蒙版

　3 7 剪貼蒙版

　3 8 創建與編輯文字

　3 8 1 “字元”面板

　3 8 2 創建文字

　3 8 3 對文字進行轉換

　應用案例：

　自測1 製作古典式登陸介面

　自測2 製作筆記本式登陸介面

　自測3 製作清新的網站登錄介面

　自測4 製作精緻的iCloud登陸介面

　自測5 製作查詢系統登錄介面

　自我評價

　總結擴展

第4天 網路天地——網頁介面設計

　4 1 網頁介面設計的分類

　4 1 1 環境性介面

　4 1 2 情感性介面

　4 1 3 功能性介面

　4 2 網頁介面構成元素

　4 2 1 文字

　4 2 2 圖像

　4 2 3色彩

　4 2 4 多媒體

　4 3 網頁介面的設計原則

　4 3 1 視覺美觀性原則

　4 3 2 為用戶考慮原則

　4 3 3 主題突出原則

　4 3 4 整體性原則

　4 3 5 內容與形式相統一原則

　4 3 6 更新和維護原則

　4 4 選區的創建與編輯

　4 4 1 單行選框工具、單列選框工具

　4 4 2 矩形選框工具、橢圓選框工具

　4 4 3 多邊形套索工具

　4 4 4 磁性套索工具

　4 5 常用的圖像調整命令

　4 5 1 “色階”命令

　4 5 2 “曲線”命令

　4 5 3 “色相、飽和度”命令

　4 6 調整圖層的創建與編輯

　4 6 1 創建調整圖層

　4 6 2 編輯調整圖層

　4 7 調整圖層與調整命令的區別

　應用案例：

　自測1 製作旅遊網站頁面——背景圖

　自測2 製作旅遊網站頁面——導航和其他

　自測3 製作設計公司網站頁面——框架和背景

　自測4 製作設計公司網站頁面——導航與其他

　自測5 製作房地產網站頁面

　自測6 製作科技網站頁面

　自我評價

　總結擴展

第5天 移動互聯——手機介面設計

　5 1 以用戶為中心的手機介面設計

　5 2 手機介面的一致性和個性化

　5 2 1 介面效果的協調一致性

　5 2 2 介面效果的個性化

　5 3 手機介面設計的特徵

　5 4 路徑與錨點

　5 4 1 路徑的類型

　5 4 2 錨點的類型

　5 5 “鋼筆工具”詳解

　5 5 1 創建直線段

　5 5 2 創建曲線

　5 6 管理路徑

　5 6 1 選擇/取消選擇路徑

　5 6 2 更改路徑縮覽圖大小

　5 7 編輯和調整路徑

　5 7 1 轉換點工具

　5 7 2 直接選擇工具

　5 7 3 路徑選擇工具

　5 8 路徑與選區的轉換

　5 8 1 將路徑轉換為選區

　5 8 2 將選區轉換為路徑

　5 9 存儲路徑

　應用案例：

　自測1 製作手機電量圖示

　自測2 製作通話記錄介面

　自測3 製作手機天氣資訊介面

　自測4 製作功能選擇介面

　自測5 製作手機資訊介面

　自測6 製作手機功能介面

　自我評價

　總結擴展

第6天 娛樂互動——播放機介面設計

　6 1 注重人性化的設計

　6 1 1 舒服性

　6 1 2 可靠性

　6 1 3 個性化

　6 2 播放機介面設計原則

　6 2 1 協調統一性

　6 2 2 創意性

　6 2 3 視覺衝擊力

　6 3 存儲漸變、圖案與畫筆

　6 3 1 存儲漸變

　6 3 2 存儲圖案

　6 3 3 存儲畫筆

　6 4 常用的濾鏡命令

　6 4 1 高斯模糊

　6 4 2 徑向模糊

　6 4 3 添加雜色

　6 4 4 USM銳化

　應用案例：

　自測1 製作時尚黑色播放機

　自測2 製作質感播放機

　自測3 製作簡約靈動的白色播放機

　自測4 製作個性的橄欖球形式播放機

　自測5 製作精美的QQ音樂皮膚

　自我評價

　總結擴展

第7天 交互應用——軟體介面設計

　7 1軟體介面設計簡介

　7 2 軟體介面設計的目的

　7 3 軟體介面設計的原則

　7 4 關於智慧物件

　7 4 1 創建智慧對象

　7 4 2 編輯智慧物件

　7 4 3 替換智慧物件

　7 5 關於智慧濾鏡

　7 5 1 應用智慧濾鏡

　7 5 2 編輯智能濾鏡

　7 5 3 修改智慧濾鏡混合選項

　7 5 4 隱藏/顯示智慧濾鏡

　7 5 5 控制智慧濾鏡顯示範圍

　7 6 通道、蒙版和選區

　7 6 1 “通道”面板

　7 6 2 關於蒙版和通道

　7 6 3 存儲/載入選區

　應用案例：

　自測1 製作時尚的軟體登陸介面

　自測2 製作軟體發佈介面

　自測3 製作網路電話軟體介面

　自測4 製作漂亮的軟體下拉式功能表

　自測5 製作視頻播放機軟體介面

　自我評價

　總結擴展

圖形介面的分類很多，常用的幾種包括軟體介面、網頁介面、播放機介面、手機介面

和遊戲介面等。無論進行哪種使用者介面設計，設計者都應該事先採集目標使用者的習慣交互

方式，並依據這些資訊合理安排介面中的各種功能和操作方式。