Figma UI設(shè)計(jì)技法與實(shí)踐

定　價(jià)：￥99.00

作　者：	王欣
出版社：	清華大學(xué)出版社
叢編項(xiàng)：
標(biāo)　簽：	暫缺

購(gòu)買(mǎi)這本書(shū)可以去

當(dāng)當(dāng)網(wǎng) (￥94.10)

ISBN：	9787302675860	出版時(shí)間：	2024-12-01	包裝：	平裝-膠訂
開(kāi)本：	16開(kāi)	頁(yè)數(shù)：		字?jǐn)?shù)：

內(nèi)容簡(jiǎn)介

　　Figma作為一款強(qiáng)大的UI設(shè)計(jì)工具，正在為移動(dòng)UI設(shè)計(jì)帶來(lái)革命性的變革。其強(qiáng)大的功能和直觀(guān)的界面，使得設(shè)計(jì)師們能夠更加高效、專(zhuān)業(yè)地完成設(shè)計(jì)工作，為用戶(hù)帶來(lái)更加優(yōu)質(zhì)、流暢的移動(dòng)應(yīng)用體驗(yàn)?！禙igma UI設(shè)計(jì)技法與實(shí)踐》主要講解對(duì)UI設(shè)計(jì)的基礎(chǔ)知識(shí)，并針對(duì)iOS系統(tǒng)、Android系統(tǒng)和HarmonyOS系統(tǒng)UI設(shè)計(jì)規(guī)范進(jìn)行講解。《Figma UI設(shè)計(jì)技法與實(shí)踐》將基礎(chǔ)知識(shí)講解與項(xiàng)目案例制作相結(jié)合，將枯燥的知識(shí)點(diǎn)融入豐富有趣的案例制作中，全面解析移動(dòng)端App UI設(shè)計(jì)的流程及設(shè)計(jì)技巧。全書(shū)共分為5章，包括Figma基礎(chǔ)操作、移動(dòng)UI設(shè)計(jì)基礎(chǔ)、使用Figma設(shè)計(jì)iOS系統(tǒng)UI、使用Figma設(shè)計(jì)Android系統(tǒng)UI和使用Figma設(shè)計(jì)HarmonyOS系統(tǒng)UI。書(shū)中案例均使用最新的UI設(shè)計(jì)工具Figma進(jìn)行設(shè)計(jì)制作?！禙igma UI設(shè)計(jì)技法與實(shí)踐》配套資源中不但提供了書(shū)中所有實(shí)例的源文件和素材，還提供了所有實(shí)例的多媒體教學(xué)視頻，以幫助讀者輕松掌握Figma移動(dòng)UI設(shè)計(jì)，同時(shí)還配有《Figma UI設(shè)計(jì)技法與實(shí)踐》PPT課件，讓新手從零起飛?！禙igma UI設(shè)計(jì)技法與實(shí)踐》適合UI設(shè)計(jì)愛(ài)好者和移動(dòng)UI設(shè)計(jì)從業(yè)者閱讀，也適合作為各院校相關(guān)設(shè)計(jì)專(zhuān)業(yè)的參考教材。

作者簡(jiǎn)介

　　王欣，從事設(shè)計(jì)工作多年，有豐富的設(shè)計(jì)和教學(xué)經(jīng)驗(yàn)。熟練掌握各種設(shè)計(jì)軟件，了解設(shè)計(jì)流程，曾參與多個(gè)設(shè)計(jì)項(xiàng)目的設(shè)計(jì)和開(kāi)發(fā)工作。對(duì)于色彩原理和搭配有獨(dú)特見(jiàn)解。曾參與多個(gè)平面設(shè)計(jì)和網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目，在多家專(zhuān)業(yè)雜志發(fā)表專(zhuān)業(yè)論文。出版相關(guān)圖書(shū)多本。

圖書(shū)目錄

