UI設(shè)計(jì)其實(shí)很簡(jiǎn)單：Photoshop界面設(shè)計(jì)高手之道

定　價(jià)：￥99.00

作　者：	創(chuàng)銳設(shè)計(jì) 著
出版社：	電子工業(yè)出版社
叢編項(xiàng)：
標(biāo)　簽：	暫缺

購(gòu)買這本書(shū)可以去

ISBN：	9787121372452	出版時(shí)間：	2019-09-01	包裝：	平裝
開(kāi)本：	16開(kāi)	頁(yè)數(shù)：	264	字?jǐn)?shù)：

內(nèi)容簡(jiǎn)介

　　隨著智能設(shè)備的飛速發(fā)展，移動(dòng)設(shè)備App界面設(shè)計(jì)領(lǐng)域也得到了行業(yè)的關(guān)注和重視。人們?cè)诓?斷追求App界面設(shè)計(jì)的個(gè)性化與酷炫效果的同時(shí)，企業(yè)更希望通過(guò)App界面設(shè)計(jì)為產(chǎn)品提供營(yíng)銷服務(wù)。因此，也就有越來(lái)越多的人參與移動(dòng)設(shè)備App的界面設(shè)計(jì)與開(kāi)發(fā)。本書(shū)的作者有豐富的移動(dòng) UI 界面的設(shè)計(jì)經(jīng)驗(yàn)，從基礎(chǔ)的設(shè)計(jì)知識(shí)入手，詳細(xì)講解了 App的設(shè)計(jì)原則、界面中的元素及制作方法等。全書(shū)共包含UI設(shè)計(jì)你要知道的事兒、UI設(shè)計(jì)你要會(huì)用 Photoshop、不同系統(tǒng)及其組件的設(shè)計(jì)、移動(dòng) UI 界面中的常用元素設(shè)計(jì)、界面元素的組合應(yīng)用、購(gòu)物App界面設(shè)計(jì)、音樂(lè)App界面設(shè)計(jì)、資訊App界面設(shè)計(jì)和游戲App界面設(shè)計(jì) 9 章的內(nèi)容。讀者通過(guò) 對(duì)本書(shū)的學(xué)習(xí)，既能掌握相關(guān)的設(shè)計(jì)理論知識(shí)，同時(shí)還能通過(guò)書(shū)中案例提高設(shè)計(jì)App界面的實(shí)戰(zhàn)技能。

作者簡(jiǎn)介

　　創(chuàng)銳設(shè)計(jì)，由一支優(yōu)秀的平面設(shè)計(jì)師與圖形圖像資深編輯隊(duì)伍組成。出版過(guò)眾多優(yōu)秀的圖形圖像方面的專業(yè)書(shū)籍，不僅在國(guó)內(nèi)處于領(lǐng)先地位，還有大量作品輸出過(guò)海外版權(quán)，備受讀者青睞。在課程教材方面，由于他們擁有多年教育培訓(xùn)的經(jīng)驗(yàn)，因此十分了解初學(xué)讀者的心理需求，從而研究出了一套行之有效的教學(xué)方法；此外，他們又參加過(guò)多個(gè)商業(yè)項(xiàng)目的設(shè)計(jì)工作，熟悉行業(yè)規(guī)范、了解客戶需求，擁有較高的設(shè)計(jì)水平，積累了豐富的制作經(jīng)驗(yàn)、為專業(yè)進(jìn)階讀者指出了技術(shù)進(jìn)階的明路；在他們的圖書(shū)中，選擇的實(shí)例不僅融會(huì)貫通了軟件技法，更能通過(guò)分享圖像處理經(jīng)驗(yàn)，激發(fā)讀者的靈感、迸發(fā)創(chuàng)意火花，達(dá)到事半功倍的效果。

圖書(shū)目錄

