APP UI系統(tǒng)組件設計

定　價：￥79.80

作　者：	王紅蕾、王建紅、時延輝
出版社：	清華大學出版社
叢編項：
標　簽：	暫缺

購買這本書可以去

ISBN：	9787302606543	出版時間：	2022-06-01	包裝：	平裝-膠訂
開本：	16開	頁數(shù)：		字數(shù)：

內容簡介

　　《APP UI系統(tǒng)組件設計》是一本專門介紹使用Photoshop設計、制作APP元素的圖書。《APP UI系統(tǒng)組件設計》共分8章，包括初識UI界面基礎、使用基本形狀繪制UI元素、扁平化設計風格、寫實風格圖標設計與制作、UI小控件元素、UI導航設計與制作、登錄框設計與制作、UI界面設計與制作等內容，通過案例講解，使讀者由淺入深、逐步地了解使用Photoshop設計與制作APP元素的整體設計思路和制作過程。本書將APP UI元素設計的相關理論與實例操作相結合，不僅能使讀者學到專業(yè)知識，也能使讀者掌握實際應用，全面掌握APP UI的元素設計。《APP UI系統(tǒng)組件設計》不僅適合APP UI設計愛好者，以及準備從事APP UI設計的人員，也適合Photoshop的使用者，包括平面設計師、網(wǎng)頁設計師等；同時也可作為相關培訓機構的輔助教材。

作者簡介

　　王紅蕾北京市商業(yè)學校商貿信息系主任，電子商務精品課程資源共建共享項目負責人，教學團隊負責人，市級專業(yè)帶頭人，市級職教名師。教學成果一等獎獲得者，全國中等職業(yè)學?？缇畴娮由虅諏I(yè)教學標準主筆人、負責人。主要從事電子商務、平面廣告設計、網(wǎng)頁設計、網(wǎng)絡廣告設計、UI設計等教學工作。代表作品：《移動電子商務》十三五規(guī)劃教材、《平面制作崗前培訓》《完全掌握Photoshop CS5商業(yè)廣告設計超級手冊》《淘寶天貓網(wǎng)店美工實戰(zhàn)》。王建紅牡丹江技師學院教務處副處長，計算機高級講師，參與國家、省級示范校和高技能項目建設，市級職業(yè)技能等級認定廣告設計師高級評委，計算機廣告專業(yè)學科帶頭人。主要從事平面廣告設計、電子商務、網(wǎng)頁設計、版式設計、UI設計等教學工作。代表作品：《手機網(wǎng)店美工實操》《視覺引流網(wǎng)店美工操作實戰(zhàn)》《Photoshop CorelDRAW商業(yè)案例項目設計完全解析》《IllustratorCC平面設計與制作教程》《CoreIDRAW平面設計與制作教程》《PhotoshopCC平面設計與制作教程》。時延輝，北京市商業(yè)學校教師、電子商務講師、Inventor學科帶頭人，從事平面設計與網(wǎng)頁設計教學多年。主要作品有《CorelDRAW X7實戰(zhàn)從入門到精通》《網(wǎng)店視覺法寶》《深度：Photoshop CS5數(shù)碼人像攝影后期精修108技》《網(wǎng)店寶貝摳圖與店鋪裝修寶典》。

圖書目錄

