中圖網小程序
一鍵登錄
更方便
本類五星書更多>
-
>
全國計算機等級考試最新真考題庫模擬考場及詳解·二級MSOffice高級應用
-
>
決戰行測5000題(言語理解與表達)
-
>
軟件性能測試.分析與調優實踐之路
-
>
第一行代碼Android
-
>
JAVA持續交付
-
>
EXCEL最強教科書(完全版)(全彩印刷)
-
>
深度學習
UI設計基礎培訓教程 版權信息
- ISBN：9787115535948
- 條形碼：9787115535948 ; 978-7-115-53594-8
- 裝幀：平裝-膠訂
- 冊數：暫無
- 重量：暫無
- 所屬分類：>>
UI設計基礎培訓教程 本書特色
內容提要 本書全面介紹了UI設計的工具、設計理論和界面制作方法，包括Photoshop和Illustrator的常用工具，UI設計的理論、原則和規范，常見界面的概念和制作，切圖和標注，以及藝術二維碼的制作方法。本書完全針對零基礎的讀者編寫，是入門級讀者快速而全面掌握UI設計的參考書。 全書以各種重要技術和常見界面為主線，通過課堂案例的實際操作，幫助讀者快速上手，熟悉設計思路和制作要點。課堂練習和課后習題可以拓展讀者的實際操作能力，鞏固所學的知識點。同時，提供本書課堂案例、課堂練習和課后習題的素材文件、實例文件和在線視頻，UI配色方案、UI圖標、免摳素材及配色卡，以及專門為教師準備的教學大綱、教學規劃參考及PPT課件等專享資源。另外，本書所有內容均采用中文版Photoshop CC 2017和Illustrator CC 2017進行編寫，讀者*好使用此版本軟件進行學習。 本書適合作為院校和培訓機構藝術專業課程的教材使用，也可以作為UI設計自學人員的參考用書。
UI設計基礎培訓教程 內容簡介
內容提要 本書全面介紹了UI設計的工具、設計理論和界面制作方法，包括Photoshop和Illustrator的常用工具，UI設計的理論、原則和規范，常見界面的概念和制作，切圖和標注，以及藝術二維碼的制作方法。本書接近針對零基礎的讀者編寫，是入門級讀者快速而全面掌握UI設計的參考書。 全書以各種重要技術和常見界面為主線，通過課堂案例的實際操作，幫助讀者快速上手，熟悉設計思路和制作要點。課堂練習和課后習題可以拓展讀者的實際操作能力，鞏固所學的知識點。同時，提供本書課堂案例、課堂練習和課后習題的素材文件、實例文件和在線視頻，UI配色方案、UI圖標、免摳素材及配色卡，以及專門為教師準備的教學大綱、教學規劃參考及PPT課件等專享資源。另外，本書所有內容均采用中文版Photoshop CC 2017和Illustrator CC 2017進行編寫，讀者優選使用此版本軟件進行學習。 本書適合作為院校和培訓機構藝術專業課程的教材使用，也可以作為UI設計自學人員的參考用書。
UI設計基礎培訓教程 目錄
第1 章 UI 設計的常用工具 009
1.1 Photoshop 的界面介紹 010
1.2 UI 在Photoshop 中的常用工具 012
1.2.1 課堂案例：用常用工具制作界面 012
1.2.2 移動工具 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 課堂案例：用常用工具制作手機圖標 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 中導入Illustrator 制
作文件的方法 027
課堂練習：在Illustrator 中繪制鬧鐘App 功能圖標 028
課后習題：在Photoshop 中制作鬧鐘App 界面 028
第2 章 界面構圖、布局與色彩 029
2.1 界面的常見構圖類型 030
2.1.1 井字形構圖 030
2.1.2 三角形構圖 031
2.1.3 放射形構圖 031
2.1.4 折線形構圖 032
2.1.5 直角形構圖 033
2.2 界面布局的要素 034
2.2.1 頁面的留白 034
2.2.2 頁面的對齊方式 034
2.2.3 界面的間距 035
2.2.4 界面的層次 035
2.3 界面的色彩搭配 037
2.3.1 色彩心理學 037
2.3.2 配色的方法 039
2.3.3 配色的要素 040
第3 章 UI 設計的原則及規范 041
3.1 iOS 系統的設計原則 042
3.1.1 統一化 042
3.1.2 凸顯內容 042
3.1.3 適應化 043
3.1.4 層級性 045
3.1.5 易操作性 046
3.2 iOS 界面尺寸與控件的設計規范 046
3.2.1 界面尺寸 046
3.2.2 控件規范 047
3.3 Android 系統的設計原則 050
3.3.1 核心視覺載體 050
3.3.2 層級空間 050
3.3.3 動畫 050
3.3.4 顏色 053
3.4 Android 界面尺寸與控件的設計規范054
3.4.1 界面尺寸 054
3.4.2 控件規范 055
3.5 常用字體規范 063
3.5.1 文字設計的要素 063
3.5.2 常用字體的類型 065
3.5.3 界面字體的規范 066
3.6 UI 設計的整體規范 069
3.6.1 色彩控件 069
3.6.2 按鈕控件 069
3.6.3 分割線 070
3.6.4 頭像 070
3.6.5 提示框 070
3.6.6 文字 071
3.6.7 間距 072
3.6.8 圖標 072
第4 章 圖標設計 073
4.1 扁平化風格圖標 074
4.1.1 課堂案例：制作扁平化風格的播放器圖標 074
4.1.2 課堂案例：制作扁平化風格的旅游圖標 075
4.1.3 扁平化圖標的概念 077
4.1.4 扁平化圖標的類型 078
4.1.5 設計扁平化圖標的注意事項 078
4.2 線性風格圖標 079
4.2.1 課堂案例：制作線性風格的聊天圖標 079
4.2.2 課堂案例：制作線性風格的功能圖標 082
4.2.3 線性圖標的概念 084
4.2.4 設置線性圖標的注意事項 084
4.3 其他類型的圖標 085
4.3.1 像素圖標 085
4.3.2 擬物化圖標 085
4.3.3 立體圖標 085
4.3.4 卡通圖標 085
4.3.5 文字圖標 086
4.3.6 功能圖形化圖標 086
課堂練習：在Illustrator 中繪制手機功能圖標 086
課后習題：在Photoshop 中繪制功能圖標 086
第5 章 閃屏頁設計 087
5.1 閃屏頁的概念 088
5.2 閃屏頁的常見類型 088
5.2.1 課堂案例：制作中秋主題的閃屏頁 088
5.2.2 宣傳型 092
5.2.3 關懷型 092
5.2.4 推廣型 093
課堂練習：制作品牌宣傳型閃屏頁 093
課后習題：制作推廣型閃屏頁 094
第6 章 引導頁與浮層引導頁設計095
6.1 引導頁的概念 096
6.2 引導頁的常見類型 096
6.2.1 課堂案例：制作功能介紹型引導頁 096
6.2.2 功能介紹型 100
6.2.3 情感型 101
6.2.4 幽默型 101
6.3 浮層引導頁 102
6.3.1 課堂案例：制作浮層引導頁 102
6.3.2 浮層引導頁的概念 104
課堂練習：制作旅游App 引導頁 105
課后習題：制作文檔App 引導頁 106
第7 章 空白頁設計 107
7.1 空白頁的概念 108
7.2 空白頁的常見類型 108
7.2.1 課堂案例：制作資料審核空白頁 108
7.2.2 首次進入型 112
7.2.3 錯誤提示型 112
課堂練習：制作消息中心空白頁 113
課后習題：制作購物車空白頁 114
第8 章 首頁設計 115
8.1 首頁的概念 116
8.2 首頁的常見類型 116
8.2.1 課堂案例：制作外賣App 首頁 116
8.2.2 列表型 125
8.2.3 圖標型 126
8.2.4 卡片型 126
8.2.5 綜合型 127
課堂練習：制作旅游App 主頁 128
課后習題：制作美食類App 主頁 128
第9 章 個人中心頁設計 129
9.1 個人中心頁的概念 130
9.2 個人中心頁的常見類型 131
9.2.1 課堂案例：制作個人中心頁 131
9.2.2 頭像居中對齊 137
9.2.3 頭像居左對齊 137
課堂練習：制作視頻App 個人中心頁 138
課后習題：制作學習類App 個人中心頁 138
第10 章 列表頁設計 139
10.1 列表頁的概念 140
10.2 列表頁的常見類型 141
10.2.1 課堂案例：制作圖書折扣列表頁 141
10.2.2 單行列表 145
10.2.3 雙行列表 146
10.2.4 時間軸 146
10.2.5 圖庫列表 147
課堂練習：制作購物App 列表頁 147
課后習題：制作物流信息列表頁 148
第11 章 播放頁設計 149
11.1 播放頁的概念 150
11.2 播放頁的常見類型 150
11.2.1 課堂案例：制作音樂播放器界面 150
11.2.2 音樂播放頁 155
11.2.3 視頻播放頁 156
11.2.4 音頻播放頁 157
課堂練習：制作音樂播放頁 157
課后習題：制作音頻播放頁 158
第12 章 詳情頁設計 159
12.1 詳情頁的概念 160
12.2 詳情頁的常見類型 161
12.2.1 課堂案例：制作購物App 詳情頁 161
12.2.2 普通型 170
12.2.3 銷售型 170
課堂練習：制作食譜詳情頁 171
課后習題：制作旅游詳情頁 172
第13 章 可輸入頁設計 173
13.1 可輸入頁的概念 174
13.2 可輸入頁的常見類型 175
13.2.1 課堂案例：制作軟件登錄頁 175
13.2.2 登錄頁面 180
13.2.3 信息發布頁面 180
13.2.4 聊天頁面 181
課堂練習：制作預約信息頁 181
課后習題：制作聊天頁 182
第14 章 切圖與標注 183
14.1 iOS 與Android 的切圖方法 184
14.1.1 課堂案例：將個人中心界面進行切圖 184
14.1.2 Android 的常用單位 187
14.1.3 iOS 與Android 的尺寸關系 188
14.1.4 iOS 與Android 的切圖命名方式 188
14.1.5 通用切圖法 189
14.1.6 Android 的“點九”切圖法 189
14.2 界面標注 190
14.2.1 標注軟件 190
14.2.2 標注規范 190
課堂練習：將播放頁進行切圖 191
課后習題：將旅游主頁進行切圖 192
第15 章 制作藝術二維碼 193
15.1 二維碼的原理結構 194
15.2 制作藝術二維碼 195
15.2.1 課堂案例：制作數藝社藝術二維碼 195
15.2.2 生成二維碼的方法 197
15.2.3 設計藝術二維碼的注意事項 199
課堂練習：制作軟件書藝術二維碼 200
課后習題：制作手繪書藝術二維碼 200
1.1 Photoshop 的界面介紹 010
1.2 UI 在Photoshop 中的常用工具 012
1.2.1 課堂案例：用常用工具制作界面 012
1.2.2 移動工具 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 課堂案例：用常用工具制作手機圖標 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 中導入Illustrator 制
作文件的方法 027
課堂練習：在Illustrator 中繪制鬧鐘App 功能圖標 028
課后習題：在Photoshop 中制作鬧鐘App 界面 028
第2 章 界面構圖、布局與色彩 029
2.1 界面的常見構圖類型 030
2.1.1 井字形構圖 030
2.1.2 三角形構圖 031
2.1.3 放射形構圖 031
2.1.4 折線形構圖 032
2.1.5 直角形構圖 033
2.2 界面布局的要素 034
2.2.1 頁面的留白 034
2.2.2 頁面的對齊方式 034
2.2.3 界面的間距 035
2.2.4 界面的層次 035
2.3 界面的色彩搭配 037
2.3.1 色彩心理學 037
2.3.2 配色的方法 039
2.3.3 配色的要素 040
第3 章 UI 設計的原則及規范 041
3.1 iOS 系統的設計原則 042
3.1.1 統一化 042
3.1.2 凸顯內容 042
3.1.3 適應化 043
3.1.4 層級性 045
3.1.5 易操作性 046
3.2 iOS 界面尺寸與控件的設計規范 046
3.2.1 界面尺寸 046
3.2.2 控件規范 047
3.3 Android 系統的設計原則 050
3.3.1 核心視覺載體 050
3.3.2 層級空間 050
3.3.3 動畫 050
3.3.4 顏色 053
3.4 Android 界面尺寸與控件的設計規范054
3.4.1 界面尺寸 054
3.4.2 控件規范 055
3.5 常用字體規范 063
3.5.1 文字設計的要素 063
3.5.2 常用字體的類型 065
3.5.3 界面字體的規范 066
3.6 UI 設計的整體規范 069
3.6.1 色彩控件 069
3.6.2 按鈕控件 069
3.6.3 分割線 070
3.6.4 頭像 070
3.6.5 提示框 070
3.6.6 文字 071
3.6.7 間距 072
3.6.8 圖標 072
第4 章 圖標設計 073
4.1 扁平化風格圖標 074
4.1.1 課堂案例：制作扁平化風格的播放器圖標 074
4.1.2 課堂案例：制作扁平化風格的旅游圖標 075
4.1.3 扁平化圖標的概念 077
4.1.4 扁平化圖標的類型 078
4.1.5 設計扁平化圖標的注意事項 078
4.2 線性風格圖標 079
4.2.1 課堂案例：制作線性風格的聊天圖標 079
4.2.2 課堂案例：制作線性風格的功能圖標 082
4.2.3 線性圖標的概念 084
4.2.4 設置線性圖標的注意事項 084
4.3 其他類型的圖標 085
4.3.1 像素圖標 085
4.3.2 擬物化圖標 085
4.3.3 立體圖標 085
4.3.4 卡通圖標 085
4.3.5 文字圖標 086
4.3.6 功能圖形化圖標 086
課堂練習：在Illustrator 中繪制手機功能圖標 086
課后習題：在Photoshop 中繪制功能圖標 086
第5 章 閃屏頁設計 087
5.1 閃屏頁的概念 088
5.2 閃屏頁的常見類型 088
5.2.1 課堂案例：制作中秋主題的閃屏頁 088
5.2.2 宣傳型 092
5.2.3 關懷型 092
5.2.4 推廣型 093
課堂練習：制作品牌宣傳型閃屏頁 093
課后習題：制作推廣型閃屏頁 094
第6 章 引導頁與浮層引導頁設計095
6.1 引導頁的概念 096
6.2 引導頁的常見類型 096
6.2.1 課堂案例：制作功能介紹型引導頁 096
6.2.2 功能介紹型 100
6.2.3 情感型 101
6.2.4 幽默型 101
6.3 浮層引導頁 102
6.3.1 課堂案例：制作浮層引導頁 102
6.3.2 浮層引導頁的概念 104
課堂練習：制作旅游App 引導頁 105
課后習題：制作文檔App 引導頁 106
第7 章 空白頁設計 107
7.1 空白頁的概念 108
7.2 空白頁的常見類型 108
7.2.1 課堂案例：制作資料審核空白頁 108
7.2.2 首次進入型 112
7.2.3 錯誤提示型 112
課堂練習：制作消息中心空白頁 113
課后習題：制作購物車空白頁 114
第8 章 首頁設計 115
8.1 首頁的概念 116
8.2 首頁的常見類型 116
8.2.1 課堂案例：制作外賣App 首頁 116
8.2.2 列表型 125
8.2.3 圖標型 126
8.2.4 卡片型 126
8.2.5 綜合型 127
課堂練習：制作旅游App 主頁 128
課后習題：制作美食類App 主頁 128
第9 章 個人中心頁設計 129
9.1 個人中心頁的概念 130
9.2 個人中心頁的常見類型 131
9.2.1 課堂案例：制作個人中心頁 131
9.2.2 頭像居中對齊 137
9.2.3 頭像居左對齊 137
課堂練習：制作視頻App 個人中心頁 138
課后習題：制作學習類App 個人中心頁 138
第10 章 列表頁設計 139
10.1 列表頁的概念 140
10.2 列表頁的常見類型 141
10.2.1 課堂案例：制作圖書折扣列表頁 141
10.2.2 單行列表 145
10.2.3 雙行列表 146
10.2.4 時間軸 146
10.2.5 圖庫列表 147
課堂練習：制作購物App 列表頁 147
課后習題：制作物流信息列表頁 148
第11 章 播放頁設計 149
11.1 播放頁的概念 150
11.2 播放頁的常見類型 150
11.2.1 課堂案例：制作音樂播放器界面 150
11.2.2 音樂播放頁 155
11.2.3 視頻播放頁 156
11.2.4 音頻播放頁 157
課堂練習：制作音樂播放頁 157
課后習題：制作音頻播放頁 158
第12 章 詳情頁設計 159
12.1 詳情頁的概念 160
12.2 詳情頁的常見類型 161
12.2.1 課堂案例：制作購物App 詳情頁 161
12.2.2 普通型 170
12.2.3 銷售型 170
課堂練習：制作食譜詳情頁 171
課后習題：制作旅游詳情頁 172
第13 章 可輸入頁設計 173
13.1 可輸入頁的概念 174
13.2 可輸入頁的常見類型 175
13.2.1 課堂案例：制作軟件登錄頁 175
13.2.2 登錄頁面 180
13.2.3 信息發布頁面 180
13.2.4 聊天頁面 181
課堂練習：制作預約信息頁 181
課后習題：制作聊天頁 182
第14 章 切圖與標注 183
14.1 iOS 與Android 的切圖方法 184
14.1.1 課堂案例：將個人中心界面進行切圖 184
14.1.2 Android 的常用單位 187
14.1.3 iOS 與Android 的尺寸關系 188
14.1.4 iOS 與Android 的切圖命名方式 188
14.1.5 通用切圖法 189
14.1.6 Android 的“點九”切圖法 189
14.2 界面標注 190
14.2.1 標注軟件 190
14.2.2 標注規范 190
課堂練習：將播放頁進行切圖 191
課后習題：將旅游主頁進行切圖 192
第15 章 制作藝術二維碼 193
15.1 二維碼的原理結構 194
15.2 制作藝術二維碼 195
15.2.1 課堂案例：制作數藝社藝術二維碼 195
15.2.2 生成二維碼的方法 197
15.2.3 設計藝術二維碼的注意事項 199
課堂練習：制作軟件書藝術二維碼 200
課后習題：制作手繪書藝術二維碼 200
展開全部
UI設計基礎培訓教程 作者簡介
任媛媛，畢業于電子科技大學成都學院圖形藝術系 出版圖書：《中文版3ds Max 2014/VRay效果圖制作完全自學寶典》 工作經歷：2011年起從事建筑動畫、室內外效果圖表現工作。 2015年起參與時代印象《中文版3ds Max 2016/VRay效果圖制作完全自學教程（實例版）》等圖書的編寫工作
書友推薦
- >
上帝之肋:男人的真實旅程
- >
大紅狗在馬戲團-大紅狗克里弗-助人
- >
中國歷史的瞬間
- >
李白與唐代文化
- >
月亮虎
- >
伊索寓言-世界文學名著典藏-全譯本
- >
唐代進士錄
- >
名家帶你讀魯迅:朝花夕拾
本類暢銷
