Photoshop UI互動設計

Photoshop UI互動設計

《Photoshop UI互動設計》是2020年3月人民郵電出版社出版的圖書,作者是張晨起。

基本介紹

  • 中文名:Photoshop UI互動設計
  • 作者:張晨起
  • ISBN:9787115414946
  • 頁數:186頁
  • 定價:59元
  • 出版社:人民郵電出版社
  • 出版時間:2020年3月
  • 裝幀:平裝
  • 開本:16開
內容簡介,圖書目錄,

內容簡介

本書囊括了各行業中UI設計的經驗與準則,並結合大量實際設計案例,提出了很多有利於設計師從事UI設計的要素,例如網頁UI設計、軟體UI設計和手機UI設計,從基本的按鈕設計製作到全面的播放器界面設計製作。全書以圖文並茂且簡單易懂的形式,為廣大讀者詳細解讀了用戶界面設計的理念與方法。通過學習這些寶貴的設計經驗與法則,讀者同樣可以設計出觸動人心的作品。
本書共6章,以循序漸進的方式,全面介紹了Photoshop在界面設計方面的處理方法和技巧。第 1章,UI設計基礎;第 2章,圖示設計;第3章,網頁設計;第4章,軟體界面設計;第5章,手機界面設計;第6章,播放器界面設計。全書劃分得很詳細,並將基礎知識與案例相結合。
本書適合平面設計製作的初、中級讀者、有一定Photoshop操作基礎的讀者閱讀,也可以作為商業設計製作人員及相關專業師生的參考用書。

圖書目錄

