UI設(shè)計(jì)基礎(chǔ)培訓(xùn)教程

定　價(jià)：￥45.00

作　者：	任媛媛著
出版社：	人民郵電出版社
叢編項(xiàng)：
標(biāo)　簽：	暫缺

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

ISBN：	9787115535948	出版時(shí)間：	2020-07-01	包裝：	平裝
開(kāi)本：	16開(kāi)	頁(yè)數(shù)：	200	字?jǐn)?shù)：

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

　　內(nèi)容提要本書(shū)全面介紹了UI設(shè)計(jì)的工具、設(shè)計(jì)理論和界面制作方法，包括Photoshop和Illustrator的常用工具，UI設(shè)計(jì)的理論、原則和規(guī)范，常見(jiàn)界面的概念和制作，切圖和標(biāo)注，以及藝術(shù)二維碼的制作方法。本書(shū)完全針對(duì)零基礎(chǔ)的讀者編寫(xiě)，是入門(mén)級(jí)讀者快速而全面掌握UI設(shè)計(jì)的參考書(shū)。全書(shū)以各種重要技術(shù)和常見(jiàn)界面為主線(xiàn)，通過(guò)課堂案例的實(shí)際操作，幫助讀者快速上手，熟悉設(shè)計(jì)思路和制作要點(diǎn)。課堂練習(xí)和課后習(xí)題可以拓展讀者的實(shí)際操作能力，鞏固所學(xué)的知識(shí)點(diǎn)。同時(shí)，提供本書(shū)課堂案例、課堂練習(xí)和課后習(xí)題的素材文件、實(shí)例文件和在線(xiàn)視頻，UI配色方案、UI圖標(biāo)、免摳素材及配色卡，以及專(zhuān)門(mén)為教師準(zhǔn)備的教學(xué)大綱、教學(xué)規(guī)劃參考及PPT課件等專(zhuān)享資源。另外，本書(shū)所有內(nèi)容均采用中文版Photoshop CC 2017和Illustrator CC 2017進(jìn)行編寫(xiě)，讀者最好使用此版本軟件進(jìn)行學(xué)習(xí)。本書(shū)適合作為院校和培訓(xùn)機(jī)構(gòu)藝術(shù)專(zhuān)業(yè)課程的教材使用，也可以作為UI設(shè)計(jì)自學(xué)人員的參考用書(shū)。

作者簡(jiǎn)介

　　任媛媛，畢業(yè)于電子科技大學(xué)成都學(xué)院圖形藝術(shù)系出版圖書(shū)：《中文版3ds Max 2014/VRay效果圖制作完全自學(xué)寶典》工作經(jīng)歷：2011年起從事建筑動(dòng)畫(huà)、室內(nèi)外效果圖表現(xiàn)工作。2015年起參與時(shí)代印象《中文版3ds Max 2016/VRay效果圖制作完全自學(xué)教程（實(shí)例版）》等圖書(shū)的編寫(xiě)工作

圖書(shū)目錄