第 1 章 UI 設(shè)計(jì)你要知道的事兒 / 1
1．1 認(rèn)識(shí) UI 設(shè)計(jì) / 2
1．2 UI 設(shè)計(jì)的原則 / 4
1．2．1 一致性原則 / 4
1．2．2 完整性原則 / 5
1．2．3 直觀性原則 / 6
1．2．4 習(xí)慣性原則 / 7
1．3 確定 UI 視覺(jué)風(fēng)格的構(gòu)成要素 / 7
1．3．1 色彩 / 7
1．3．2 文字 / 10
1．3．3 圖標(biāo) / 13
1．3．4 圖片 / 15
1．4 UI 視覺(jué)設(shè)計(jì)中的常用布局 / 17
1．4．1 列表式布局 / 17
1．4．2 陳列館式布局 / 18
1．4．3 九宮格布局 / 18
1．4．4 選項(xiàng)卡式布局 / 18
1．4．5 旋轉(zhuǎn)木馬式布局 / 19
1．4．6 行為擴(kuò)展式布局 / 19
1．4．7 多面板式布局 / 20
1．4．8 圖表式布局 / 20
1．5 UI 設(shè)計(jì)的流程 / 20
1．5．1 產(chǎn)品定位及市場(chǎng)分析階段 / 21
1．5．2 交互設(shè)計(jì)階段 / 21
1．5．3 界面視覺(jué)設(shè)計(jì)階段 / 23
1．5．4 界面輸出階段 / 24
1．5．5 可用性測(cè)試階段 / 26
第 2 章 UI 設(shè)計(jì)你要會(huì)用 Photoshop / 27
2．1 初識(shí) Photoshop / 28
2．1．1 掌握 Photoshop 的界面構(gòu)成 / 28
2．1．2 新建圖像文件 / 28
2．1．3 打開(kāi)和最近打開(kāi)文件 / 29
2．1．4 在 Photoshop 中置入文件 / 31
2．1．5 保存與關(guān)閉文件 / 32
2．2 圖層的運(yùn)用 / 33
2．2．1 “圖層”面板 / 33
2．2．2 創(chuàng)建圖層與圖層組 / 34
2．2．3 復(fù)制和刪除圖層 / 35
2．2．4 圖層樣式的應(yīng)用 / 36
2．2．5 設(shè)置圖層的整體和填充不透明度 / 39
2．3 選區(qū)的設(shè)置 / 40
2．3．1 規(guī)則選區(qū)的創(chuàng)建 / 40
2．3．2 不規(guī)則選區(qū)的創(chuàng)建 / 41
2．3．3 調(diào)整與編輯選區(qū) / 42
2．4 圖形的繪制 / 44
2．4．1 基礎(chǔ)圖形的繪制 / 44
2．4．2 自定義形狀的繪制 / 46
2．4．3 繪制任意所需的圖形 / 47
2．5 蒙版的編輯 / 49
2．5．1 圖層蒙版 / 49
2．5．2 剪貼蒙版 / 51
2．5．3 矢量蒙版 / 52
2．6 文字編排設(shè)計(jì) / 53
2．6．1 文字的添加與設(shè)置 / 53
2．6．2 變形文字的制作 / 55
第 3 章不同系統(tǒng)及其組件的設(shè)計(jì) / 57
3．1 iOS 系統(tǒng)及其組件的設(shè)計(jì) / 58
3．1．1 iOS 系統(tǒng)的特點(diǎn) / 58
3．1．2 iOS 系統(tǒng)的適配規(guī)則 / 61
3．1．3 iOS 系統(tǒng)設(shè)計(jì)的規(guī)范 / 64
3．1．4 iOS 系統(tǒng)界面設(shè)計(jì)實(shí)戰(zhàn) / 71
3．2 Android 系統(tǒng)及其組件的設(shè)計(jì) / 73
3．2．1 Android 系統(tǒng)的特點(diǎn) / 73
3．2．2 Android 系統(tǒng)的適配規(guī)則 / 76
3．2．3 Android 系統(tǒng)設(shè)計(jì)的規(guī)范 / 82
3．2．4 Android 系統(tǒng)界面設(shè)計(jì)實(shí)戰(zhàn) / 85
第 4 章移動(dòng) UI 界面中的常用元素設(shè)計(jì) / 87
4．1 圖標(biāo) / 88
4．1．1 擬物化的圖標(biāo)設(shè)計(jì) / 88
4．1．2 扁平化的圖標(biāo)設(shè)計(jì) / 95
4．2 按鈕 / 99
4．2．1 突顯狀態(tài)的按鈕設(shè)計(jì) / 99
4．2．2 皮革質(zhì)感的按鈕設(shè)計(jì) / 102
4．3 開(kāi)關(guān) / 106
4．3．1 擬物效果的開(kāi)關(guān)設(shè)計(jì) / 106
4．3．2 層次分明的開(kāi)關(guān)設(shè)計(jì) / 109
4．3．3 單選和復(fù)選開(kāi)關(guān)設(shè)計(jì) / 112
4．4 進(jìn)度條 / 114
4．4．1 發(fā)光效果的線形進(jìn)度條設(shè)計(jì) / 114
4．4．2 清新風(fēng)格的圓形進(jìn)度條設(shè)計(jì) / 118
4．5 搜索欄 / 121
4．5．1 扁平化的搜索欄設(shè)計(jì) / 121
4．5．2 布紋材質(zhì)的搜索欄設(shè)計(jì) / 123
4．6 列表框 / 126
4．6．1 整潔風(fēng)格的列表框設(shè)計(jì) / 126
4．6．2 暗色冷酷風(fēng)格的列表框設(shè)計(jì) / 128
4．7 標(biāo)簽欄 / 131
4．7．1 線形風(fēng)格的標(biāo)簽欄設(shè)計(jì) / 131
4．7．2 組合式標(biāo)簽欄的設(shè)計(jì) / 133
4．8 圖標(biāo)欄 / 136
4．8．1 簡(jiǎn)單時(shí)尚的圖標(biāo)欄設(shè)計(jì) / 136
4．8．2 立體化的圖標(biāo)欄設(shè)計(jì) / 139
第 5 章界面元素的組合應(yīng)用 / 142
5．1 引導(dǎo)頁(yè)設(shè)計(jì) / 143
5．1．1 營(yíng)造趣味感的引導(dǎo)頁(yè)設(shè)計(jì) / 143
5．1．2 半透明質(zhì)感的引導(dǎo)頁(yè)設(shè)計(jì) / 147
5．1．3 線形風(fēng)格的引導(dǎo)頁(yè)設(shè)計(jì) / 150
5．2 登錄頁(yè)設(shè)計(jì) / 152
5．2．1 扁平化的登錄頁(yè)設(shè)計(jì) / 152
5．2．2 黑白主題的登錄頁(yè)設(shè)計(jì) / 155
5．2．3 時(shí)尚紫色風(fēng)格的登錄頁(yè)設(shè)計(jì) / 158
5．3 首頁(yè)設(shè)計(jì) / 161
5．3．1 甜美風(fēng)格的首頁(yè)設(shè)計(jì) / 161
5．3．2 時(shí)尚酷炫的首頁(yè)設(shè)計(jì) / 165
5．3．3 干凈清爽的首頁(yè)設(shè)計(jì) / 169
5．4 列表頁(yè)設(shè)計(jì) / 172
5．4．1 工整的產(chǎn)品列表頁(yè)設(shè)計(jì) / 172
5．4．2 時(shí)間軸列表頁(yè)設(shè)計(jì) / 176
5．5 詳情頁(yè)設(shè)計(jì) / 180
5．5．1 突出活動(dòng)內(nèi)容的詳情頁(yè)設(shè)計(jì) / 180
5．5．2 白色清新風(fēng)格的詳情頁(yè)設(shè)計(jì) / 185
5．6 個(gè)人中心頁(yè)面設(shè)計(jì) / 190
5．6．1 簡(jiǎn)約風(fēng)格的個(gè)人中心頁(yè)面設(shè)計(jì) / 190
5．6．2 藍(lán)色清爽風(fēng)格的個(gè)人中心頁(yè)面設(shè)計(jì) / 193
第 6 章購(gòu)物 App 界面設(shè)計(jì) / 197
6．1 界面布局規(guī)劃 / 198
6．2 創(chuàng)意思路剖析 / 198
6．3 確定配色方案 / 199
6．4 定義組件風(fēng)格 / 199
6．5 制作步驟詳解 / 199
6．5．1 啟動(dòng)界面 / 200
6．5．2 登錄界面 / 202
6．5．3 首頁(yè)界面 / 205
6．5．4 分類界面 / 207
6．5．5 商品詳情界面 / 209
6．5．6 購(gòu)買界面 / 212
6．5．7 商品結(jié)算界面 / 213
6．5．8 個(gè)人中心界面 / 215
第 7 章音樂(lè) App 界面設(shè)計(jì) / 217
7．1 界面布局規(guī)劃 / 218
7．2 創(chuàng)意思路剖析 / 218
7．3 確定配色方案 / 219
7．4 定義組件風(fēng)格 / 219
7．5 制作步驟詳解 / 220
7．5．1 首頁(yè)界面 / 220
7．5．2 發(fā)現(xiàn)界面 / 224
7．5．3 電臺(tái)界面 / 225
7．5．4 歌曲播放界面 / 228
7．5．5 音效調(diào)節(jié)界面 / 230
7．5．6 個(gè)人中心界面 / 232
第 8 章資訊 App 界面設(shè)計(jì) / 236
8．1 界面布局規(guī)劃 / 237
8．2 創(chuàng)意思路剖析 / 237
8．3 確定配色方案 / 238
8．4 定義組件風(fēng)格 / 238
8．5 制作步驟詳解 / 239
8．5．1 登錄界面 / 239
8．5．2 個(gè)人界面 / 240
8．5．3 新聞首頁(yè)界面 / 241
8．5．4 下載分區(qū)界面 / 242
8．5．5 新聞內(nèi)容界面 / 244
8．5．6 評(píng)論界面 / 244
第 9 章游戲 App 界面設(shè)計(jì) / 246
9．1 界面布局規(guī)劃 / 247
9．2 創(chuàng)意思路剖析 / 247
9．3 確定配色方案 / 248
9．4 定義組件風(fēng)格 / 248
9．5 制作步驟詳解 / 249
9．5．1 歡迎界面 / 249
9．5．2 加載界面 / 250
9．5．3 積分界面 / 252
9．5．4 游戲界面 / 254
9．5．5 預(yù)覽界面 / 255
9．5．6 結(jié)束界面 / 255