包郵 UI界面設計與制作標準教程(全彩微課版)

作者：張博文、張亞瓊、職秀梅著

出版社：清華大學出版社出版時間：2025-04-01

開本：其他頁數： 0

本類榜單：計算機/網絡銷量榜

中圖價:¥49.9(7.1折) 定價 ~~¥69.8~~ 登錄后可看到會員價

加入購物車收藏

開年大促， 全場包郵

?新疆、西藏除外

本類五星書更多>

>
全國計算機等級考試最新真考題庫模擬考場及詳解·二級MSOffice高級應用

全國計算機等級考試最新真考題庫模擬考場及詳解·二級MSOffice高級應用

¥14.4¥45
>
決戰行測5000題(言語理解與表達)

決戰行測5000題(言語理解與表達)

¥44.1¥88
>
軟件性能測試.分析與調優實踐之路

軟件性能測試.分析與調優實踐之路

¥56.2¥69
>
第一行代碼Android

第一行代碼Android

¥55.4¥99
>
JAVA持續交付

JAVA持續交付

¥58.1¥119
>
EXCEL最強教科書(完全版)(全彩印刷)

EXCEL最強教科書(完全版)(全彩印刷)

¥31.1¥69.9
>
深度學習

深度學習

¥92.4¥168

商品詳情
商品評論(0條)

中圖價:¥49.9 加入購物車

版權信息
本書特色
內容簡介
前言
目錄

UI界面設計與制作標準教程(全彩微課版) 版權信息

ISBN：9787302680703
條形碼：9787302680703 ; 978-7-302-68070-3
裝幀：平裝-膠訂
冊數：暫無
重量：暫無
所屬分類：
計算機/網絡
>
圖形圖像多媒體
>
其他

UI界面設計與制作標準教程(全彩微課版) 本書特色

從零開始，循序漸進：審讀解析UI界面設計相關的基礎知識和應用
實戰講解，效率倍增：精選多個實戰案例，在實戰中練習各重要知識點
全程圖解，快速上手：知識點和案例采用全程圖解方式
微課輔導，易學易用：全重要知識點書配備62分鐘視頻課，
提供教學課件教案文檔學習視頻素材資源在線答疑

UI界面設計與制作標準教程(全彩微課版) 內容簡介

"本書圍繞UI界面設計展開創作，以“理論+實操”為寫作原則，用通俗易懂的語言對UI界面設計的相關知識進行詳細介紹。全書共9章，內容涵蓋UI設計基礎知識，界面設計在線工具—MasterGo，界面圖標設計，基礎控件設計，常用組件設計，移動端App界面設計，PC端界面設計，小程序界面設計以及界面的標注、輸出與動效制作，等等。在介紹理論知識的同時，穿插了大量的實操演示，部分章結尾安排“案例實戰”或“新手答疑”板塊，旨在讓讀者學會并掌握，達到舉一反三的目的。全書結構編排合理，所選案例貼合UI界面設計實際需求，可操作性強。案例講解詳細，一步一圖，即學即用。本書適合高等院校師生、UI設計師等閱讀使用，也適合作為社會培訓機構相關課程的教材。"

UI界面設計與制作標準教程(全彩微課版)UI界面設計與制作標準教程(全彩微課版) 前言

UI是指用戶界面，是軟件、網站或應用程序與用戶交互的部分。它是用戶與系統進行信息交流和操作的媒介。UI界面設計則是對軟件的人機交互、操作邏輯、界面美觀的整體設計。本書以理論與實際應用相結合的方式，從易教、易學的角度出發，詳細地介紹UI界面設計基礎理論及設計規范，同時也為讀者講解設計思路，讓讀者掌握動效設計與制作的方法，提高讀者的操作能力。

本書特色

理論實操，實用性強。本書為疑難知識點配備相關的實操案例，使讀者在學習過程中能夠從實際出發，學以致用。

