Figma UI設計技法與實踐
王欣
相關主題
商品描述
"Figma作為一款強大的UI設計工具，正在為移動UI設計帶來革命性的變革。其強大的功能和直觀的界面，使得設計師們能夠更加高效、專業地完成設計工作，為用戶帶來更加優質、流暢的移動應用體驗。 《Figma UI設計技法與實踐》主要講解對UI設計的基礎知識，並針對iOS系統、Android系統和HarmonyOS系統UI設計規範進行講解。《Figma UI設計技法與實踐》將基礎知識講解與項目案例製作相結合，將枯燥的知識點融入豐富有趣的案例製作中，全面解析移動端App UI設計的流程及設計技巧。 全書共分為5章，包括Figma基礎操作、移動UI設計基礎、使用Figma設計iOS系統UI、使用Figma設計Android系統UI和使用Figma設計HarmonyOS系統UI。書中案例均使用**的UI設計工具Figma進行設計製作。 《Figma UI設計技法與實踐》配套資源中不但提供了書中所有實例的源文件和素材，還提供了所有實例的多媒體教學視頻，以幫助讀者輕松掌握Figma移動UI設計，同時還配有《Figma UI設計技法與實踐》PPT課件，讓新手從零起飛。 《Figma UI設計技法與實踐》適合UI設計愛好者和移動UI設計從業者閱讀，也適合作為各院校相關設計專業的參考教材。 "
目錄大綱
目錄
第1章?Figma基礎操作
1.1?認識Figma
1.1.1?Figma概述
1.1.2?Figma在移動UI設計中的優勢
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?本章小結
1.8?課後練習
1.8.1?選擇題
1.8.2?判斷題
1.8.3?操作題
第2章?移動UI設計基礎
2.1?UI設計概述
2.1.1?什麽是UI設計
2.1.2?UI設計的常用術語
2.1.3?UI設計的特點
2.2?移動UI設計平臺
2.2.1?Android系統
2.2.2?iOS系統和iPadOS系統
2.2.3?HarmonyOS系統
2.2.4?Wear OS和Watch OS系統
2.3?移動UI項目開發職業劃分
2.3.1?產品經理
2.3.2?項目經理
2.3.3?UI設計師
2.3.4?開發人員
2.4?移動UI設計原則
2.5?在Figma中進行圖標設計
2.5.1?使用Figma基本繪圖工具設計簡約功能圖標
2.5.2?使用Figma插件設計App啟動圖標
2.5.3?使用Figma效果功能設計微質感圖標
2.6?本章小結
2.7?課後練習
2.7.1?選擇題
2.7.2?判斷題
2.7.3?操作題
第3章?使用Figma設計iOS系統UI
3.1?瞭解iOS系統
3.1.1?網點密度與屏幕密度
3.1.2?iOS系統的屏幕分辨率
3.1.3?邏輯點與倍圖
3.2?iOS系統界面和組件尺寸
3.2.1?iOS系統UI設計尺寸
3.2.2?界面組件尺寸規範
3.3?iOS系統字體規範
3.3.1?字體
3.3.2?字號
3.3.3?顏色和字重
3.4?iOS系統圖標規範
3.5?iOS系統按鈕規範
3.6?iOS系統圖片規範
3.6.1?圖片比例
3.6.2?圖片格式
3.7?iOS系統內容佈局規範
3.7.1?移動UI排版佈局的基礎原則
3.7.2?常見的佈局形式
3.7.3?邊距和間距設置
3.8?關於Figma組件
3.8.1?在Figma中創建組件
3.8.2?使用Figma組件
3.8.3?Figma變體組件的創建與使用
3.9?使用Figma製作影視App
3.9.1?製作影視App相關組件
3.9.2?製作影視App首界面
3.9.3?製作影視App影片詳情界面
3.9.4?製作影視App其他界面
3.10?本章小結
3.11?課後練習
3.11.1?選擇題
3.11.2?判斷題
3.11.3?操作題
第4章?使用Figma設計Android系統UI
4.1?瞭解Android系統
4.1.1?Android系統的發展
4.1.2?Android系統的單位
4.1.3?Android系統的常用分辨率
4.1.4?Android系統的設計尺寸
4.2?Android系統UI設計尺寸
4.2.1?Android系統的組件尺寸
4.2.2?Android系統的元素間距
4.3?Android系統字體設計規範
4.3.1?字體
4.3.2?字號
4.4?Android系統圖標規範
4.4.1?圖標類型
4.4.2?圖標尺寸
4.5?移動UI佈局設計
4.5.1?App界面常見的佈局形式
4.5.2?卡片式設計與無框設計
4.6?Figma佈局約束和網格
4.6.1?使用Figma佈局約束
4.6.2?使用Figma佈局網格
4.7?使用Figma製作旅游App
4.7.1?製作旅游App相關組件
4.7.2?製作旅游App首界面
4.7.3?製作旅游App收藏界面
4.7.4?製作旅游App其他界面
4.8?本章小結
4.9?課後練習
4.9.1?選擇題
4.9.2?判斷題
4.9.3?操作題
第5章?使用Figma設計HarmonyOS系統UI
5.1?瞭解HarmonyOS系統
5.1.1?HarmonyOS系統的誕生與特點
5.1.2?HarmonyOS與iOS和Android的區別
5.2?HarmonyOS系統單位與尺寸
5.2.1?HarmonyOS系統的單位
5.2.2?HarmonyOS系統的組件尺寸
5.3?HarmonyOS系統字體規範
5.3.1?字體和字號
5.3.2?對齊規則
5.4?HarmonyOS系統圖標規範
5.4.1?圖標的大小佈局
5.4.2?圖標的特徵
5.5?HarmonyOS系統的間距
5.6?UI的格式塔原理
5.6.1?什麽是格式塔原理
5.6.2?格式塔原理的六大法則
5.7?Figma自動佈局
5.8?使用Figma製作珠寶電商App
5.8.1?製作珠寶電商App相關組件
5.8.2?製作珠寶電商App首界面
5.8.3?製作珠寶電商App購買界面
5.8.4?製作珠寶電商App其他界面
5.9?本章小結
5.10 課後練習
5.10.1?選擇題
5.10.2?判斷題
5.10.3?操作題
