Figma是当下备受关注的云应用UI设计工具：它基于浏览器，因而不受操作系统的限制：它上手容易，可以说Sketch的使用者皆能轻松上手Figma；便于合作共享是它的独特优势。本书通过多个设计案例讲解软件技能，并配有教学视频，从Figma操作的方方面面，延展到设计方法与思维能力。本书第1、2章讲Figma的基础操作及案例演示；第3、4章讲Figma协作功能和界面设计细节，属于UI设计系统进阶知识；第5、6章为设计思维提升的内容；最后为Q&A和优秀作品展示。
本书结合了作者多年的UI设计行业经验，内容由浅入深，非常适合UI设计师及有志进入UI设计行业的读者提升技能，也可以作为一本UI设计师日常的工作读物，方便随时查阅，快速解决实践中的问题。

静电，京东智能·东课堂嘉宾讲师，Sketch Meetup特邀嘉宾，著有热门图书《Sketch+Xcode双剑合璧》及《不一样的U设计师》。从2015年开始，静电在网络上发表UI设计及行业相关的教程及文章，言语诙谐，观点犀利。随着移动互联网热潮的到来，被越来越多的设计师熟识。2018与2019年被墨刀授予产品原型设计专家称号。

01 我们要成为怎样的设计师
01-01 风口不在，UI设计师如何自我定位
01-02 你为什么成长那么慢？什么是UI设计师的核心竞争力
01-03 UI设计师必备技能分析
01-04 UI设计师的思维和方法论
02 从软件开始放飞自我
02-01 如何选择适合自己的UI设计工具
02-02 Hello新朋友——初识Figma
02-03 Figma基础操作详解之界面篇
02-04 Figma基础操作详解之工具篇
02-05 Figma基础操作详解之菜单篇
02-06 Figma中的特色插件
02-07 那些让你大呼好用的Figma小技巧
02-08 界面中的约束与自适应布局
02-09 Figma交互功能详解
02-10 Figma如何与Sketch及Adobe XD结合使用
02-11 使用Figma完成你的第一页UI设计稿
03 Figma协作功能解析
03-01 在UI设计工作流中活用Figma与产品经理、需求方沟通
03-02 UI设计师如何使用Figma与开发工程师无缝对接
03-03 使用Figma Mirror快速预览UI设计稿
03-04 挽回你的“第一稿”：Figma设计稿版本管理功能
03-05 断网怕不怕？将Figma设计稿保存为本地文件
04 Figma UI界面设计细节进阶
04-01 Figma图标设计实战：线性图标与Big Sur轻拟物图标绘制
04-02 版式设计练习：UI设计的核心能力
04-03 UI界面中的金刚区图标：Tab栏图标
04-04 启动页设计：用户的第一印象很重要
04-05 分清重点：应用首页设计技巧
04-06 UI详情页设计技巧及设计目标
04-07 用户个人中心页设计
04-08 万物即列表：从列表设计强化自己的设计能力
04-09 插画：为UI界面锦上添花的技巧
04-10 “原子化”设计思路：用Figma制作设计规范与组件
05 iOS与Android人机界面设计指南——以不变应万变的设计秘籍
05-01 日渐融合的iOS与Android设计
05-02 内容至上：设计原则解析
05-03 屏幕（密度）精度：开始设计之前首要关注的内容
05-04 从“亮色模式”到“暗黑模式”：iOS13新增规范讲解
05-05 小组件Widget崛起：iOS14设计规则解析
06 从细节到整体：以产品和用户为核心的设计思路
06-01 以品牌眼光做应用设计及展示
06-02 创造触动人心的作品展示页的13个步骤
07 静电的Q&A时间
08 后记
09 附录
09-01 优秀UI作品展示
09-02 本书软件来源及合作伙伴
09-03 作者爱用的设计工具推荐