第1 章　初識UI 基礎 1
1.1　認識UI 2
1.2　UI 的分類 3
1.3　UI 的色彩基礎 4
1.3.1　顏色的概念 4
1.3.2　色彩三要素 4
1.3.3　色彩的混合 6
1.3.4　色彩的分類 8
1.4　不同色彩給人的心理影響 8
1.5　常用UI 設計單位解析 9
1.6　UI 設計常用的軟件 9
1.7　UI 設計常用圖像格式 11
1.8　UI 的設計原則 12
1.9　優(yōu)秀作品欣賞 13
第2 章　使用基本形狀繪制UI 元素 14
2.1　了解Photoshop 中的基本形狀 15
2.1.1　通過選區(qū)創(chuàng)建幾何圖形 15
2.1.2　繪制工具 15
2.1.3　形狀工具的不同模式 16
2.2　使用矩形選區(qū)制作下單按鈕 17
2.3　使用橢圓選區(qū)制作圓形按鈕 19
2.4　使用矩形工具制作簡潔風格導航欄 23
2.5　使用圓角矩形工具和矩形工具制作提示窗口 25
2.6　使用圓角矩形工具和橢圓工具制作拖動條 30
2.7　使用多邊形工具和橢圓工具制作播放按鈕 32
2.8　使用自定形狀工具和橢圓工具制作供電按鈕 37
2.9　使用橢圓工具結合圖層樣式制作金屬旋鈕 43
2.10　使用路徑與自定形狀工具制作網(wǎng)頁廣告條 51
2.11　優(yōu)秀作品欣賞 54
第3 章　扁平化設計風格 55
3.1　了解扁平化設計 56
3.1.1　扁平化設計是什么 56
3.1.2　扁平化風格的優(yōu)缺點 56
3.1.3　扁平化風格的設計原則 57
3.2　扁平相機圖標制作 59
3.3　扁平視頻播放圖標制作 62
3.4　扁平收音機圖標制作 65
3.5　扁平化郵箱界面制作 69
3.6　扁平音樂播放器界面制作 73
3.7　時間APP 界面制作 76
3.8　天氣預報控件制作 79
3.9　車載扁平UI 制作 83
3.10　扁平卡通生肖圖標制作 87
3.11　優(yōu)秀作品欣賞 91
第4 章　寫實風格圖標設計與制作 92
4.1　了解寫實風格設計 93
4.1.1　寫實的藝術表現(xiàn) 93
4.1.2　寫實風格的優(yōu)缺點 94
4.1.3　寫實風格的設計原則 94
4.2　寫實麥克風圖標制作 96
4.3　寫實鋼琴圖標制作 104
4.4　寫實電視圖標制作 111
4.5　寫實滾動開關圖標制作 118
4.6　寫實日歷圖標制作 125
4.7　寫實西瓜圖標制作 129
4.8　優(yōu)秀作品欣賞 134
第5 章　UI 小控件元素 135
5.1　了解UI 設計中的控件 136
5.1.1　UI 控件是什么 136
5.1.2　UI 設計中的控件 136
5.1.3　UI 控件的設計原則 137
5.2　重要人物電話簿控件制作 138
5.3　功能性圖標控件制作 146
5.4　天氣控件制作 152
5.5　時間控件制作 158
5.6　質感開關控件制作 165
5.7　視頻播放控件制作 173
5.8　音量旋鈕控件制作 175
5.9　優(yōu)秀作品欣賞 180
第6 章　UI 導航設計與制作 181
6.1　了解UI 設計中的導航 182
6.1.1　導航是什么 182
6.1.2　導航的分類 182
6.1.3　移動端導航設計的幾種形式 182
6.1.4　網(wǎng)頁端導航設計的幾種形式 185
6.2　水晶質感網(wǎng)頁導航制作 188
6.3　底部導航制作 193
6.4　頂部導航制作 198
6.5　抽屜式導航制作 200
6.6　帶搜索導航制作 204
6.7　APP 頂部導航制作 208
6.8　APP 網(wǎng)格式導航制作 211
6.9　優(yōu)秀作品欣賞 213
第7 章　登錄框設計與制作 215
7.1　了解UI 設計中的登錄框 216
7.1.1　登錄框是什么 216
7.1.2　UI 中登錄框的分類 216
7.1.3　登錄框的幾種形式 216
7.2　傳統(tǒng)登錄框制作 216
7.3　企業(yè)登錄框制作 221
7.4　漂浮感登錄框制作 225
7.5　透明登錄框制作 230
7.6　純凈扁平登錄框制作 236
7.7　橫幅登錄框制作 238
7.8　皮質登錄框制作 243
7.9　優(yōu)秀作品欣賞 251
第8 章　UI 設計與制作 252
8.1　了解UI 設計中的界面 253
8.1.1　UI 設計中的界面是什么 253
8.1.2　常見的界面 253
8.1.3　屏幕尺寸 253
8.1.4　設計界面時需要注意的固定元素尺寸 255
8.1.5　什么是好的界面設計 256
8.2　手機開機界面制作 256
8.3　鞋子銷售界面制作 259
8.4　扁平下載界面制作 266
8.5　手機界面制作 268
8.6　汽車服務APP 界面制作 272
8.7　天氣預報界面制作 274
8.8　照片處理類APP 界面制作 277
8.9　優(yōu)秀作品欣賞 280