全鏈路UI設(shè)計 創(chuàng)意思維 項(xiàng)目實(shí)戰(zhàn) 就業(yè)指導(dǎo)
定 價：119.9 元
- 作者：徐鵬
- 出版時間：2021/5/1
- ISBN：9787115556974
- 出 版 社：人民郵電出版社
- 中圖法分類：TP311.1
- 頁碼：296
- 紙張：
- 版次：01
- 開本：16開
本書主要講解新手設(shè)計師需要掌握的技能及練習(xí)方法。全書共9章，第1～4章為設(shè)計必備軟件技能；第5～8章則結(jié)合實(shí)戰(zhàn)案例，為提升內(nèi)容；第9章為設(shè)計師面試及接單時的注意事項(xiàng)。本書采用理論和實(shí)戰(zhàn)案例相結(jié)合的方式來展現(xiàn)，設(shè)置了很多練習(xí)題方便讀者加以練習(xí)。
本書附贈豐富資源，提供案例素材文件，實(shí)戰(zhàn)案例配以在線視頻講解，讀者實(shí)操練習(xí)后可以進(jìn)行對比，查漏補(bǔ)缺，舉一反三。此外，為教師提供專享配套教學(xué)PPT課件，方便教學(xué)使用。
本書適合新手設(shè)計師、需要轉(zhuǎn)行的設(shè)計師、需要提高技能的UI設(shè)計師閱讀，也可作為各大中專院校相關(guān)專業(yè)學(xué)生的自學(xué)參考書或社會培訓(xùn)機(jī)構(gòu)的教學(xué)用書。
1.483分鐘同步在線教學(xué)視頻：全視頻講解，方便讀者查缺補(bǔ)漏舉一反三。
2.20余個商業(yè)實(shí)戰(zhàn)案例演示：從實(shí)際出發(fā)，結(jié)合最新互聯(lián)網(wǎng)實(shí)戰(zhàn)案例，理論與實(shí)戰(zhàn)案例相結(jié)合。
3.4個求職面試技巧指導(dǎo)：直擊就業(yè)問題，新手設(shè)計師的必備求職指南。
4.多種設(shè)計方法剖析：系統(tǒng)的講解新手設(shè)計師需要掌握的技能及練習(xí)方法。
5.全彩印刷+豐富資源：隨書贈送教學(xué)PPT和案例素材文件。
徐鵬，上海大學(xué)動畫碩士，先后服務(wù)于盛大、駿夢科技、大眾點(diǎn)評等知名公司，目前是高校講師。曾參與《新仙劍奇?zhèn)b傳》網(wǎng)游、金螳螂家App、大眾點(diǎn)評App，B端項(xiàng)目三一重工IPM等項(xiàng)目或產(chǎn)品的設(shè)計工作。
目錄
第1章 UI 行業(yè)認(rèn)知
1.1 UI 入門必修課——UI 行業(yè)全面認(rèn)知 13
1.1.1 UI 設(shè)計師的產(chǎn)出 14
1.1.2 設(shè)計軟件分類 20
1.1.3 什么是全鏈路設(shè)計師 26
1.2 設(shè)計素材庫 27
1.2.1 素材整理 28
1.2.2 建設(shè)素材庫 28
第2章 設(shè)計必備軟件
2.1 設(shè)計軟件分析 31
2.2 圖標(biāo)起源認(rèn)知 31
2.3 Photoshop 軟件基礎(chǔ) 32
2.3.1 擬物圖標(biāo)制作 38
2.3.2 金屬質(zhì)感圖標(biāo) 42
2.3.3 鋼筆工具 48
2.3.4 布爾運(yùn)算—— Logo設(shè)計 50
2.4 Adobe Illustrator 設(shè)計基礎(chǔ) 51
2.4.1 AI 設(shè)計基礎(chǔ) 52
2.4.2 實(shí)戰(zhàn)：Wi-Fi 圖標(biāo)繪制 55
2.4.3 實(shí)戰(zhàn)：漸變Logo 設(shè)計 56
2.4.4 實(shí)戰(zhàn)：2.5D等距圖網(wǎng)頁制作 58
第3章 交互軟件
3.1 主流交互軟件認(rèn)知 63
3.2 Adobe XD 64
3.2.1 初識Adobe XD 64
3.2.2 側(cè)邊欄滑動 67
3.2.3 上下滑動 70
3.2.4 實(shí)戰(zhàn)：藍(lán)湖團(tuán)隊協(xié)作 71
3.3 Axure 75
3.3.1 Axure 基礎(chǔ) 76
3.3.2 交互文檔制作 77
3.3.3 實(shí)戰(zhàn)：彈窗效果 82
3.3.4 二級導(dǎo)航疊加 85
3.3.5 動態(tài)面板應(yīng)用 86
第4章 視覺設(shè)計基礎(chǔ)與規(guī)范
4.1 界面層次設(shè)計 90
4.1.1 文字層級 91
4.1.2 配色原理 92
4.1.3 Logo 常用設(shè)計法 95
4.1.4 海報常用版式 99
4.2 iOS 三大設(shè)計原則 104
4.2.1 清晰原則 105
4.2.2 遵從原則 106
4.2.3 深度原則 106
4.3 iOS 界面尺寸和控件規(guī)范 107
4.3.1 界面尺寸 107
4.3.2 控件規(guī)范 109
4.4 Android 設(shè)計原則和規(guī)范 113
4.4.1 設(shè)計原則 113
4.4.2 控件規(guī)范 120
4.4.3 尺寸和布局規(guī)范 127
第5章 界面設(shè)計進(jìn)階
5.1 界面設(shè)計常犯錯誤 130
5.1.1 設(shè)計得“較差”的界面：播放界面詳解 136
5.1.2 柵格系統(tǒng)應(yīng)用 138
5.1.3 設(shè)計改版分析：手指投 145
5.1.4 設(shè)計改版分析：M 閱讀 148
5.2 運(yùn)營插畫技法解析 153
5.2.1 Banner 排版布局 153
5.2.2 實(shí)戰(zhàn)：“追波風(fēng)”海報設(shè)計 157
5.3 標(biāo)準(zhǔn)界面輸出：適配 160
5.3.1 界面切圖和標(biāo)注 162
5.3.2 切圖命名規(guī)范 166
5.3.3 Android“點(diǎn)九”切圖法 168
第6章 After Effects 動效專攻
6.1 After Effects 基礎(chǔ) 171
6.1.1 圖層和基礎(chǔ)工具 172
6.1.2 基礎(chǔ)屬性 173
6.1.3 素材導(dǎo)入和保存輸出 177
6.2 After Effects 技法進(jìn)階 179
6.2.1 點(diǎn)擊水波反饋 179
6.2.2 實(shí)戰(zhàn)：中繼器點(diǎn)贊效果 181
6.2.3 實(shí)戰(zhàn)：登錄動效 183
6.2.4 旅行App 翻書動效 186
6.3 After Effects 高級動效 189
6.3.1 懸浮果凍效果 189
6.3.2 3D 卡片和表達(dá)式 191
6.3.3 實(shí)戰(zhàn)：Loading 秒表動效 193
6.3.4 實(shí)戰(zhàn)：圖標(biāo)動效 195
第7章 前端開發(fā)
7.1 網(wǎng)絡(luò)運(yùn)行原理 199
7.1.1 前端基礎(chǔ) 200
7.1.2 HTML 常用標(biāo)簽 205
7.2 標(biāo)簽進(jìn)階 206
7.2.1 列表標(biāo)簽 207
7.2.2 表格標(biāo)簽 209
7.2.3 div 與span 標(biāo)簽 210
7.3 什么是CSS 211
7.3.1 CSS 基礎(chǔ)語法 211
7.3.2 CSS 背景 213
7.3.3 CSS 字體 217
7.3.4 CSS 邊框與盒子模型 220
7.3.5 id 和class 選擇器 223
7.4 實(shí)戰(zhàn)：登錄頁面 224
第8章 項(xiàng)目設(shè)計
8.1 圖標(biāo)設(shè)計提升 229
8.1.1 圖標(biāo)精度提升：MBE 線型圖標(biāo) 229
8.1.2 金剛區(qū)主題圖標(biāo) 234
8.2 設(shè)計布局 237
8.2.1 Web 布局技巧 238
8.2.2 列表區(qū)布局思路 241
8.3 設(shè)計方法論 243
8.3.1 Kano 模型 243
8.3.2 雙鉆模型 249
8.4 B 端產(chǎn)品 251
8.4.1 B 端產(chǎn)品設(shè)計原則 253
8.4.2 實(shí)戰(zhàn)：B 端《納米系統(tǒng)》案例解析 255
8.4.3 實(shí)戰(zhàn)：B 端《數(shù)據(jù)挖掘》案例解析 257
第9章 知識拓展
9.1 需求梳理 262
9.1.1 產(chǎn)品需求文檔PRD 262
9.1.2 5W 需求分析法 264
9.2 競品分析 269
9.3 作品集視頻制作 278
9.3.1 After Effects 視頻開場 278
9.3.2 Premiere 剪輯輸出 281
9.4 建立作品集 283
9.4.1 面試技巧 284
9.4.2 個人作品集 286
9.4.3 個人設(shè)計師接單如何報價 292
書單推薦
