123,123,123

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

　　Figma是當(dāng)下備受關(guān)注的云應(yīng)用UI設(shè)計(jì)工具：它基于瀏覽器，因而不受操作系統(tǒng)的限制；它上手容易，可以說(shuō)Sketch的使用者皆能輕松上手Figma；便于合作共享是它的獨(dú)特優(yōu)勢(shì)。本書(shū)通過(guò)多個(gè)設(shè)計(jì)案例講解軟件技能，并配有教學(xué)視頻，從Figma操作的方方面面，延展到設(shè)計(jì)方法與思維能力。本書(shū)第1、2章講Figma的基礎(chǔ)操作及案例演示；第3、4章講Figma 協(xié)作功能和界面設(shè)計(jì)細(xì)節(jié)，屬于UI設(shè)計(jì)系統(tǒng)進(jìn)階知識(shí)；第5、6章為設(shè)計(jì)思維提升的內(nèi)容；最后為Q&A和優(yōu)秀作品展示。本書(shū)結(jié)合了作者多年的UI設(shè)計(jì)行業(yè)經(jīng)驗(yàn)，內(nèi)容由淺入深，非常適合UI設(shè)計(jì)師及有志進(jìn)入U(xiǎn)I設(shè)計(jì)行業(yè)的讀者提升技能，也可以作為一本UI設(shè)計(jì)師日常的工作讀物，方便隨時(shí)查閱，快速解決實(shí)踐中的問(wèn)題。

作者簡(jiǎn)介

　　靜電，SketchChina中國(guó)社區(qū)創(chuàng)始人，新銳UI設(shè)計(jì)工具Sketch在中國(guó)的首批推動(dòng)者；靜Design.FM主播，京東智能·東課堂嘉賓講師，SketchMeetup特邀嘉賓，著有熱門(mén)圖書(shū)《Sketch+Xcode雙劍合璧》《不一樣的UI設(shè)計(jì)師》。從2015年開(kāi)始，靜電在網(wǎng)絡(luò)上發(fā)表UI設(shè)計(jì)及行業(yè)相關(guān)的教程及文章，言語(yǔ)詼諧，觀點(diǎn)犀利。隨著移動(dòng)互聯(lián)網(wǎng)熱潮的到來(lái)，被越來(lái)越多的設(shè)計(jì)師熟識(shí)。2018與2019年，被墨刀授予產(chǎn)品原型設(shè)計(jì)專(zhuān)家稱(chēng)號(hào)。

圖書(shū)目錄

01 我們要成為怎樣的設(shè)計(jì)師
01-01 風(fēng)口不在，UI 設(shè)計(jì)師如何自我定位 ……………………………………………… 2
01-02 你為什么成長(zhǎng)那么慢？什么是 UI 設(shè)計(jì)師的核心競(jìng)爭(zhēng)力 ………………………… 6
01-03 UI 設(shè)計(jì)師必備技能分析 ……………………………………………………………11
01-04 UI 設(shè)計(jì)師的思維和方法論 …………………………………………………………19
02 從軟件開(kāi)始放飛自我
02-01 如何選擇適合自己的 UI 設(shè)計(jì)工具 …………………………………………………25
02-02 Hello 新朋友—初識(shí) 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 完成你的第一頁(yè) UI 設(shè)計(jì)稿 ……………………………………… 137
03? Figma 協(xié)作功能解析
03-01 在 UI 設(shè)計(jì)工作流中活用 Figma 與產(chǎn)品經(jīng)理、需求方溝通 …………………148
03-02 UI 設(shè)計(jì)師如何使用 Figma 與開(kāi)發(fā)工程師無(wú)縫對(duì)接 ……………………………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 啟動(dòng)頁(yè)設(shè)計(jì)：用戶(hù)的第一印象很重要 …………………………………………204
04-05 分清重點(diǎn)：應(yīng)用首頁(yè)設(shè)計(jì)技巧 …………………………………………………209
04-06 UI 詳情頁(yè)設(shè)計(jì)技巧及設(shè)計(jì)目標(biāo) …………………………………………………214
04-07 用戶(hù)個(gè)人中心頁(yè)設(shè)計(jì) ……………………………………………………………219
04-08 萬(wàn)物即列表：從列表設(shè)計(jì)強(qiáng)化自己的設(shè)計(jì)能力 ………………………………221
04-09 插畫(huà)：為 UI 界面錦上添花的技巧 ………………………………………………226
04-10 “原子化”設(shè)計(jì)思路：用 Figma 制作設(shè)計(jì)規(guī)范與組件 ………………………228
05 iOS 與 Android 人機(jī)界面設(shè)計(jì)指南—以不變應(yīng)萬(wàn)變的設(shè)計(jì)秘籍
05-01 日漸融合的 iOS 與 Android 設(shè)計(jì) ………………………………………………235
05-02 內(nèi)容至上：設(shè)計(jì)原則解析 ………………………………………………………238
05-03 屏幕（密度）精度：開(kāi)始設(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)品和用戶(hù)為核心的設(shè)計(jì)思路
06-01 以品牌眼光做應(yīng)用設(shè)計(jì)及展示 …………………………………………………262
06-02 創(chuàng)造觸動(dòng)人心的作品展示頁(yè)的 13 個(gè)步驟 ………………………………………265
07 靜電的 Q&A 時(shí)間
08 后記
09 附錄
09-01 優(yōu)秀 UI 作品展示 …………………………………………………………………281
09-02 本書(shū)軟件來(lái)源及合作伙伴 ………………………………………………………290
09-03 作者愛(ài)用的設(shè)計(jì)工具推薦 ………………………………………………………291