第1 章 UI 設(shè)計(jì)的常用工具 009
1．1 Photoshop 的界面介紹 010
1．2 UI 在Photoshop 中的常用工具 012
1．2．1 課堂案例：用常用工具制作界面 012
1．2．2 移動(dòng)工具 015
1．2．3 自由變換工具 016
1．2．4 矩形工具 016
1．2．5 圓角矩形工具 017
1．2．6 橢圓工具 017
1．2．7 鋼筆工具 017
1．2．8 直接選擇工具 018
1．2．9 橫排文字工具 018
1．3 Illustrator 的界面介紹 019
1．4 UI 在Illustrator 中的常用工具 021
1．4．1 課堂案例：用常用工具制作手機(jī)圖標(biāo) 021
1．4．2 選擇工具 023
1．4．3 直接選擇工具 023
1．4．4 鋼筆工具 023
1．4．5 矩形工具 024
1．4．6 圓角矩形工具 025
1．4．7 橢圓工具 025
1．4．8 多邊形工具 026
1．4．9 文字工具 026
1．5 在Photoshop 中導(dǎo)入Illustrator 制
作文件的方法 027
課堂練習(xí)：在Illustrator 中繪制鬧鐘App 功能圖標(biāo) 028
課后習(xí)題：在Photoshop 中制作鬧鐘App 界面 028
第2 章界面構(gòu)圖、布局與色彩 029
2．1 界面的常見(jiàn)構(gòu)圖類(lèi)型 030
2．1．1 井字形構(gòu)圖 030
2．1．2 三角形構(gòu)圖 031
2．1．3 放射形構(gòu)圖 031
2．1．4 折線(xiàn)形構(gòu)圖 032
2．1．5 直角形構(gòu)圖 033
2．2 界面布局的要素 034
2．2．1 頁(yè)面的留白 034
2．2．2 頁(yè)面的對(duì)齊方式 034
2．2．3 界面的間距 035
2．2．4 界面的層次 035
2．3 界面的色彩搭配 037
2．3．1 色彩心理學(xué) 037
2．3．2 配色的方法 039
2．3．3 配色的要素 040
第3 章 UI 設(shè)計(jì)的原則及規(guī)范 041
3．1 iOS 系統(tǒng)的設(shè)計(jì)原則 042
3．1．1 統(tǒng)一化 042
3．1．2 凸顯內(nèi)容 042
3．1．3 適應(yīng)化 043
3．1．4 層級(jí)性 045
3．1．5 易操作性 046
3．2 iOS 界面尺寸與控件的設(shè)計(jì)規(guī)范 046
3．2．1 界面尺寸 046
3．2．2 控件規(guī)范 047
3．3 Android 系統(tǒng)的設(shè)計(jì)原則 050
3．3．1 核心視覺(jué)載體 050
3．3．2 層級(jí)空間 050
3．3．3 動(dòng)畫(huà) 050
3．3．4 顏色 053
3．4 Android 界面尺寸與控件的設(shè)計(jì)規(guī)范054
3．4．1 界面尺寸 054
3．4．2 控件規(guī)范 055
3．5 常用字體規(guī)范 063
3．5．1 文字設(shè)計(jì)的要素 063
3．5．2 常用字體的類(lèi)型 065
3．5．3 界面字體的規(guī)范 066
3．6 UI 設(shè)計(jì)的整體規(guī)范 069
3．6．1 色彩控件 069
3．6．2 按鈕控件 069
3．6．3 分割線(xiàn) 070
3．6．4 頭像 070
3．6．5 提示框 070
3．6．6 文字 071
3．6．7 間距 072
3．6．8 圖標(biāo) 072
第4 章圖標(biāo)設(shè)計(jì) 073
4．1 扁平化風(fēng)格圖標(biāo) 074
4．1．1 課堂案例：制作扁平化風(fēng)格的播放器圖標(biāo) 074
4．1．2 課堂案例：制作扁平化風(fēng)格的旅游圖標(biāo) 075
4．1．3 扁平化圖標(biāo)的概念 077
4．1．4 扁平化圖標(biāo)的類(lèi)型 078
4．1．5 設(shè)計(jì)扁平化圖標(biāo)的注意事項(xiàng) 078
4．2 線(xiàn)性風(fēng)格圖標(biāo) 079
4．2．1 課堂案例：制作線(xiàn)性風(fēng)格的聊天圖標(biāo) 079
4．2．2 課堂案例：制作線(xiàn)性風(fēng)格的功能圖標(biāo) 082
4．2．3 線(xiàn)性圖標(biāo)的概念 084
4．2．4 設(shè)置線(xiàn)性圖標(biāo)的注意事項(xiàng) 084
4．3 其他類(lèi)型的圖標(biāo) 085
4．3．1 像素圖標(biāo) 085
4．3．2 擬物化圖標(biāo) 085
4．3．3 立體圖標(biāo) 085
4．3．4 卡通圖標(biāo) 085
4．3．5 文字圖標(biāo) 086
4．3．6 功能圖形化圖標(biāo) 086
課堂練習(xí)：在Illustrator 中繪制手機(jī)功能圖標(biāo) 086
課后習(xí)題：在Photoshop 中繪制功能圖標(biāo) 086
第5 章閃屏頁(yè)設(shè)計(jì) 087
5．1 閃屏頁(yè)的概念 088
5．2 閃屏頁(yè)的常見(jiàn)類(lèi)型 088
5．2．1 課堂案例：制作中秋主題的閃屏頁(yè) 088
5．2．2 宣傳型 092
5．2．3 關(guān)懷型 092
5．2．4 推廣型 093
課堂練習(xí)：制作品牌宣傳型閃屏頁(yè) 093
課后習(xí)題：制作推廣型閃屏頁(yè) 094
第6 章引導(dǎo)頁(yè)與浮層引導(dǎo)頁(yè)設(shè)計(jì)095
6．1 引導(dǎo)頁(yè)的概念 096
6．2 引導(dǎo)頁(yè)的常見(jiàn)類(lèi)型 096
6．2．1 課堂案例：制作功能介紹型引導(dǎo)頁(yè) 096
6．2．2 功能介紹型 100
6．2．3 情感型 101
6．2．4 幽默型 101
6．3 浮層引導(dǎo)頁(yè) 102
6．3．1 課堂案例：制作浮層引導(dǎo)頁(yè) 102
6．3．2 浮層引導(dǎo)頁(yè)的概念 104
課堂練習(xí)：制作旅游App 引導(dǎo)頁(yè) 105
課后習(xí)題：制作文檔App 引導(dǎo)頁(yè) 106
第7 章空白頁(yè)設(shè)計(jì) 107
7．1 空白頁(yè)的概念 108
7．2 空白頁(yè)的常見(jiàn)類(lèi)型 108
7．2．1 課堂案例：制作資料審核空白頁(yè) 108
7．2．2 首次進(jìn)入型 112
7．2．3 錯(cuò)誤提示型 112
課堂練習(xí)：制作消息中心空白頁(yè) 113
課后習(xí)題：制作購(gòu)物車(chē)空白頁(yè) 114
第8 章首頁(yè)設(shè)計(jì) 115
8．1 首頁(yè)的概念 116
8．2 首頁(yè)的常見(jiàn)類(lèi)型 116
8．2．1 課堂案例：制作外賣(mài)App 首頁(yè) 116
8．2．2 列表型 125
8．2．3 圖標(biāo)型 126
8．2．4 卡片型 126
8．2．5 綜合型 127
課堂練習(xí)：制作旅游App 主頁(yè) 128
課后習(xí)題：制作美食類(lèi)App 主頁(yè) 128
第9 章個(gè)人中心頁(yè)設(shè)計(jì) 129
9．1 個(gè)人中心頁(yè)的概念 130
9．2 個(gè)人中心頁(yè)的常見(jiàn)類(lèi)型 131
9．2．1 課堂案例：制作個(gè)人中心頁(yè) 131
9．2．2 頭像居中對(duì)齊 137
9．2．3 頭像居左對(duì)齊 137
課堂練習(xí)：制作視頻App 個(gè)人中心頁(yè) 138
課后習(xí)題：制作學(xué)習(xí)類(lèi)App 個(gè)人中心頁(yè) 138
第10 章列表頁(yè)設(shè)計(jì) 139
10．1 列表頁(yè)的概念 140
10．2 列表頁(yè)的常見(jiàn)類(lèi)型 141
10．2．1 課堂案例：制作圖書(shū)折扣列表頁(yè) 141
10．2．2 單行列表 145
10．2．3 雙行列表 146
10．2．4 時(shí)間軸 146
10．2．5 圖庫(kù)列表 147
課堂練習(xí)：制作購(gòu)物App 列表頁(yè) 147
課后習(xí)題：制作物流信息列表頁(yè) 148
第11 章播放頁(yè)設(shè)計(jì) 149
11．1 播放頁(yè)的概念 150
11．2 播放頁(yè)的常見(jiàn)類(lèi)型 150
11．2．1 課堂案例：制作音樂(lè)播放器界面 150
11．2．2 音樂(lè)播放頁(yè) 155
11．2．3 視頻播放頁(yè) 156
11．2．4 音頻播放頁(yè) 157
課堂練習(xí)：制作音樂(lè)播放頁(yè) 157
課后習(xí)題：制作音頻播放頁(yè) 158
第12 章詳情頁(yè)設(shè)計(jì) 159
12．1 詳情頁(yè)的概念 160
12．2 詳情頁(yè)的常見(jiàn)類(lèi)型 161
12．2．1 課堂案例：制作購(gòu)物App 詳情頁(yè) 161
12．2．2 普通型 170
12．2．3 銷(xiāo)售型 170
課堂練習(xí)：制作食譜詳情頁(yè) 171
課后習(xí)題：制作旅游詳情頁(yè) 172
第13 章可輸入頁(yè)設(shè)計(jì) 173
13．1 可輸入頁(yè)的概念 174
13．2 可輸入頁(yè)的常見(jiàn)類(lèi)型 175
13．2．1 課堂案例：制作軟件登錄頁(yè) 175
13．2．2 登錄頁(yè)面 180
13．2．3 信息發(fā)布頁(yè)面 180
13．2．4 聊天頁(yè)面 181
課堂練習(xí)：制作預(yù)約信息頁(yè) 181
課后習(xí)題：制作聊天頁(yè) 182
第14 章切圖與標(biāo)注 183
14．1 iOS 與Android 的切圖方法 184
14．1．1 課堂案例：將個(gè)人中心界面進(jìn)行切圖 184
14．1．2 Android 的常用單位 187
14．1．3 iOS 與Android 的尺寸關(guān)系 188
14．1．4 iOS 與Android 的切圖命名方式 188
14．1．5 通用切圖法 189
14．1．6 Android 的“點(diǎn)九”切圖法 189
14．2 界面標(biāo)注 190
14．2．1 標(biāo)注軟件 190
14．2．2 標(biāo)注規(guī)范 190
課堂練習(xí)：將播放頁(yè)進(jìn)行切圖 191
課后習(xí)題：將旅游主頁(yè)進(jìn)行切圖 192
第15 章制作藝術(shù)二維碼 193
15．1 二維碼的原理結(jié)構(gòu) 194
15．2 制作藝術(shù)二維碼 195
15．2．1 課堂案例：制作數(shù)藝社藝術(shù)二維碼 195
15．2．2 生成二維碼的方法 197
15．2．3 設(shè)計(jì)藝術(shù)二維碼的注意事項(xiàng) 199
課堂練習(xí)：制作軟件書(shū)藝術(shù)二維碼 200
課后習(xí)題：制作手繪書(shū)藝術(shù)二維碼 200