Figma UI設(shè)計(jì)技法與思維全解析

01 我們要成為怎樣的設(shè)計(jì)師
01-01 風(fēng)口不在，UI 設(shè)計(jì)師如何自我定位 ……………………………………………… 2
01-02 你為什么成長那么慢？什么是 UI 設(shè)計(jì)師的核心競爭力 ………………………… 6
01-03 UI 設(shè)計(jì)師必備技能分析 ……………………………………………………………11
01-04 UI 設(shè)計(jì)師的思維和方法論 …………………………………………………………19
02 從軟件開始放飛自我
02-01 如何選擇適合自己的 UI 設(shè)計(jì)工具 …………………………………………………25
02-02 Hello 新朋友—初識 Figma ……………………………………………………… 29
02-03 Figma 基礎(chǔ)操作詳解之界面篇 ……………………………………………………34
02-04 Figma 基礎(chǔ)操作詳解之工具篇 ……………………………………………………39
02-05 Figma 基礎(chǔ)操作詳解之菜單篇 ……………………………………………………58
02-06 Figma 中的特色插件 ………………………………………………………………88
02-07 那些讓你大呼好用的 Figma 小技巧 …………………………………………… 103
02-08 界面中的約束與自適應(yīng)布局 …………………………………………………… 108
02-09 Figma 交互功能詳解 …………………………………………………………… 117
02-10 Figma 如何與 Sketch 及 Adobe XD 結(jié)合使用 ……………………………… 133
02-11 使用 Figma 完成你的第一頁 UI 設(shè)計(jì)稿 ……………………………………… 137
03? Figma 協(xié)作功能解析
03-01 在 UI 設(shè)計(jì)工作流中活用 Figma 與產(chǎn)品經(jīng)理、需求方溝通 …………………148
03-02 UI 設(shè)計(jì)師如何使用 Figma 與開發(fā)工程師無縫對接 ……………………………151
03-03 使用 Figma Mirror 快速預(yù)覽 UI 設(shè)計(jì)稿 ………………………………………155
03-04 挽回你的“第一稿”：Figma 設(shè)計(jì)稿版本管理功能 …………………………159
03-05 斷網(wǎng)怕不怕？將 Figma 設(shè)計(jì)稿保存為本地文件 ………………………………161
04 Figma UI 界面設(shè)計(jì)細(xì)節(jié)進(jìn)階
04-01 Figma 圖標(biāo)設(shè)計(jì)實(shí)戰(zhàn)：線性圖標(biāo)與 Big Sur 輕擬物圖標(biāo)繪制 ………………165
04-02 版式設(shè)計(jì)練習(xí)：UI 設(shè)計(jì)的核心能力 ……………………………………………191
04-03 UI 界面中的金剛區(qū)圖標(biāo)：Tab 欄圖標(biāo) …………………………………………198
04-04 啟動頁設(shè)計(jì)：用戶的第一印象很重要 …………………………………………204
04-05 分清重點(diǎn)：應(yīng)用首頁設(shè)計(jì)技巧 …………………………………………………209
04-06 UI 詳情頁設(shè)計(jì)技巧及設(shè)計(jì)目標(biāo) …………………………………………………214
04-07 用戶個人中心頁設(shè)計(jì) ……………………………………………………………219
04-08 萬物即列表：從列表設(shè)計(jì)強(qiáng)化自己的設(shè)計(jì)能力 ………………………………221
04-09 插畫：為 UI 界面錦上添花的技巧 ………………………………………………226
04-10 “原子化”設(shè)計(jì)思路：用 Figma 制作設(shè)計(jì)規(guī)范與組件 ………………………228
05 iOS 與 Android 人機(jī)界面設(shè)計(jì)指南—以不變應(yīng)萬變的設(shè)計(jì)秘籍
05-01 日漸融合的 iOS 與 Android 設(shè)計(jì) ………………………………………………235
05-02 內(nèi)容至上：設(shè)計(jì)原則解析 ………………………………………………………238
05-03 屏幕（密度）精度：開始設(shè)計(jì)之前首要關(guān)注的內(nèi)容 …………………………241
05-04 從“亮色模式”到“暗黑模式”: iOS 13 新增規(guī)范講解 ……………………246
05-05 小組件 Widget 崛起：iOS 14 設(shè)計(jì)規(guī)則解析 …………………………………254
06 從細(xì)節(jié)到整體：以產(chǎn)品和用戶為核心的設(shè)計(jì)思路
06-01 以品牌眼光做應(yīng)用設(shè)計(jì)及展示 …………………………………………………262
06-02 創(chuàng)造觸動人心的作品展示頁的 13 個步驟 ………………………………………265
07 靜電的 Q&A 時間
08 后記
09 附錄
09-01 優(yōu)秀 UI 作品展示 …………………………………………………………………281
09-02 本書軟件來源及合作伙伴 ………………………………………………………290
09-03 作者愛用的設(shè)計(jì)工具推薦 ………………………………………………………291