第1章?Figma基礎(chǔ)操作
1.1?認(rèn)識(shí)Figma
1.1.1?Figma概述
1.1.2?Figma在移動(dòng)UI設(shè)計(jì)中的優(yōu)勢(shì)
1.2?Figma的安裝與漢化
1.2.1?使用在線(xiàn)Figma
1.2.2?使用Figma客戶(hù)端
1.2.3?使用本地漢化版Figma
1.3?認(rèn)識(shí)Figma的工作界面
1.3.1?Figma項(xiàng)目管理界面
1.3.2?Figma工作界面詳解
1.4?使用Figma工具
1.4.1?移動(dòng)工具和縮放工具
1.4.2?形狀工具
1.4.3?鋼筆工具
1.4.4?文本工具
1.4.5?對(duì)象的編組操作
1.4.6?使用畫(huà)框
1.5?Figma的“設(shè)計(jì)”面板
1.6?使用Figma插件
1.6.1?查找并保存Figma插件
1.6.2?Figma插件的使用方法
1.7?本章小結(jié)
1.8?課后練習(xí)
1.8.1?選擇題
1.8.2?判斷題
1.8.3?操作題
第2章?移動(dòng)UI設(shè)計(jì)基礎(chǔ)
2.1?UI設(shè)計(jì)概述
2.1.1?什么是UI設(shè)計(jì)
2.1.2?UI設(shè)計(jì)的常用術(shù)語(yǔ)
2.1.3?UI設(shè)計(jì)的特點(diǎn)
2.2?移動(dòng)UI設(shè)計(jì)平臺(tái)
2.2.1?Android系統(tǒng)
2.2.2?iOS系統(tǒng)和iPadOS系統(tǒng)
2.2.3?HarmonyOS系統(tǒng)
2.2.4?Wear OS和Watch OS系統(tǒng)
2.3?移動(dòng)UI項(xiàng)目開(kāi)發(fā)職業(yè)劃分
2.3.1?產(chǎn)品經(jīng)理
2.3.2?項(xiàng)目經(jīng)理
2.3.3?UI設(shè)計(jì)師
2.3.4?開(kāi)發(fā)人員
2.4?移動(dòng)UI設(shè)計(jì)原則
2.5?在Figma中進(jìn)行圖標(biāo)設(shè)計(jì)
2.5.1?使用Figma基本繪圖工具設(shè)計(jì)簡(jiǎn)約功能圖標(biāo)
2.5.2?使用Figma插件設(shè)計(jì)App啟動(dòng)圖標(biāo)
2.5.3?使用Figma效果功能設(shè)計(jì)微質(zhì)感圖標(biāo)
2.6?本章小結(jié)
2.7?課后練習(xí)
2.7.1?選擇題
2.7.2?判斷題
2.7.3?操作題
第3章?使用Figma設(shè)計(jì)iOS系統(tǒng)UI
3.1?了解iOS系統(tǒng)
3.1.1?網(wǎng)點(diǎn)密度與屏幕密度
3.1.2?iOS系統(tǒng)的屏幕分辨率
3.1.3?邏輯點(diǎn)與倍圖
3.2?iOS系統(tǒng)界面和組件尺寸
3.2.1?iOS系統(tǒng)UI設(shè)計(jì)尺寸
3.2.2?界面組件尺寸規(guī)范
3.3?iOS系統(tǒng)字體規(guī)范
3.3.1?字體
3.3.2?字號(hào)
3.3.3?顏色和字重
3.4?iOS系統(tǒng)圖標(biāo)規(guī)范
3.5?iOS系統(tǒng)按鈕規(guī)范
3.6?iOS系統(tǒng)圖片規(guī)范
3.6.1?圖片比例
3.6.2?圖片格式
3.7?iOS系統(tǒng)內(nèi)容布局規(guī)范
3.7.1?移動(dòng)UI排版布局的基礎(chǔ)原則
3.7.2?常見(jiàn)的布局形式
3.7.3?邊距和間距設(shè)置
3.8?關(guān)于Figma組件
3.8.1?在Figma中創(chuàng)建組件
3.8.2?使用Figma組件
3.8.3?Figma變體組件的創(chuàng)建與使用
3.9?使用Figma制作影視App
3.9.1?制作影視App相關(guān)組件
3.9.2?制作影視App首界面
3.9.3?制作影視App影片詳情界面
3.9.4?制作影視App其他界面
3.10?本章小結(jié)
3.11?課后練習(xí)
3.11.1?選擇題
3.11.2?判斷題
3.11.3?操作題
第4章?使用Figma設(shè)計(jì)Android系統(tǒng)UI
4.1?了解Android系統(tǒng)
4.1.1?Android系統(tǒng)的發(fā)展
4.1.2?Android系統(tǒng)的單位
4.1.3?Android系統(tǒng)的常用分辨率
4.1.4?Android系統(tǒng)的設(shè)計(jì)尺寸
4.2?Android系統(tǒng)UI設(shè)計(jì)尺寸
4.2.1?Android系統(tǒng)的組件尺寸
4.2.2?Android系統(tǒng)的元素間距
4.3?Android系統(tǒng)字體設(shè)計(jì)規(guī)范
4.3.1?字體
4.3.2?字號(hào)
4.4?Android系統(tǒng)圖標(biāo)規(guī)范
4.4.1?圖標(biāo)類(lèi)型
4.4.2?圖標(biāo)尺寸
4.5?移動(dòng)UI布局設(shè)計(jì)
4.5.1?App界面常見(jiàn)的布局形式
4.5.2?卡片式設(shè)計(jì)與無(wú)框設(shè)計(jì)
4.6?Figma布局約束和網(wǎng)格
4.6.1?使用Figma布局約束
4.6.2?使用Figma布局網(wǎng)格
4.7?使用Figma制作旅游App
4.7.1?制作旅游App相關(guān)組件
4.7.2?制作旅游App首界面
4.7.3?制作旅游App收藏界面
4.7.4?制作旅游App其他界面
4.8?本章小結(jié)
4.9?課后練習(xí)
4.9.1?選擇題
4.9.2?判斷題
4.9.3?操作題
第5章?使用Figma設(shè)計(jì)HarmonyOS系統(tǒng)UI
5.1?了解HarmonyOS系統(tǒng)
5.1.1?HarmonyOS系統(tǒng)的誕生與特點(diǎn)
5.1.2?HarmonyOS與iOS和Android的區(qū)別
5.2?HarmonyOS系統(tǒng)單位與尺寸
5.2.1?HarmonyOS系統(tǒng)的單位
5.2.2?HarmonyOS系統(tǒng)的組件尺寸
5.3?HarmonyOS系統(tǒng)字體規(guī)范
5.3.1?字體和字號(hào)
5.3.2?對(duì)齊規(guī)則
5.4?HarmonyOS系統(tǒng)圖標(biāo)規(guī)范
5.4.1?圖標(biāo)的大小布局
5.4.2?圖標(biāo)的特征
5.5?HarmonyOS系統(tǒng)的間距
5.6?UI的格式塔原理
5.6.1?什么是格式塔原理
5.6.2?格式塔原理的六大法則
5.7?Figma自動(dòng)布局
5.8?使用Figma制作珠寶電商App
5.8.1?制作珠寶電商App相關(guān)組件
5.8.2?制作珠寶電商App首界面
5.8.3?制作珠寶電商App購(gòu)買(mǎi)界面
5.8.4?制作珠寶電商App其他界面
5.9?本章小結(jié)
5.10　課后練習(xí)
5.10.1?選擇題
5.10.2?判斷題
5.10.3?操作題