Figma UI設計技法與實踐

第1章?Figma基礎操作
1.1?認識Figma
1.1.1?Figma概述
1.1.2?Figma在移動UI設計中的優(yōu)勢
1.2?Figma的安裝與漢化
1.2.1?使用在線Figma
1.2.2?使用Figma客戶端
1.2.3?使用本地漢化版Figma
1.3?認識Figma的工作界面
1.3.1?Figma項目管理界面
1.3.2?Figma工作界面詳解
1.4?使用Figma工具
1.4.1?移動工具和縮放工具
1.4.2?形狀工具
1.4.3?鋼筆工具
1.4.4?文本工具
1.4.5?對象的編組操作
1.4.6?使用畫框
1.5?Figma的“設計”面板
1.6?使用Figma插件
1.6.1?查找并保存Figma插件
1.6.2?Figma插件的使用方法
1.7?本章小結(jié)
1.8?課后練習
1.8.1?選擇題
1.8.2?判斷題
1.8.3?操作題
第2章?移動UI設計基礎
2.1?UI設計概述
2.1.1?什么是UI設計
2.1.2?UI設計的常用術(shù)語
2.1.3?UI設計的特點
2.2?移動UI設計平臺
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?移動UI項目開發(fā)職業(yè)劃分
2.3.1?產(chǎn)品經(jīng)理
2.3.2?項目經(jīng)理
2.3.3?UI設計師
2.3.4?開發(fā)人員
2.4?移動UI設計原則
2.5?在Figma中進行圖標設計
2.5.1?使用Figma基本繪圖工具設計簡約功能圖標
2.5.2?使用Figma插件設計App啟動圖標
2.5.3?使用Figma效果功能設計微質(zhì)感圖標
2.6?本章小結(jié)
2.7?課后練習
2.7.1?選擇題
2.7.2?判斷題
2.7.3?操作題
第3章?使用Figma設計iOS系統(tǒng)UI
3.1?了解iOS系統(tǒng)
3.1.1?網(wǎng)點密度與屏幕密度
3.1.2?iOS系統(tǒng)的屏幕分辨率
3.1.3?邏輯點與倍圖
3.2?iOS系統(tǒng)界面和組件尺寸
3.2.1?iOS系統(tǒng)UI設計尺寸
3.2.2?界面組件尺寸規(guī)范
3.3?iOS系統(tǒng)字體規(guī)范
3.3.1?字體
3.3.2?字號
3.3.3?顏色和字重
3.4?iOS系統(tǒng)圖標規(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?移動UI排版布局的基礎原則
3.7.2?常見的布局形式
3.7.3?邊距和間距設置
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?課后練習
3.11.1?選擇題
3.11.2?判斷題
3.11.3?操作題
第4章?使用Figma設計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)的設計尺寸
4.2?Android系統(tǒng)UI設計尺寸
4.2.1?Android系統(tǒng)的組件尺寸
4.2.2?Android系統(tǒng)的元素間距
4.3?Android系統(tǒng)字體設計規(guī)范
4.3.1?字體
4.3.2?字號
4.4?Android系統(tǒng)圖標規(guī)范
4.4.1?圖標類型
4.4.2?圖標尺寸
4.5?移動UI布局設計
4.5.1?App界面常見的布局形式
4.5.2?卡片式設計與無框設計
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?課后練習
4.9.1?選擇題
4.9.2?判斷題
4.9.3?操作題
第5章?使用Figma設計HarmonyOS系統(tǒng)UI
5.1?了解HarmonyOS系統(tǒng)
5.1.1?HarmonyOS系統(tǒng)的誕生與特點
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?字體和字號
5.3.2?對齊規(guī)則
5.4?HarmonyOS系統(tǒng)圖標規(guī)范
5.4.1?圖標的大小布局
5.4.2?圖標的特征
5.5?HarmonyOS系統(tǒng)的間距
5.6?UI的格式塔原理
5.6.1?什么是格式塔原理
5.6.2?格式塔原理的六大法則
5.7?Figma自動布局
5.8?使用Figma制作珠寶電商App
5.8.1?制作珠寶電商App相關(guān)組件
5.8.2?制作珠寶電商App首界面
5.8.3?制作珠寶電商App購買界面
5.8.4?制作珠寶電商App其他界面
5.9?本章小結(jié)
5.10　課后練習
5.10.1?選擇題
5.10.2?判斷題
5.10.3?操作題