123,123

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

　　市面上與Photoshop有關(guān)的書(shū)籍多以介紹如何修圖為主，傾向于講解修圖工具的使用，針對(duì)UI的書(shū)則較少，講解相關(guān)理論知識(shí)的書(shū)就更少了，而使用Photoshop進(jìn)行UI設(shè)計(jì)時(shí)涉及的工具和技巧與修圖時(shí)有很大不同。本書(shū)的特點(diǎn)是能讓大家看得懂、學(xué)得會(huì)，且不會(huì)覺(jué)得枯燥，讀者可以邊翻看手里的書(shū)，邊通過(guò)計(jì)算機(jī)進(jìn)行實(shí)踐學(xué)習(xí)，避免了“只會(huì)照著書(shū)做，自己創(chuàng)作時(shí)卻一頭霧水”的問(wèn)題。隨書(shū)附贈(zèng)的案例素材文件和操作演示視頻有助于讀者提高學(xué)習(xí)效率。本書(shū)面向?qū)I設(shè)計(jì)感興趣的初學(xué)者，也可以作為高校藝術(shù)專(zhuān)業(yè)的教材及相關(guān)培訓(xùn)機(jī)構(gòu)的參考書(shū)。

作者簡(jiǎn)介

　　團(tuán)隊(duì)簡(jiǎn)介： BIGD團(tuán)隊(duì)成立于2014年，是個(gè)年輕有活力、熱衷知識(shí)分享的團(tuán)隊(duì)。團(tuán)隊(duì)服務(wù)的客戶包括JEEP、克萊斯勒、騰訊、新浪、一汽大眾、搜狐暢游、小米、華為、OPPO等。團(tuán)隊(duì)主要榮譽(yù)：著作書(shū)籍《視界？無(wú)界：寫(xiě)給UI設(shè)計(jì)師的設(shè)計(jì)書(shū)》 Adobe認(rèn)證交互設(shè)計(jì)師站酷十周年*酷團(tuán)隊(duì) 站酷十周年人氣設(shè)計(jì)師 UI中國(guó)十佳UI設(shè)計(jì)師網(wǎng)頁(yè)設(shè)計(jì)聯(lián)盟中國(guó)十佳網(wǎng)頁(yè)設(shè)計(jì)師互聯(lián)網(wǎng)各類(lèi)UI設(shè)計(jì)大賽評(píng)委 vivo Funtouch全局主題設(shè)計(jì)大賽一等獎(jiǎng) 華為第一屆全國(guó)設(shè)計(jì)天團(tuán)大賽UI類(lèi)一等獎(jiǎng) 華為全球第二屆UI設(shè)計(jì)大賽二等獎(jiǎng) 聯(lián)想樂(lè)檬VIBE UI手機(jī)主題設(shè)計(jì)大賽一等獎(jiǎng) 華為EMUI全球手機(jī)主題設(shè)計(jì)大賽大師風(fēng)范獎(jiǎng) 墨跡天氣手機(jī)桌面插件設(shè)計(jì)大賽二等獎(jiǎng) 步步高vivo智能手機(jī)場(chǎng)景桌面設(shè)計(jì)大賽二等獎(jiǎng) 以及16項(xiàng)三等獎(jiǎng)和優(yōu)秀獎(jiǎng)

圖書(shū)目錄

第 1章
UI設(shè)計(jì)基本概念
1．1 UI設(shè)計(jì)分類(lèi)　13
1．1．1　GUI　13
1．1．2　WUI　14
1．1．3　IXD　15
1．1．4　UE/UX　16
1．2 UI設(shè)計(jì)理論常識(shí)　17
1．3 UI設(shè)計(jì)注意事項(xiàng)　17
1．3．1　清晰　17
1．3．2　簡(jiǎn)潔　17
1．3．3　易用　17
1．3．4　適應(yīng)　17
1．3．5　統(tǒng)一　18
1．3．6　視覺(jué)　18
1．3．7　識(shí)別　18
1．4 UI設(shè)計(jì)中的Photoshop設(shè)置技巧　18

第　2章
復(fù)古像素圖標(biāo)設(shè)計(jì)
2．1 像素圖標(biāo)在手游及網(wǎng)頁(yè)UI設(shè)計(jì)中的應(yīng)用場(chǎng)景　21
2．2 像素圖標(biāo)設(shè)計(jì)注意事項(xiàng)　22
2．3 像素設(shè)計(jì)中不出現(xiàn)虛邊的原理及技法　22
2．4 像素圖標(biāo)操作實(shí)例　23
2．5 拓展練習(xí)　28