移动互联网设计领域的“
战国时代”
到这两年为止，移动互
联网已经不再是一个新鲜的
词汇了。从2006年开始正
式进入互联网设计领域以来
，我的身份从“美工”“网页
设计师”“UED设计师”“广告
设计师”，一直进化到现在
的“UI设计师”“全栈设计师”
。这些名词也代表着互联网
设计领域的一步步进化和成
熟。
可能很多小伙伴还不知
道，在2012年或2013年之
前（可能更晚），“UI设计
师”这个词是多么让人新鲜
感十足。当时跟互联网沾边
的设计师，大部分还在做着
传统的网页设计及客户端设
计。虽然中国的3G网络在
2008年已经开始商用，苹
果的iPhone 3GS已经在
2009年发布，但那时候，
基于移动互联网形态的产品
还以手机上简陋的WAP网页
为主。
所以，你可以把这些都
理解为暴风雨前的平静。而
在这之后，仿佛一切都走上
了快车道，你会发现所有的
公司都开始做一种叫作App
的东西，你手中的手机也从
N年前的诺基亚换成了
iPhone或Android手机，你
开始借助3G网络，在一个
个的手机应用中流连忘返。
当万事俱备的时候，互联网
的从业者发现，手机已经代
替传统的PC，成为人们的
必需品。
于是，之前的“网页设计
师”，纷纷开始尝试在手机
上展示他们的设计。但在那
时，我们还在用着Adobe公
司的“网页设计三剑客”，用
且仅用着Photoshop来实现
这一切。可是，随着移动互
联网让所有人的节奏越来越
快，传统的Photoshop已经
不再能满足设计师快速开发
和迭代移动端应用的需求了
，而Photoshop单画布的设
计模式也显得越来越落伍。
设计师们需要在一个界面上
放置所有的手机界面，观察
它们的统一性、内部的逻辑
，更快地输出开发所用的素
材。所以，打破Photoshop
一统天下的契机就这么来了
。现在广为人知的Sketch也
就是顺着这种爆发性的趋势
成为“网红软件”的，它快速
、轻便、易于上手，被越来
越多的UI设计师接纳，发展
到现在，已经成为UI设计行
业里大家必会的工具之一。
从2015年、2016年开始直
到现在，可以说是各种第三
方UI设计工具百花齐放的时
代。Adobe公司为了应对这
种趋势，推出了Adobe XD
，基于画板模式的简单设计
工具。而第三方工具则数不
胜数，除Sketch之外，
Affinity Designer及各种基
于云的设计工具开始随着这
种趋势井喷式出现。
一时间，各种“究竟应该
使用哪种工具来做UI设计”
的讨论层出不穷，有人说
Photoshop要“死”了，未来
是Sketch的天下。大部分却
说这绝对不可能！“保守派”
与“改革派”设计师之间的矛
盾也越来越尖锐。可见，很
多人的思维中都是有“保守”
倾向的，人们不愿意去改变
已经熟悉的东西。
但是移动互联网的潮流
是如此汹涌澎湃，让设计师
不得不开始在思维上去接纳
这种“新鲜的事物”，不管是
主动的，还是被动的。新软
件层出不穷，我们之前的认
知开始出现混乱。究竟哪一
种才是我们的心头好呢？没
人能说清楚—直到现在，甚
至未来很长一段时间里。
我们不妨接纳这种“战国
时代”的混乱局面，顺便把
自己的思维调整一下，朝着
更高的目标进发，比如如何
借助这些百花齐放的工具，
最终达到我们的设计目标。
所谓“条条大道通罗马”，也
许做出令人心仪的设计稿比
讨论该用哪款工具更值得被
称赞。你喜欢哪款设计软件
，用就好了，Photoshop这
么多年依旧活得好好的，
Sketch也是，而新工具依然
层出不穷，比如这本书中要
讲的新UI工具Figma。
Figma是典型的“云应用”
的代表。在这本书中，我们
重点来讲解Figma及与之相
关的UI设计技能。

实操内容配套25个视频，扫码突破操作难点。
充分的知识铺垫，让你知其然亦知其所以然。
处处融入的设计思维，助你提升核心竞争力。
实用Tip，讲述设计师在工作中的样子。
轻松的行文，丰富的配图，打造流畅的学习体验。
这本书把关于设计认知的问题讲解得特别透彻，有非常多的实际案例，值得反复阅读。更重要的是，设计师需要将设计技能与产品真正结合起来，推动产品进步，并产生价值，这也是一个优秀设计师的真正魅力所在，而这种能力，也在静电的实际工作中得到了体现。