123,123

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

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

作者簡(jiǎn)介

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

圖書目錄

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