第3章
App產(chǎn)品界面中的重要元素功能圖標(biāo)設(shè)計(jì)
3．1 功能圖標(biāo)在App中的應(yīng)用場(chǎng)景　30
3．2 功能圖標(biāo)設(shè)計(jì)注意事項(xiàng)　32
3．3 功能圖標(biāo)設(shè)計(jì)的描邊法　32
3．4 36×36尺寸功能圖標(biāo)操作實(shí)例　33

第4章
產(chǎn)品界面中的天氣圖標(biāo)設(shè)計(jì)
4．1 天氣圖標(biāo)在產(chǎn)品中的應(yīng)用場(chǎng)景　38
4．2 一層流圖層樣式設(shè)計(jì)注意事項(xiàng)　39
4．3 復(fù)數(shù)圖層樣式設(shè)計(jì)實(shí)用技巧　39
4．4 天氣圖標(biāo)操作實(shí)例　40
4．5 拓展練習(xí)　44

第5章
界面中的卡通風(fēng)格元素設(shè)計(jì)
5．1 卡通風(fēng)格設(shè)計(jì)的應(yīng)用場(chǎng)景　46
5．2 卡通風(fēng)格設(shè)計(jì)中的配色注意事項(xiàng)　48
5．3 128x128尺寸卡通筆記本操作實(shí)例　48
5．4 拓展練習(xí)　52

第6章
輕擬物設(shè)計(jì)
6．1 輕擬物風(fēng)格的應(yīng)用場(chǎng)景　54
6．2 輕擬物風(fēng)格設(shè)計(jì)中的色彩注意事項(xiàng)　55
6．3 白色質(zhì)感的控制技巧　56
6．4 256x256尺寸輕擬物水果盤(pán)操作實(shí)例　56
6．5 拓展練習(xí)　62

第7章
國(guó)際流行卡通斷線風(fēng)格設(shè)計(jì)
7．1 引導(dǎo)頁(yè)中的卡通斷線風(fēng)格　64
7．2 卡通斷線風(fēng)格設(shè)計(jì)注意事項(xiàng)　65
7．3 卡通斷線風(fēng)格設(shè)計(jì)色彩選擇　66
7．4 繪制卡通斷線氣球　66
7．5 拓展練習(xí)　73
第8章
扁平純色風(fēng)格圖標(biāo)設(shè)計(jì)
8．1 扁平化風(fēng)格圖標(biāo)的含義及特點(diǎn)　75
8．2 扁平化風(fēng)格圖標(biāo)設(shè)計(jì)注意事項(xiàng)　75
8．3 手機(jī)主題圖標(biāo)顏色選擇　76
8．4 文本圖標(biāo)操作實(shí)例　76
8．5 拓展練習(xí)　78

第9章
擬物風(fēng)格圖標(biāo)設(shè)計(jì)
9．1 擬物風(fēng)格圖標(biāo)的特點(diǎn)　80
9．2 擬物圖標(biāo)設(shè)計(jì)注意事項(xiàng)　80
9．3 擬物風(fēng)格圖標(biāo)的色彩選擇和樣式設(shè)計(jì)　81
9．4 擬物膠囊圖標(biāo)操作實(shí)例　81
9．5 拓展練習(xí)　89

第　10章
畫(huà)板圖標(biāo)設(shè)計(jì)
10．1 木板與紙張質(zhì)感分析　91
10．2 畫(huà)板圖標(biāo)設(shè)計(jì)注意事項(xiàng)　91
10．3 金屬元素設(shè)計(jì)技巧　92
10．4 畫(huà)板圖標(biāo)操作實(shí)例　92

第　11章
瀏覽器圖標(biāo)設(shè)計(jì)
11．1 不同風(fēng)格瀏覽器圖標(biāo)分析　99
11．2 瀏覽器圖標(biāo)設(shè)計(jì)注意事項(xiàng)　99
11．3 瀏覽器圖標(biāo)設(shè)計(jì)要點(diǎn)　100
11．4 瀏覽器圖標(biāo)設(shè)計(jì)操作實(shí)例　100
11．5 拓展練習(xí)　108