1章 UI設計基礎 1
1.1 了解UI設計 2
1.1.1 什麼是UI設計 2
1.1.2 常見的UI設計分類 2
1.1.3 導航欄和按鈕的設計要點 3
1.1.4 UI設計的重要性 4
1.1.5 了解互動的概念 5
1.2 數位化圖像的基礎 5
1.2.1 常見圖像格式 5
1.2.2 常見圖像模式 6
1.2.3 常見圖像類型 6
1.3 初識Photoshop CC 7
1.3.1 最佳化配置Photoshop CC 8
1.3.2 檔案的基本操作 8
1.3.3 圖像的變換 10
1.3.4 設定前景色和背景色 11
1.3.5 按鈕的套用格式 16
1.3.6 實現不同的漸變效果 16
1.4 擴展練習 33
1.5 本章小結 33
第 2章 圖示設計 35
2.1 了解圖示設計 36
2.1.1 什麼是圖示 36
2.1.2 圖示設計的作用 36
2.1.3 圖示設計的意義 36
2.2 圖示設計的繪製原則 36
2.3 Photoshop圖層的基本操作 41
2.3.1 新建圖層 41
2.3.2 選擇圖層 42
2.3.3 複製、移動圖層 42
2.3.4 重命名圖層、刪除圖層 44
2.4 畫筆工具 50
2.4.1 預設畫筆工具 52
2.4.2 自定義畫筆筆觸 53
2.5 鋼筆工具 57
2.5.1 創建路徑 59
2.5.2 編輯路徑 59
2.5.3 路徑的變換操作 60
2.6 形狀工具 60
2.7 擴展練習 65
2.8 本章小結 65
第3章 網頁設計 67
3.1 了解網頁UI 68
3.1.1 什麼是網頁設計 68
3.1.2 網頁設計的分類 68
3.2 網頁界面構成元素 69
3.2.1 文字 69
3.2.2 圖像 69
3.2.3 色彩 70
3.2.4 多媒體 70
3.3 網頁設計的原則 70
3.3.1 視覺美觀性原則 70
3.3.2 主題突出原則 71
3.3.3 整體性原則 71
3.3.4 為用戶考慮原則 72
3.3.5 更新和維護原則 72
3.4 網頁界面布局形式 72
3.4.1 標題型 72
3.4.2 左右框架型 73
3.4.3 上下框架型 73
3.4.4 綜合型 73
3.4.5 動畫型 73
3.4.6 圖片型 74
3.5 圖層的“不透明度” 79
3.6 圖層的“混合模式” 84
3.6.1 組合模式組 85
3.6.2 加深模式組 85
3.6.3 減淡模式組 85
3.6.4 對比模式組 86
3.7 蒙版的套用 88
3.7.1 認識蒙版 89
3.7.2 蒙版的分類 89
3.7.3 蒙版的“屬性”面板 89
3.7.4 圖層蒙版 89
3.7.5 矢量蒙版 90
3.7.6 剪貼蒙版 90
3.7.7 移動複製蒙版 91
3.7.8 連結和取消連結蒙版 91
3.8 擴展練習 97
3.9 本章小結 98
第4章 軟體界面設計 100
4.1 軟體界面設計發展歷程 101
4.2 軟體界面設計簡介 101
4.2.1 軟體界面設計的標準 101
4.2.2 軟體界面設計的分類 101
4.3 軟體界面設計的原則 102
4.4 軟體界面設計中的螢幕設計 102
4.5 套用圖層樣式 105
4.5.1 添加圖層樣式 105
4.5.2 “樣式”面板 106
4.5.3 導入外部樣式 106
4.5.4 顯示“樣式面板”的方式 107
4.6 設定混合選項 110
4.6.1 高 級混合 110
4.6.2 混合顏色帶 111
4.7 文字工具的使用 114
4.7.1 認識文字工具 114
4.7.2 文字工具的選項欄 115
4.8 輸入文字 115
4.9 設定字元和段落屬性 115
4.9.1 “字元”面板 115
4.9.2 “段落”面板 116
4.10 編輯文字 117
4.10.1 將文字轉換為選區範圍 117
4.10.2 將文字轉換為路徑 117
4.10.3 將文字轉換為形狀 117
4.10.4 柵格化文字 117
4.11 擴展練習 121
4.12 本章小結 122
第5章 手機界面設計 124
5.1 手機界面設計的重要性 125
5.2 手機界面設計的要求 125
5.2.1 界面效果的整體性、一致性 125
5.2.2 界面效果的個性化 125
5.2.3 界面視覺元素的規範 126
5.3 手機界面設計的特徵 126
5.4 手機界面設計的基本常識 126
5.4.1 常見手機顯示屏解析度 127
5.4.2 手機界面的色彩級別 127
5.4.3 手機界面設計圖示的尺寸 127
5.5 選區的操作 132
5.5.1 選區的概述 132
5.5.2 創建選區的方法 132
5.6 創建選區的工具 134
5.6.1 選框工具組 134
5.6.2 選框工具的選項欄 135
5.6.3 套索工具組 138
5.6.4 “磁性套索工具”的選項欄 139
5.6.5 魔棒工具組 140
5.7 創建選區的其他方法 140
5.8 關於Photoshop CC的調整命令 143
5.8.1 調整命令的分類 143
5.8.2 調整命令的使用方法 143
5.9 圖像色調的基本調整命令 144
5.9.1 色階 144
5.9.2 曲線 145
5.9.3 色相/飽和度 145
5.9.4 亮度/對比度 146
5.10 擴展練習 150
5.11 本章小結 150
第6章 播放器界面設計 152
6.1 注意人性化的設計 153
6.1.1 舒適性 153
6.1.2 可靠性 153
6.1.3 個性化 153
6.2 播放器界面設計的原則 153
6.2.1 協調統一性 154
6.2.2 創造性 154
6.2.3 視覺衝擊力 154
6.3 情感化因素不可忽視 154
6.4 Photoshop CC中的濾鏡 158
6.4.1 什麼是濾鏡 158
6.4.2 濾鏡的類型 158
6.4.3 使用濾鏡的注意事項 159
6.4.4 濾鏡的種類和用途 159
6.5 認識濾鏡庫 160
6.6 常見的濾鏡 161
6.7 智慧型濾鏡 167
6.8 智慧型對象 168
6.8.1 創建智慧型對象 168
6.8.2 編輯智慧型對象 168
6.9 色彩範圍與快速蒙版 177
6.9.1 色彩範圍 177
6.9.2 快速蒙版 177
6.10 調整圖層與調整命令 178
6.10.1 創建調整圖層 178
6.10.2 照片濾鏡 178
6.10.3 色彩平衡 178
6.10.4 強大的“調整邊緣” 179
6.11 調整圖層與調整命令的不同之處 180
6.12 擴展練習 185
6.13 本章小結 185

相關詞條

熱門詞條

聯絡我們