結構合理，全程圖解。本書全程采用圖解的方式，讓讀者能夠直觀地看到每一步的具體操作。<div>UI是指用戶界面，是軟件、網站或應用程序與用戶交互的部分。它是用戶與系統進行信息交流和操作的媒介。UI界面設計則是對軟件的人機交互、操作邏輯、界面美觀的整體設計。本書以理論與實際應用相結合的方式，從易教、易學的角度出發，詳細地介紹UI界面設計基礎理論及設計規范，同時也為讀者講解設計思路，讓讀者掌握動效設計與制作的方法，提高讀者的操作能力。</div> <div> </div> <div>本書特色</div> <div> </div> <div>理論實操，實用性強。本書為疑難知識點配備相關的實操案例，使讀者在學習過程中能夠從實際出發，學以致用。</div> <div> </div> <div>結構合理，全程圖解。本書全程采用圖解的方式，讓讀者能夠直觀地看到每一步的具體操作。</div> <div> </div> <div>疑難解答，學習無憂。本書每章*后安排“新手答疑”板塊，主要針對實際工作中一些常見的疑難問題進行解答，讓讀者能夠及時地處理學習或工作中遇到的問題。同時還可舉一反三地解決其他類似的問題。</div> <div> </div> <div>內容概述</div> <div>全書共9章，各章內容見表1。</div> <div>表1</div> <div>章序內容難度指數</div> <div>第1章主要介紹UI設計基礎、UI設計方向、UI設計規范、UI設計的項目流程、AIGC在UI中的應用，以及UI設計元素應用規范 ★☆☆</div> <div>第2章主要介紹界面設計在線工具—MasterGo的工作界面、標尺與參考線、基礎工具、協同評論、切圖和導出、組件與樣式及原型交互 ★★☆</div> <div>第3章主要介紹圖標的類型、圖標的設計風格、iOS圖標設計規范、Android圖標設計規范及HarmonyOS圖標設計規范 ★★★</div> <div>第4章主要介紹控件的基礎知識、按鈕控件、選擇控件、分段控件、信息反饋控件以及文本框控件的類型與設計規范 ★★★</div> <div>第5章主要介紹組件的基礎知識、導航類組件、輸入類組件、展示類組件以及反饋類組件的設計規范 ★★★</div> <div>第6章主要介紹App常用界面類型、App原型設計以及App設計規范 ★★★</div> <div>第7章主要介紹PC端UI設計、PC源生UI、客戶端UI、網頁端UI類型與設計規范 ★★★</div> <div>第8章主要介紹移動端微信小程序、PC端微信小程序、微信小程序的創建以及微信小程序界面設計規范 ★★☆</div> <div>第9章主要介紹界面標注、界面的切圖以及界面的動效設計的要點與常用工具等內容 ★★☆</div> <div> </div> <div> </div> <div>本書的讀者對象</div> <div>高等院校相關專業的師生。</div> <div> </div> <div>從事UI設計的工作人員。</div> <div> </div> <div>對UI設計有著濃厚興趣的愛好者。</div> <div> </div> <div>想通過知識改變命運的有志青年。</div> <div> </div> <div>希望掌握更多技能的辦公室人員。</div> <div> </div> <div>本書的配套素材和教學課件可掃描下面的二維碼獲取，如果在下載過程中遇到問題，請聯系袁老師，郵箱：yuanjm@tup.tsinghua.edu.cn。書中重要的知識點和關鍵操作均配備高清視頻，讀者可掃描書中二維碼邊看邊學。</div> <div>本書由張博文、張亞瓊、職秀梅編寫，在編寫過程中得到了鄭州輕工業大學教務處的大力支持，在此表示感謝。寫作過程中作者雖力求嚴謹細致，但由于時間與精力有限，書中疏漏之處在所難免。如果讀者在閱讀過程中有任何疑問，請掃描下面的技術支持二維碼，聯系相關技術人員解決。教師在教學過程中有任何疑問，請掃描下面的教學支持二維碼，聯系相關技術人員解決。</div> <div> </div> <div> </div> <div> </div> <div> </div> <div> </div> <div>配套素材教學課件技術支持教學支持</div> <p> </p>

顯示全部信息

UI界面設計與制作標準教程(全彩微課版) 目錄

第1章
UI設計基礎知識
1.1 認識UI設計 2
1.2 UI設計方向 2
1.2.1 用戶研究 2
1.2.2 交互設計 3
1.2.3 界面設計 3
1.3 UI設計規范 4
1.3.1 一致性原則 4
1.3.2 準確性原則 5
1.3.3 可讀性原則 6
1.3.4 布局合理化原則 6
1.3.5 操作合理性 7
1.3.6 系統響應時間 7
1.4 UI設計的項目流程 8
1.4.1 需求分析 8
1.4.2 設計研究 9
1.4.3 原型設計 9
1.4.4 界面設計 10
1.4.5 用戶測試 11
1.4.6 方案優化 12
1.4.7 交付結果 13
1.5 AIGC在UI中的應用 13
1.5.1 AIGC的基本功能 13
1.5.2 AIGC在UI中的應用方式 14
1.5.3 常用的AIGC工具 17
1.6 UI設計元素應用規范 18
1.6.1 文字應用解析 18
1.6.2 圖片應用解析 23
1.6.3 色彩應用解析 25
新手答疑 29