第　13章
高級(jí)擬物設(shè)計(jì)（美工刀）
13．1 美工刀手繪草稿　119
13．2 美工刀材質(zhì)繪制注意事項(xiàng)　119
13．3 美工刀操作實(shí)例　120
13．3．1　制作背景　121
13．3．2　繪制整體輪廓　122
13．3．3　繪制美工刀的陰影　125
13．3．4　細(xì)致刻畫(huà)推手　127
13．3．5　細(xì)致刻畫(huà)刀槽　131
13．3．6　細(xì)致刻畫(huà)美工刀的上部結(jié)構(gòu)　139
13．3．7　細(xì)致刻畫(huà)美工刀的下部結(jié)構(gòu)　145
13．3．8　細(xì)致刻畫(huà)美工刀的右部結(jié)構(gòu)　158
13．3．9　細(xì)致刻畫(huà)美工刀刀片　160
13．4 拓展練習(xí)　164

第　14章
高級(jí)擬物設(shè)計(jì)（手表）
14．1 手表手繪概念稿　166
14．2 手表材質(zhì)繪制注意事項(xiàng)　166
14．3 手表操作實(shí)例　167
14．3．1　繪制手表鏈上部　168
14．3．2　繪制手表鏈下部　173
14．3．3　繪制手表鏈左右兩側(cè)連接處材質(zhì)　178
14．3．4　繪制手表表冠　181
14．3．5　繪制手表外殼　182
14．3．6　繪制表盤(pán)外圈　186
14．3．7　繪制手表表盤(pán)　187
14．3．8　繪制刻度和指針　190
14．3．9　繪制表盤(pán)標(biāo)記　195
14．4 拓展練習(xí)　200

第　15章
高級(jí)擬物設(shè)計(jì)（直刀）
15．1 手繪草稿　202
15．2 直刀材質(zhì)繪制注意事項(xiàng)　202
15．3 刀具操作實(shí)例　203
15．3．1　制作背景　204
15．3．2　繪制刀具輪廓　205
15．3．3　繪制直刀投影　206
15．3．4　細(xì)化刀身　207
15．3．5　細(xì)化護(hù)手　210
15．3．6　細(xì)化刀柄　212
15．3．7　繪制刀柄金屬　215
15．4 拓展練習(xí)　220

第　16章
高級(jí)擬物設(shè)計(jì)（自動(dòng)鉛筆）
16．1 自動(dòng)鉛筆材質(zhì)分析　222
16．2 自動(dòng)鉛筆材質(zhì)繪制注意事項(xiàng)　222
16．3 自動(dòng)鉛筆操作實(shí)例　223
16．3．1　繪制自動(dòng)鉛筆基本外形　223
16．3．2　繪制影子　227
16．3．3　繪制護(hù)芯　229
16．3．4　制作筆桿　231
16．3．5　制作按桿　247
16．4 拓展練習(xí)　253

第　17章
移動(dòng)端撥號(hào)界面設(shè)計(jì)
17．1 撥號(hào)界面　255
17．2 撥號(hào)界面設(shè)計(jì)注意事項(xiàng)　255
17．3 撥號(hào)界面設(shè)計(jì)宗旨　256
17．4 撥號(hào)界面制作　256
17．5 拓展練習(xí)　258

第　18章
App登錄和注冊(cè)頁(yè)面設(shè)計(jì)
18．1 登錄、注冊(cè)頁(yè)面設(shè)計(jì)規(guī)范　260
18．2 設(shè)計(jì)注意事項(xiàng)　261
18．3 iPhone 8 App注冊(cè)頁(yè)面操作實(shí)例　261
18．4 正確輸出清晰設(shè)計(jì)效果圖流程　266
18．5 拓展練習(xí)　267

第　19章
App卡券列表界面設(shè)計(jì)
19．1 卡券界面設(shè)計(jì)　269
19．2 設(shè)計(jì)注意事項(xiàng)　269
19．3 卡券列表　270
19．4 卡券列表界面操作實(shí)例　270
19．5 拓展練習(xí)　272

第　20章
PS動(dòng)效設(shè)計(jì)
20．1 PS設(shè)計(jì)動(dòng)畫(huà)的優(yōu)勢(shì)　274
20．2 用時(shí)間軸制作加載動(dòng)畫(huà)　275

第　21章
工作必備的切圖技能
21．1 圓角矩形按鈕操作實(shí)例　280
21．2 皮卡丘信息氣泡按鈕操作實(shí)例　283