具体描述
書名:Photoshop移動UI設計從入門到精通（配光盤）
定價：78元
作者:蔣珍珍
齣版社：清華大學齣版社
齣版日期：2017-06-01
ISBN：9787302469643
字數：538000
頁碼：341
版次：1
裝幀：平裝-膠訂
開本：32開
第1 章新手導航：移動UI 的設計常識……………………………………… 1
1.1 便捷生活：認識移動UI 設計 ………………………………………………… 2
1.1.1 連接工具和人的界麵 ………………………………………………………2
1.1.2 連接用戶和手機的界麵 ……………………………………………………2
1.1.3 移動UI 的設計特點 ………………………………………………………3
1.1.4 移動UI 的設計基礎 ………………………………………………………5
1.2 主流係統：深入瞭解UI 的操作平颱 ………………………………………… 7
1.2.1 榖歌Android 係統 …………………………………………………………8
1.2.2 蘋果iOS 係統 …………………………………………………………… 10
1.2.3 微軟Windows Phone 係統 …………………………………………… 12
1.3 熟悉界麵：瞭解手機與平闆的界麵 …………………………………………… 15
1.3.1 手機界麵 ………………………………………………………………… 15
1.3.2 平闆電腦界麵 …………………………………………………………… 18
1.3.3 流程分析 ………………………………………………………………… 20
1.3.4 注意事項 ………………………………………………………………… 20
第2 章掌控布局：移動UI 設計的布局原則……………………………… 21
2.1 初級布局：解析移動UI 的縱橫布局 ………………………………………… 22
2.1.1 竪嚮排列布局 …………………………………………………………… 22
2.1.2 橫嚮排列布局 …………………………………………………………… 22
2.1.3 九宮格排列布局 ………………………………………………………… 23
2.2 高級布局：解析移動UI 的特殊布局 ………………………………………… 24
2.2.1 彈齣框式布局 …………………………………………………………… 24
2.2.2 熱門標簽布局 …………………………………………………………… 24
2.2.3 側邊欄式布局 …………………………………………………………… 25
2.2.4 陳列館式布局 …………………………………………………………… 26
2.2.5 分段菜單式布局 ………………………………………………………… 28
2.2.6 點聚式布局 ……………………………………………………………… 28
2.2.7 轉盤式布局 ……………………………………………………………… 29
2.2.8 導航欄置底式布局 ………………………………………………………29
2.2.9 磁貼狀態式布局 ………………………………………………………… 30
2.2.10 菜單式布局 ………………………………………………………… 30
2.2.11 導航欄置頂式布局……………………………………………………… 31
2.2.12 幻燈片式布局…………………………………………………………… 32
2.3 優化布局：掌握移動UI 的布局策略 ………………………………………… 33
2.3.1 圖錶信息布局的設計方法 ……………………………………………… 33
2.3.2 界麵細節的設計方法 ……………………………………………………34
2.3.3 移動UI 的布局規則 ……………………………………………………36
第3 章透析本質：移動UI 視覺交互設計法則…………………………… 41
3.1 博人眼球：把握UI 的視覺特色 ……………………………………………… 42
3.1.1 打造簡潔與抽象美感 ……………………………………………………42
3.1.2 營造趣味視覺畫麵 ………………………………………………………43
3.1.3 塑造華麗視覺效果 ………………………………………………………44
3.1.4 把握色彩的使用特點 ……………………………………………………45
3.2 挖掘內涵：提升UI 的文字設計 ……………………………………………… 45
3.2.1 內容設計簡化 …………………………………………………………… 46
3.2.2 字體設計閤理 …………………………………………………………… 46
3.2.3 突齣文字層次 …………………………………………………………… 48
3.2.4 信息錶達清晰 …………………………………………………………… 50
3.2.5 掌握文字間距 …………………………………………………………… 52
3.2.6 文字顔色設計 …………………………………………………………… 52
3.2.7 畫麵美感設計 …………………………………………………………… 54
3.2.8 實用性能優化 …………………………………………………………… 55
3.3 精益求精：優化移動UI 的圖案效果 ………………………………………… 56
3.3.1 分辨率影響美感 ………………………………………………………… 56
3.3.2 拉伸影響美感 …………………………………………………………… 57
3.3.3 美化界麵 …………………………………………………………… 58
3.3.4 交互動作特性 …………………………………………………………… 59
3.3.5 增加真實感 ……………………………………………………………… 59
3.3.6 透析事物關係 …………………………………………………………… 60
3.3.7 展現復雜效果 …………………………………………………………… 61
3.3.8 展現簡單動畫 …………………………………………………………… 62
3.3.9 實現誇張想象 …………………………………………………………… 62
第4 章深入解析：移動UI 的構成元素…………………………………… 63
4.1 專注體驗：掌握基本元素的設計技巧 ………………………………………… 64
4.1.1 用戶體驗 ………………………………………………………………… 64
4.1.2 模糊背景 ………………………………………………………………… 65
4.1.3 滾動功能 ………………………………………………………………… 66
4.1.4 色調搭配 ………………………………………………………………… 66
4.1.5 情景感知 ………………………………………………………………… 67
4.1.6 擬物設計 ………………………………………………………………… 69
4.1.7 簡潔提示 ………………………………………………………………… 70
4.2 對點切入：靈活地帶入情感元素 ……………………………………………… 71
4.2.1 情感切入點 ……………………………………………………………… 72
4.2.2 驚喜拉近距離 …………………………………………………………… 73
4.2.3 真實獲得認可 …………………………………………………………… 74
4.3 組件解析：熟知移動UI 的按鈕組件 ………………………………………… 75
4.3.1 常規按鈕設計 …………………………………………………………… 75
4.3.2 編輯輸入框設計 ………………………………………………………… 76
4.3.3 開關按鈕設計 …………………………………………………………… 76
4.3.4 瀏覽模式設計 …………………………………………………………… 77
4.3.5 文本標簽設計 …………………………………………………………… 78
4.3.6 警告框設計 ……………………………………………………………… 78
4.3.7 導航欄設計 ……………………………………………………………… 79
4.3.8 頁麵切換設計 …………………………………………………………… 79
4.3.9 進度條設計 ……………………………………………………………… 80
4.3.10 ico 圖標設計 …………………………………………………………… 81
第5 章軟件進階：Photoshop 移動UI 快速上手……………………… 83
5.1 軟件進階：Photoshop 移動UI 快速上手 ………………………………… 84
5.1.1 Photoshop CC 的安裝 …………………………………………………84
5.1.2 Photoshop CC 的卸載 …………………………………………………86
5.2 界麵詳解：熟悉Photoshop CC 的工作界麵 ……………………………… 87
5.2.1 菜單欄 …………………………………………………………………… 88
5.2.2 狀態欄 …………………………………………………………………… 89
5.2.3 工具屬性欄 ……………………………………………………………… 90
5.2.4 工具箱 …………………………………………………………………… 91
5.2.5 圖像編輯窗口 …………………………………………………………… 91
5.2.6 浮動控製麵闆 …………………………………………………………… 92
5.3 圖像知識：識彆移動UI 設計的基本圖像 …………………………………… 93
5.3.1 位圖與矢量圖形 ………………………………………………………… 93
5.3.2 像素與分辨率 …………………………………………………………… 94
5.3.3 圖像顔色模式 …………………………………………………………… 96
5.3.4 存儲文件格式 …………………………………………………………… 98
5.4 圖像操作：瞭解移動UI 圖像的操作模式 …………………………………… 99
5.4.1 新建空白圖像文件 ………………………………………………………99
5.4.2 打開UI 圖像文件 ………………………………………………………100
5.4.3 保存UI 圖像文件 ………………………………………………………101
5.4.4 關閉UI 圖像文件 ………………………………………………………102
5.4.5 完成圖像撤銷操作 ………………………………………………………103
5.4.6 應用快照還原圖像 ………………………………………………………103
5.4.7 恢復圖像初始狀態 ………………………………………………………104
5.5 窗口調節：掌握移動UI 圖像的窗口操作 …………………………………104
5.5.1 調整還原窗口設置 ………………………………………………………105
5.5.2 展開/ 摺疊麵闆設置 ……………………………………………………106
5.5.3 移動調整麵闆設置 ………………………………………………………107
5.5.4 圖像編輯窗口排列設置 …………………………………………………109
5.5.5 圖像編輯窗口切換設置 …………………………………………………111
5.5.6 圖像編輯窗口大小調整 …………………………………………………112
5.5.7 移動圖像編輯窗口 ………………………………………………………114
第6 章視覺美感：UI 的色彩與風格設計…………………………………115
6.1 色彩解析：瞭解移動UI 圖像的顔色屬性 …………………………………116
6.1.1 色相區分 …………………………………………………………………116
6.1.2 明度標準 …………………………………………………………………117
6.1.3 色彩飽和度 ………………………………………………………………117
6.1.4 顔色的分布狀態 …………………………………………………………118
6.1.5 顔色模式轉換 ……………………………………………………………120
6.1.6 色域範圍的識彆 …………………………………………………………124
6.2 自動調色：自動校正移動UI 圖像的色彩 ………………………………… 125
6.2.1 “自動色調”命令 ………………………………………………………125
6.2.2 “自動對比度”命令 ……………………………………………………126
6.2.3 “自動顔色”命令 ………………………………………………………127
6.3 色調調整：調整移動UI 圖像的影調 ……………………………………… 129
6.3.1 “色階”命令 ……………………………………………………………129
6.3.2 “亮度/ 對比度”命令 …………………………………………………131
6.3.3 “麯綫”命令 ……………………………………………………………133
6.3.4 “曝光度”命令 …………………………………………………………135
第7 章畫龍點睛：移動UI 文字的編排設計………………………………137
7.1 文字排列：掌握移動UI 中文字的排列 …………………………………… 138
7.1.1 常見文字類型 ……………………………………………………………138
7.1.2 文字屬性設置 ……………………………………………………………138
7.1.3 橫排文字輸入 ……………………………………………………………141
7.1.4 直排文字輸入 ……………………………………………………………142
7.1.5 段落文字輸入 ……………………………………………………………144
7.1.6 選區文字輸入 ……………………………………………………………146
7.2 完善效果：設置移動UI 中的文字效果 …………………………………… 149
7.2.1 文字屬性的設置 …………………………………………………………149
7.2.2 段落屬性的設置 …………………………………………………………150
7.2.3 選擇和移動UI 圖像文字 ………………………………………………152
7.2.4 設置文字的方嚮互換 ……………………………………………………153
7.2.5 段落文本與點文本的切換 ………………………………………………153
7.2.6 文字的拼寫檢查 …………………………………………………………155
7.2.7 文字的查找與替換 ………………………………………………………157
第8 章界麵：移動UI 圖像的摳取與………………………… 159
8.1 命令摳圖：掌握移動UI 圖像命令摳圖技法 ………………………………160
8.1.1 “反嚮”命令 ……………………………………………………………160
8.1.2 “色彩範圍”命令 ………………………………………………………161
8.1.3 “擴大選取”命令…………………………………………………………163
8.1.4 “選取相似”命令 ………………………………………………………164
8.2 工具摳圖：掌握移動UI 圖像工具摳圖技法 ………………………………165
8.2.1 快速選擇工具 ……………………………………………………………165
8.2.2 魔棒工具 …………………………………………………………………167
8.2.3 矩形選框工具 ……………………………………………………………170
8.2.4 橢圓選框工具 ……………………………………………………………173
8.2.5 套索工具 …………………………………………………………………174
8.2.6 多邊形套索工具 …………………………………………………………175
8.2.7 磁性套索工具 ……………………………………………………………177
8.2.8 魔術橡皮擦工具 …………………………………………………………179
8.2.9 鋼筆工具 …………………………………………………………………181
8.2.10 自由鋼筆工具 ……………………………………………………………184
第9 章界麵：移動UI 圖像質感設計………………………… 187
9.1 解析：為移動UI 圖像添加簡單的 ………………………………188
9.1.1 編輯智能濾鏡 ……………………………………………………………188
9.1.2 添加波浪效果 ……………………………………………………………189
9.1.3 添加玻璃效果 ……………………………………………………………189
9.1.4 添加水波效果 ……………………………………………………………190
9.1.5 添加鏇轉扭麯效果 ………………………………………………………190
9.1.6 添加點狀化效果 …………………………………………………………191
9.1.7 添加彩塊化效果 …………………………………………………………191
9.2 實操：為移動UI 圖像添加復雜的 ………………………………192
9.2.1 添加彩色半調的方法 ……………………………………………………192
9.2.2 添加液化的方法 …………………………………………………………194
9.2.3 使用濾鏡庫編輯移動UI 圖像的方法 …………………………………195
9.2.4 添加切變效果的方法 ……………………………………………………198
9.2.5 添加波紋的方法 …………………………………………………………199
9.2.6 添加海洋波紋的方法 ……………………………………………………200
9.2.7 添加擴散亮光的方法 ……………………………………………………201
9.2.8 創建智能濾鏡 ……………………………………………………………203
第10 章常用元素：圖標、圖形、按鈕設計…………………………… 205
10.1 圖標元素：掌握移動UI 圖標的設計 ……………………………………… 206
10.1.1 音樂APP 圖標的背景效果設計 ………………………………………206
10.1.2 音樂APP 圖標的主體效果設計 ………………………………………208
10.1.3 音樂APP 圖標的細節效果設計 ………………………………………210
10.2 圖形元素：掌握移動UI 圖形的設計 ……………………………………… 214
10.2.1 切換條的背景效果設計 …………………………………………………214
10.2.2 切換條的主體效果設計 …………………………………………………215
10.2.3 切換條的細節效果設計 …………………………………………………218
10.3 基礎元素：掌握移動UI 按鈕的設計 ……………………………………… 222
10.3.1 搜索框的主體效果設計 …………………………………………………222
10.3.2 搜索框搜索圖標的效果設計 ……………………………………………224
10.3.3 搜索框二維碼的效果設計 ………………………………………………226
第11 章蘋果係統：常見蘋果係統UI 設計…………………………… 229
11.1 天氣界麵：掌握天氣控件界麵的設計 …………………………………… 230
11.1.1 設計天氣控件界麵的背景效果…………………………………………230
11.1.2 設計天氣控件界麵的主體效果…………………………………………232
11.2 日曆界麵：掌握手機日曆界麵的設計 …………………………………… 238
11.2.1 設計日曆APP 界麵的背景效果 ………………………………………239
11.2.2 設計日曆APP 界麵的主體效果 ………………………………………241
第12 章安卓係統：常見安卓係統UI 設計…………………………… 253
12.1 鎖屏界麵：掌握安卓係統個性鎖屏界麵的設計 …………………………254
12.1.1 設計安卓係統鎖屏界麵的背景效果……………………………………254
12.1.2 設計安卓係統鎖屏界麵的主體效果……………………………………258
12.2 程序界麵：掌握安卓係統程序界麵的設計 ………………………………261
12.2.1 安卓應用程序界麵的主體效果設計……………………………………262
12.2.2 安卓應用程序界麵的整體效果設計……………………………………267
第13 章微軟係統：常見微軟係統UI 設計…………………………… 275
13.1 撥號鍵盤：掌握微軟手機撥號鍵盤的設計 ………………………………276
13.1.1 微軟手機撥號鍵盤界麵的背景效果設計………………………………276
13.1.2 微軟手機撥號鍵盤界麵的主體效果設計………………………………281
13.2 用戶界麵：掌握微軟手機用戶界麵的設計 ………………………………284
13.2.1 微軟手機用戶界麵的背景效果設計……………………………………285
13.2.2 微軟係統用戶界麵的整體效果設計……………………………………290
第14 章登錄界麵：社交與WiFi 登錄UI 設計………………… 299
14.1 雲社交：掌握雲社交登錄界麵的設計 …………………………………… 300
14.1.1 雲社交APP 登錄界麵的背景效果設計 ………………………………300
14.1.2 雲社交APP 登錄界麵的文字效果設計 ………………………………304
14.2 WiFi：掌握WiFi 登錄界麵的設計 ……………………………307
14.2.1 WiFi 應用登錄界麵的背景效果設計 ……………………………308
14.2.2 WiFi 應用登錄界麵的錶單按鈕設計 ……………………………312
14.2.3 WiFi 應用登錄界麵的細節和文本設計 …………………………320
第15 章影音遊戲：影音與遊戲UI 設計……………………………… 325
15.1 視頻播放：掌握視頻播放APP 界麵的設計 …………………………… 326
15.1.1 視頻播放APP 界麵的主體效果設計 …………………………………326
15.1.2 視頻播放APP 界麵的細節效果設計 …………………………………328
15.2 休閑遊戲：掌握休閑遊戲APP 界麵的設計 …………………………… 331
15.2.1 休閑遊戲界麵的背景效果設計…………………………………………331
15.2.2 休閑遊戲界麵的主體效果設計…………………………………………334
15.2.3 休閑遊戲界麵的文本效果設計…………………………………………337
本書是一本講解如何使用Photoshop軟件進行移動UI設計的實例操作型自學教程，可以幫助UI設計愛好者，特彆是手機APP設計人員，提高UI製作能力，拓展移動UI視覺設計的創作思路。 本書從兩條綫齣發，幫助讀者學習Photoshop移動UI設計。 一條是橫嚮案例綫，通過對各種類型的素材進行後期製作，如安卓界麵、蘋果界麵、微軟界麵、影音遊戲界麵等案例，幫助讀者快速精通各類型的移動UI設計方法。 另一條是縱嚮技能綫，介紹瞭Photoshop移動UI設計的核心技法：文字排版 頁麵布局 素材處理 色彩校正 界麵構成 濾鏡使用等，對移動UI設計的核心技術與精髓內容進行瞭全麵且詳細的講解，幫助讀者快速掌握移動UI設計的精髓。 本書共分為15章，內容包括：移動UI的設計常識，移動UI設計的布局原則，移動UI視覺交互設計法則，移動UI的構成元素，Photoshop移動UI快速上手，UI的色彩與風格設計，移動UI文字的編排設計，移動UI圖像的摳取與，移動UI圖像質感設計，圖標、圖形、按鈕設計，常見蘋果係統UI設計，常見安卓係統UI設計，常見微軟係統UI設計，社交與WiFi登錄UI設計，影音與遊戲UI設計。全書使用自帶素材，通過對素材的不同處理，製作齣精美的界麵效果。製作界麵過程已被錄製為視頻，刻錄為光盤，在手機與網絡中進行分享，讀者學後可以融會貫通、舉一反三，從而更好地完成自己的作品。 本書結構清晰，語言簡潔，實例豐富，版式精美，適閤Photoshop移動UI設計初、中級讀者閱讀，包括廣大UI設計愛好者、UI設計工作者，同時也可以作為各類計算機培訓中心、技工學校和大中專職業院校的輔導教材。
用户评价
评分
评分
评分
评分
评分
评分
评分
评分
相关图书
本站所有內容均為互聯網搜索引擎提供的公開搜索信息，本站不存儲任何數據與內容，任何內容與數據均與本站無關，如有需要請聯繫相關搜索引擎包括但不限於百度，google,bing,sogou 等
© 2025 tushu.tinynews.org All Rights Reserved. 求知書站 版权所有