全鏈路 UI 設計 : 創意思維 + 項目實戰 + 就業指導
徐鵬
買這商品的人也買了...
-
$658遊戲設計入門 理解玩家思維
中文年末書展|繁簡參展書2書75折 詳見活動內容 »
-
75折
為你寫的 Vue Components:從原子到系統,一步步用設計思維打造面面俱到的元件實戰力 (iThome 鐵人賽系列書)$780$585 -
75折
BDD in Action, 2/e (中文版)$960$720 -
75折
看不見的戰場:社群、AI 與企業資安危機$750$563 -
79折
AI 精準提問 × 高效應用:DeepSeek、ChatGPT、Claude、Gemini、Copilot 一本搞定$390$308 -
7折
超實用!Word.Excel.PowerPoint 辦公室 Office 365 省時高手必備 50招, 4/e (暢銷回饋版)$420$294 -
75折
裂縫碎光:資安數位生存戰$550$412 -
85折
日本當代最強插畫 2025 : 150位當代最強畫師豪華作品集$640$544 -
79折
Google BI 解決方案:Looker Studio × AI 數據驅動行銷實作,完美整合 Google Analytics 4、Google Ads、ChatGPT、Gemini$630$498 -
79折
超有料 Plus!職場第一實用的 AI 工作術 - 用對 AI 工具、自動化 Agent, 讓生產力全面進化!$599$473 -
75折
從零開始學 Visual C# 2022 程式設計, 4/e (暢銷回饋版)$690$518 -
75折
Windows 11 制霸攻略:圖解 AI 與 Copilot 應用,輕鬆搞懂新手必學的 Windows 技巧$640$480 -
75折
精準駕馭 Word!論文寫作絕非難事 (好評回饋版)$480$360 -
Sam Yang 的插畫藝術:用 Procreate / PS 畫出最強男友視角 x 女孩美好日常$699$629 -
79折
AI 加持!Google Sheets 超級工作流$599$473 -
78折
想要 SSR? 快使用 Nuxt 吧!:Nuxt 讓 Vue.js 更好處理 SEO 搜尋引擎最佳化(iThome鐵人賽系列書)$780$608 -
75折
超實用!業務.總管.人資的辦公室 WORD 365 省時高手必備 50招 (第二版)$500$375 -
7折
Node-RED + YOLO + ESP32-CAM:AIoT 智慧物聯網與邊緣 AI 專題實戰$680$476 -
79折
「生成式⇄AI」:52 個零程式互動體驗,打造新世代人工智慧素養$599$473 -
7折
Windows APT Warfare:惡意程式前線戰術指南, 3/e$720$504 -
75折
我輩程式人:回顧從 Ada 到 AI 這條程式路,程式人如何改變世界的歷史與未來展望 (We, Programmers: A Chronicle of Coders from Ada to AI)$850$637 -
75折
不用自己寫!用 GitHub Copilot 搞定 LLM 應用開發$600$450 -
79折
Tensorflow 接班王者:Google JAX 深度學習又快又強大 (好評回饋版)$780$616 -
79折
GPT4 會你也會 - 共融機器人的多模態互動式情感分析 (好評回饋版)$700$553 -
79折
技術士技能檢定 電腦軟體應用丙級術科解題教本|Office 2021$460$363 -
75折
Notion 與 Notion AI 全能實戰手冊:生活、學習與職場的智慧策略 (暢銷回饋版)$560$420
相關主題
商品描述
本書主要講解新手設計師需要掌握的技能及練習方法。全書共9章,第1~4章為設計必備軟件技能;第5~8章則結合實戰案例,為提升內容;第9章為設計師面試及接單時的註意事項。本書採用理論和實戰案例相結合的方式來展現,設置了很多練習題方便讀者加以練習。
本書附贈豐富資源,提供案例素材文件,實戰案例配以在線視頻講解,讀者實操練習後可以進行對比,查漏補缺,舉一反三。此外,為教師提供專享配套教學PPT課件,方便教學使用。
本書適合新手設計師、需要轉行的設計師、需要提高技能的UI設計師閱讀,也可作為各大中專院校相關專業學生的自學參考書或社會培訓機構的教學用書。
作者簡介
徐鵬,上海大學動畫碩士,先後服務於盛大、駿夢科技、大眾點評等知名公司,目前是高校講師。
曾參與《新仙劍奇俠傳》網遊、金螳螂家App、大眾點評App,B端項目三一重工IPM等項目或產品的設計工作。
目錄大綱
目錄
第1章UI行業認知
1.1 UI入門必修課——UI行業全面認知13
1.1.1 UI設計師的產出14
1.1.2設計軟件分類20
1.1.3什麼是全鏈路設計師26
1.2設計素材庫27
1.2.1素材整理28
1.2.2建設素材庫28
第2章設計必備軟件
2.1設計軟件分析31
2.2圖標起源認知31
2.3 Photoshop軟件基礎32
2.3.1擬物圖標製作38
2.3.2金屬質感圖標42
2.3.3鋼筆工具48
2.3.4布爾運算—— Logo設計50
2 .4 Adobe Illustrator設計基礎51
2.4.1 AI設計基礎52
2.4.2實戰:Wi-Fi圖標繪製55
2.4.3實戰:漸變Logo設計56
2.4.4實戰:2.5D等距圖網頁製作58
第3章交互軟件
3.1主流交互軟件認知63
3.2 Adobe XD 64
3.2.1初識Adobe XD 64
3.2.2側邊欄滑動67
3.2. 3上下滑動70
3.2.4實戰:藍湖團隊協作71
3.3 Axure 75
3.3.1 Axure基礎76
3.3.2交互文檔製作77
3.3.3實戰:彈窗效果82
3.3.4二級導航疊加85
3.3.5動態面板應用86
第4章視覺設計基礎與規範
4.1界面層次設計90
4.1.1文字層級91
4.1.2配色原理92
4.1.3 Logo常用設計法95
4.1.4海報常用版式99
4.2 iOS三大設計原則104
4.2.1清晰原則105
4.2.2遵從原則106
4.2.3深度原則106
4.3 iOS界面尺寸和控件規範107
4.3.1界面尺寸107
4.3.2控件規範109
4.4 Android設計原則和規範113
4.4.1設計原則113
4.4.2控件規範120
4. 4.3尺寸和佈局規範127
第5章界面設計進階
5.1界面設計常犯錯誤130
5.1.1設計得“較差”的界面:播放界面詳解136
5.1.2柵格系統應用138
5.1.3設計改版分析:手指投145
5.1.4設計改版分析:M閱讀148
5.2運營插畫技法解析153
5.2.1 Banner排版佈局153
5.2.2實戰:“追波風”海報設計157
5.3標準界面輸出:適配160
5.3.1界面切圖和標註162
5.3.2切圖命名規範166
5.3.3 Android“點九”切圖法168
第6章After Effects動效專攻
6.1 After Effects基礎171
6.1.1圖層和基礎工具172
6.1.2基礎屬性173
6.1.3素材導入和保存輸出177
6.2 After Effects技法進階179
6.2.1點擊水波反饋179
6.2.2實戰:中繼器點贊效果181
6.2.3實戰:登錄動效183
6.2.4旅行App翻書動效186
6.3 After Effects高級動效189
6.3.1懸浮果凍效果189
6.3.2 3D卡片和表達式191
6.3.3實戰:Loading秒錶動效193
6.3.4實戰:圖標動效195
第7章前端開發
7.1網絡運行原理199
7.1.1前端基礎200
7.1.2 HTML常用標籤205
7.2標籤進階206
7.2.1列表標籤207
7.2.2表格標籤209
7.2.3 div與span標籤210
7.3什麼是CSS 211
7.3.1 CSS基礎語法211
7.3.2 CSS背景213
7.3.3 CSS字體217
7.3.4 CSS邊框與盒子模型220
7.3.5 id和class選擇器223
7.4實戰:登錄頁面224
第8章項目設計
8.1圖標設計提升229
8.1.1圖標精度提升:MBE線型圖標229
8.1.2金剛區主題圖標234
8. 2設計佈局237
8.2.1 Web佈局技巧238
8.2.2列表區佈局思路241
8.3設計方法論243
8.3.1 Kano模型243
8.3.2雙鑽模型249
8.4 B端產品251
8.4.1 B端產品設計原則253
8.4.2實戰:B端《納米系統》案例解析255
8.4.3實戰:B端《數據挖掘》案例解析257
第9章知識拓展
9.1需求梳理262
9.1.1產品需求文檔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個人設計師接單如何報價292


