像素的藝術 : 從零開始學 UI 設計 (基礎篇)
像素範兒
買這商品的人也買了...
-
人月神話:軟體專案管理之道 (20 週年紀念版)(The Mythical Man-Month: Essays on Software Engineering, Anniversary Edition, 2/e)$480$379 -
$1,420Signals & Systems, 2/e (NIE-Paperback) -
Automatic Control Systems, 10/e (IE-Paperback)$1,380$1,352 -
TypeScript 程式設計 (Programming TypeScript)$580$458 -
The Pragmatic Programmer 20週年紀念版 (The Pragmatic Programmer, 20th Anniversary Edition)$680$537 -
Effective TypeScript 中文版|提昇 TypeScript 技術的 62個具體作法 (Effective TypeScript)$580$458 -
D3 實用指南|程式設計師和科學家的互動式圖形工具箱 (D3 for the Impatient : Interactive Graphics for Programmers and Scientists)$520$411 -
圖解密碼學與資訊安全$300$270 -
大數據時代超吸睛視覺化工具與技術:Tableau 打造 30個經典數據圖表$660$515 -
$568Vue.js 設計與實現 -
Python 精粹|來自專家的經驗精華 (Python Distilled)$520$411 -
Object-Oriented Python|以 GUI 和遊戲程式學物件導向程式設計 (Object-Oriented Python)$520$411
中文年末書展|繁簡參展書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 -
日本當代最強插畫 2025 : 150位當代最強畫師豪華作品集$640$576 -
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 -
78折
超實用!業務.總管.人資的辦公室 WORD 365 省時高手必備 50招 (第二版)$500$390 -
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
相關主題
商品描述
本書是根據像素範兒UI設計課程編寫的系列UI設計書中的*一本書,
主要講解了UI設計的學習方法、基礎知識,以及相關的行業知識。
書中涉及的軟件知識以視頻教學的方式呈現。
本書註重系統性的訓練,非常適合零基礎的UI設計學習者。
本書提供了大量的軟件教學視頻,包括Photoshop快速入門教程、Illustrator快速入門教程、
Keynote快速入門教程、Sketch快速入門教程、Principle快速入門教程和After?Effects快速入門教程。
作者簡介
李澤同
深 UI 講師 像素範兒創始人,曾在 4A 廣告公司擔任*深美術指導,服務過的客戶有華為、大眾、騰訊、海爾、飛利浦、
康師傅等知名*牌,曾在國內知名教育培訓機構擔任UI設計線上課程負責人,
其培訓的學員多次獲得因特網設計比賽大獎。
許多學員畢業後成功入職百度、騰訊、優酷、網易等一線因特網公司。
劉中萌
深 UI 講師 像素範兒聯合創始人,曾服務過寶馬、聯想、三菱、vivo 等知名*牌,曾任職金融之家視覺設計主管,
負責金融之家移動端 App 與 Web 端在線商城等產品設計,曾就職於呱呱視頻,
負責主產品界面設計,創辦設計師互動交流社區UI GREAT。
周國棟
級 UI 講師 + 課程研發 曾在諸多一線因特網公司擔任多年的視覺設計負責人,負責過寶馬、
TCL、華為等多個公司的設計項目,在像素範兒擔任講師期間,積累了一套獨特的教學思路和方法,
其培訓的許多學員成功入職 BAT、美團、滴滴等一線因特網公司。
朱琳琳
課程研發 像素範兒課程課件、分享會、年會等活動keynote設計師,擁有4年線上線下一線授課經驗。
擁有豐富的大型活動組織、策劃經驗,曾為愛馬仕、LV、可口可樂、
雷克薩斯等*牌製作keynote、PPT等設計輔助演示文稿。
目錄大綱
目錄:
課程1 學習前的準備
1 掌握Sketch軟件(視頻教學) /015
2 掌握Illustrator軟件(視頻教學) /015
3 掌握Principle軟件(視頻教學) /016
4 掌握After Effects軟件(視頻教學) /016
5 掌握Keynote軟件(視頻教學) /017
6 掌握Photoshop軟件(視頻教學) /017
課程2 學習設計的通用方法
1 從臨摹到創造的設計學習通路 /019
2 糾正設計學習的誤區 /020
3 作業:臨摹一組控件 /022
課程3 開腦洞!設計師必須看完的信息源
1 站酷網 /025
2 Dribbble /026
3 Behance /027
4 花瓣網 /028
5 Unsplash /028
6 The FWA /029
7 作業:設計*款App的功能 /030
8 作業:製作登錄註冊界面(UI100Day) /030
課程4 瞭解行業
1 UI&UE /036
2 UI設計的基本工作流程 /036
3 因特網產品的團隊組成及其工作內容 /040
4 UI的分類 /042
5 UI設計師的多種職業定位 /044
6 用戶體驗(UE)設計師的*備技能 /045
7 UE工作落地內容 /048
8 UE設計師成長須知 /053
9 中國因特網產品現狀 /055
10 作業:製作聊天界面(UI100Day) /057
課程5 有源設計
1 什麼是有源設計 /062
2 審美要用“好圖”來“養” /062
3 看過之後要歸納總結——設計風格整理 /070
4 從畫面中挖掘出更多的信息——設計細節的把控 /075
5 提升設計能力的必然路徑——有源設計 /076
6 UI中的有源設計 /079
7 作業:製作工作規劃界面(UI100Day) /083
8 作業:製作天氣界面(UI100Day) /087
9 作業:製作日曆界面(UI100Day) /093
課程6 構圖和色彩
1 什麼是構圖 /098
2 構圖心理學 /099
3 構圖的技巧 /101
4 排版原理 /102
5 色彩 /109
6 色彩搭配在界面中的運用 /113
7 配色靈感捕獲 /116
8 配色網站推薦 /117
9 作業:臨摹“好好住”App的界面 /118
課程7 圖標設計
1 圖標的分類 /127
2 圖標的發展趨勢 /128
3 圖標設計需遵循的要點 /132
4 圖標案例分析 /132
5 圖標設計規範 /133
6 Dribbble上一些值得推薦的圖標設計大咖 /138
7 如何臨摹裝飾性圖標 /139
8 作業:微信圖標Redesign /144
9 作業:製作30個圖標 /150
10 作業:製作快遞進度查詢界面(UI100Day) /155
11 作業:製作10個圖標 /160
12 作業:製作6個裝飾性圖標 /166
13 作業:製作裝飾性頭像 /171
14 作業:製作啟動頁(UI100Day) /174
15 作業:製作視頻播放器界面(UI100Day) /179
課程8 字體設計
1 中西文字體的分類 /185
2 GUI的起源 /193
3 UI字體需要註意的問題 /194
4 界面字體 /200
5 藝術字體推薦 /205
6 柵格化設計 /206
7 英文字體設計 /209
8 中文字體設計 /210
9 為什麼總說中文排版比英文排版更難 /214
10 中文字體在設計中的應用原則 /216
11 常用的字庫推薦 /218
12 字體相關的網站推薦 /221
13 作業:字體測量 /227
課程9 Banner設計
1 Banner的設計目的 /232
2 Banner的構圖方式 /232
3 Banner的配色技巧 /234
4 Banner的字體選擇 /236
5 Banner的文字排版 /239
6 文字排版的視覺效果優化技巧 /243
7 裝飾搭配 /248
8 Banner修改前後的對比 /249
9 情緒版Banner /251
10 作業:製作Banner原型 /254
11 作業:設計製作Banner1 /255
12 作業:設計製作Banner2 /256
13 作業:設計製作Banner3 /257
14 作業:製作Banner規範 /274


