APP UI系統組件設計
王紅蕾、王建紅、時延輝
中文年末書展｜繁簡參展書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
相關主題
商品描述
《APP UI系統組件設計》是一本專門介紹使用Photoshop設計、製作APP元素的圖書。 《APP UI系統組件設計》共分8章，包括初識UI界面基礎、使用基本形狀繪制UI元素、扁平化設計風格、寫實風格圖標設計與製作、UI小控件元素、UI導航設計與製作、登錄框設計與製作、UI界面設計與製作等內容，通過案例講解，使讀者由淺入深、逐步地瞭解使用Photoshop設計與製作APP元素的整體設計思路和製作過程。本書將APP UI元素設計的相關理論與實例操作相結合，不僅能使讀者學到專業知識，也能使讀者掌握實際應用，全面掌握APP UI的元素設計。 《APP UI系統組件設計》不僅適合APP UI設計愛好者，以及準備從事APP UI設計的人員，也適合Photoshop的使用者，包括平面設計師、網頁設計師等；同時也可作為相關培訓機構的輔助教材。
目錄大綱
目 錄
第1 章 初識UI 基礎 1
1.1 認識UI 2
1.2 UI 的分類 3
1.3 UI 的色彩基礎 4
1.3.1 顏色的概念 4
1.3.2 色彩三要素 4
1.3.3 色彩的混合 6
1.3.4 色彩的分類 8
1.4 不同色彩給人的心理影響 8
1.5 常用UI 設計單位解析 9
1.6 UI 設計常用的軟件 9
1.7 UI 設計常用圖像格式 11
1.8 UI 的設計原則 12
1.9 優秀作品欣賞 13
第2 章 使用基本形狀繪制UI 元素 14
2.1 瞭解Photoshop 中的基本形狀 15
2.1.1 通過選區創建幾何圖形 15
2.1.2 繪制工具 15
2.1.3 形狀工具的不同模式 16
2.2 使用矩形選區製作下單按鈕 17
2.3 使用橢圓選區製作圓形按鈕 19
2.4 使用矩形工具製作簡潔風格導航欄 23
2.5 使用圓角矩形工具和矩形工具製作提示窗口 25
2.6 使用圓角矩形工具和橢圓工具製作拖動條 30
2.7 使用多邊形工具和橢圓工具製作播放按鈕 32
2.8 使用自定形狀工具和橢圓工具製作供電按鈕 37
2.9 使用橢圓工具結合圖層樣式製作金屬旋鈕 43
2.10 使用路徑與自定形狀工具製作網頁廣告條 51
2.11 優秀作品欣賞 54
第3 章 扁平化設計風格 55
3.1 瞭解扁平化設計 56
3.1.1 扁平化設計是什麼 56
3.1.2 扁平化風格的優缺點 56
3.1.3 扁平化風格的設計原則 57
3.2 扁平相機圖標製作 59
3.3 扁平視頻播放圖標製作 62
3.4 扁平收音機圖標製作 65
3.5 扁平化郵箱界面製作 69
3.6 扁平音樂播放器界面製作 73
3.7 時間APP 界面製作 76
3.8 天氣預報控件製作 79
3.9 車載扁平UI 製作 83
3.10 扁平卡通生肖圖標製作 87
3.11 優秀作品欣賞 91
第4 章 寫實風格圖標設計與製作 92
4.1 瞭解寫實風格設計 93
4.1.1 寫實的藝術表現 93
4.1.2 寫實風格的優缺點 94
4.1.3 寫實風格的設計原則 94
4.2 寫實麥克風圖標製作 96
4.3 寫實鋼琴圖標製作 104
4.4 寫實電視圖標製作 111
4.5 寫實滾動開關圖標製作 118
4.6 寫實日歷圖標製作 125
4.7 寫實西瓜圖標製作 129
4.8 優秀作品欣賞 134
第5 章 UI 小控件元素 135
5.1 瞭解UI 設計中的控件 136
5.1.1 UI 控件是什麼 136
5.1.2 UI 設計中的控件 136
5.1.3 UI 控件的設計原則 137
5.2 重要人物電話簿控件製作 138
5.3 功能性圖標控件製作 146
5.4 天氣控件製作 152
5.5 時間控件製作 158
5.6 質感開關控件製作 165
5.7 視頻播放控件製作 173
5.8 音量旋鈕控件製作 175
5.9 優秀作品欣賞 180
第6 章 UI 導航設計與製作 181
6.1 瞭解UI 設計中的導航 182
6.1.1 導航是什麼 182
6.1.2 導航的分類 182
6.1.3 移動端導航設計的幾種形式 182
6.1.4 網頁端導航設計的幾種形式 185
6.2 水晶質感網頁導航製作 188
6.3 底部導航製作 193
6.4 頂部導航製作 198
6.5 抽屜式導航製作 200
6.6 帶搜索導航製作 204
6.7 APP 頂部導航製作 208
6.8 APP 網格式導航製作 211
6.9 優秀作品欣賞 213
第7 章 登錄框設計與製作 215
7.1 瞭解UI 設計中的登錄框 216
7.1.1 登錄框是什麼 216
7.1.2 UI 中登錄框的分類 216
7.1.3 登錄框的幾種形式 216
7.2 傳統登錄框製作 216
7.3 企業登錄框製作 221
7.4 漂浮感登錄框製作 225
7.5 透明登錄框製作 230
7.6 純凈扁平登錄框製作 236
7.7 橫幅登錄框製作 238
7.8 皮質登錄框製作 243
7.9 優秀作品欣賞 251
第8 章 UI 設計與製作 252
8.1 瞭解UI 設計中的界面 253
8.1.1 UI 設計中的界面是什麼 253
8.1.2 常見的界面 253
8.1.3 屏幕尺寸 253
8.1.4 設計界面時需要註意的固定元素尺寸 255
8.1.5 什麼是好的界面設計 256
8.2 手機開機界面製作 256
8.3 鞋子銷售界面製作 259
8.4 扁平下載界面製作 266
8.5 手機界面製作 268
8.6 汽車服務APP 界面製作 272
8.7 天氣預報界面製作 274
8.8 照片處理類APP 界面製作 277
8.9 優秀作品欣賞 280