第2章
界面設計在線工具——MasterGo
2.1 認識MasterGo 31
2.1.1 操作界面 31
2.1.2 標尺與參考線 32
2.1.3 基礎工具 34
2.1.4 協同評論 37
2.1.5 切圖和導出 39
2.2 組件與樣式 41
2.2.1 創建組件 41
2.2.2 應用預設組件 42
2.2.3 創建樣式 42
2.3 原型交互 44
2.3.1 交互 45
2.3.2 溢出行為 47
案例實戰：原型交互效果制作 48
新手答疑 56

第3章
界面圖標設計
3.1 認識圖標 58
3.1.1 圖標的類型 58
3.1.2 圖標的設計風格 60
3.1.3 輔助繪制網格 62
3.2 iOS圖標設計規范 64
3.2.1 iOS應用圖標設計 64
3.2.2 iOS系統圖標設計 65
3.3 Android圖標設計規范 66
3.3.1 Android應用圖標設計 66
3.3.2 Android系統圖標設計 67
3.4 HarmonyOS圖標設計規范 68
3.4.1 HarmonyOS應用圖標設計 68
3.4.2 HarmonyOS系統圖標設計 70
案例實戰：制作天氣類功能圖標 72
新手答疑 88

第4章
基礎控件設計
4.1 認識控件 90
4.2 按鈕控件 90
4.2.1 按鈕控件的類型 90
4.2.2 按鈕控件設計規范 93
4.3 選擇控件 95
4.3.1 選擇控件的類型 96
4.3.2 選擇控件設計規范 97
4.4 分段控件 98
4.4.1 分段控件的類型 98
4.4.2 分段控件設計規范 99
4.5 信息反饋控件 99
4.5.1 反饋控件的類型 99
4.5.2 反饋控件設計規范 100
4.6 文本框控件 102
4.6.1 文本框控件的類型 102
4.6.2 文本框控件設計規范 103
案例實戰：制作美食App登錄頁控件 103
新手答疑 106

第5章
常用組件設計
5.1 認識組件 108
5.2 基礎組件 108
5.2.1 基礎組件解析 108
5.2.2 基礎組件設計規范 109
5.3 導航類組件 111
5.3.1 導航類組件解析 111
5.3.2 導航類組件設計規范 113
5.4 輸入類組件 116
5.4.1 輸入類組件解析 116
5.4.2 輸入類組件設計規范 118
5.5 展示類組件 119
5.5.1 展示類組件解析 119
5.5.2 展示類組件設計規范 121
5.6 反饋類組件 122
5.6.1 反饋類組件解析 122
5.6.2 反饋類組件設計規范 124
案例實戰：制作App系統更新對話框 126
新手答疑 133

第6章
移動端App界面設計
6.1 App常用界面類型 135
6.1.1 閃屏頁 135
6.1.2 引導頁 136
6.1.3 注冊登錄頁 137
6.1.4 空白頁 137
6.1.5 首頁 138
6.1.6 個人中心頁 138
6.1.7 其他界面 139
6.2 App原型設計 140
6.2.1 草圖的繪制 140
6.2.2 原型的設計 141
6.3 App設計規范 142
6.3.1 iOS設計規范 142
6.3.2 Android設計規范 144
6.3.3 HarmonyOS設計規范 146
案例實戰：制作美食App首頁界面 147
新手答疑 158

第7章
PC端界面設計
7.1 PC端界面設計簡介 160
7.2 PC源生界面 161
7.3 客戶端界面 162
7.3.1 客戶端界面的類型 162
7.3.2 客戶端界面設計規范 167
7.4 網頁端界面 169
7.4.1 網頁端界面類型 169
7.4.2 網頁端界面設計規范 173
案例實戰：制作聊天類客戶端首頁 175
新手答疑 184

第8章
小程序界面設計
8.1 關于微信小程序 186
8.1.1 移動端微信小程序 186
8.1.2 PC端微信小程序 186
8.1.3 微信小程序的創建 187
8.2 微信小程序界面設計規范 188
8.2.1 微信小程序界面尺寸 188
8.2.2 微信小程序視覺設計 189
8.2.3 微信小程序文字設計 193
案例實戰：制作旅行類小程序界面 194
新手答疑 202

第9章
界面的標注、輸出與動效制作
9.1 界面標注 204
9.1.1 界面標注的作用 204
9.1.2 界面標注的內容 204
9.1.3 界面標注的規范 205
9.1.4 界面標注的常用工具 206
9.2 界面的切圖 207
9.2.1 界面切圖的原則 207
9.2.2 界面切圖的要點 208
9.2.3 界面切圖的命名規范 209
9.2.4 界面切圖的常用工具 211
9.3 界面的動效制作 212
9.3.1 界面動效的屬性 212
9.3.2 界面動效的作用 212
9.3.3 界面動效的類型 213
9.3.4 動效制作的常用工具 217
案例實戰：標注App登錄界面 218
新手答疑 224