嗨,还记得9月13号吗?
那一天,我发表了figma系列的第一篇文章,花了6000字的篇幅向你介绍这样一个面向未来的设计工具。
也正是那篇文章开始,我陆陆续续得迎来了正反馈,你们的认可、鼓励甚至催更,都是让我不断坚持原创的动力源泉。
更欣慰的是,越来越多的朋友受我这个系列的影响,开始去上手使用这个软件,并真正得由此获益。
尽管那些文章花了我非常多的精力,但我认为非常值得。因为我相信,这个系列能帮到非常非常多的设计师,从低效、重复的桎梏中彻底解放生产力。
今天的最后一篇,送给你一份figma提效手册。它凝聚了我接触figma以来几乎所有的奇技淫巧,也聚合了之前授课和文章的典型案例。
作为你们支持到现在的感谢礼,也作为此系列落下帷幕前的最后一个彩蛋,希望你能喜欢。
下面,是它的简单介绍。
整个手册包含了这七个部分:
1.导航
导航的意义是,让你能够快速了解到每一板块的内容。另外,这里也包含了我自己的一些碎碎念。

2.新人?先看看这吧
新手村环节~
注册下载、中文汉化、本地字体读取的方法、步骤全部在这儿啦~

3.figma提效小技巧
这应该是figma提效手册中最精华的部分。它包含了我之前文章完全没有讲过的各种快捷键技巧。

当然,并非那种简单堆砌的快捷键集合。为了方便大家带着问题找答案,我分为了四大场景,每个场景下都罗列出你可能会出现的问题。一来方便你的快速取用,二来更高效得帮你解决痛点。
比如这个选中图层和调整数值的场景, 我就枚举了三个很典型的痛点,可能大家都有遇到。

并且,为了提升大家的辨识和阅读效率,每个快捷键我都搭配了图标展示,希望这种可视化处理来尽可能减少你们浏览时的认知负担。
比如视角缩放的快捷键展示,鼠标和键位都使用了对应的具象图标,是不是更形象易懂了?

4.figma和sketch的操作差异
大部分的朋友可能都由sketch过渡而来,而sketch和figma也存在着诸多差异。这里我收集了它们在操作层面的快捷键异同,希望帮你更好得过渡和适应~

5.样式和组件的搭建
这里融入了之前给大学生授课时准备的资料,帮你图文讲解样式和组件的运用。

同时我也准备了操作区,便于大家知行合一。

6.自动布局和resizing
这个部分同样放入了授课内容以及之前文章的案例。这一块内容相当重要,所以案例也会更多。另外,同样配备了操作区,毕竟行动才是硬道理。

7.Q&A
这个版块汇聚了典型的问题,并且每个问题我都给予了对应的解决方案。当然,它的数量目前不多,大家遇到任何问题随时私信我,一旦得到解决我都会收集到这个地方。

对了,这份figma提效手册仅仅是1.0版本,任何的建议、反馈都将让它不断优化并帮助更多人。所以,欢迎所有人来提出意见,将它作为一个产品,和我一起来不断迭代和优化~
获取方式:点个「在看」,后台回复「figma」即可获取。一个是源文件、一个是在线链接(我更推荐后者,可以实时看到我的更新~)
私信给我你的邮箱,我拉你进入我的figma团队,一起实现在线编辑~
很重要的后话
我深知文字的形式局限性非常多,尤其对于这样一款实操性极强的工具而言,即便加上录制的动画,也难以高效得传达和教学。而且之前也确实有不少的粉丝朋友表达了想要看视频、看直播的诉求。
所以,为了更好得帮大家上手、掌握figma,从明年开始,我大概会做下面这些事情:
1.持续输出一些关于figma技巧的短视频,每个短视频只讲一个东西;
2.开启直播(可能会露脸),在线卖艺;
3.出课;
4.发起figma21天打卡;
5.更多的还没想好。
以上的形式会新增更多以往文章没有涉及的东西,比如网格响应式布局、b端组件的制作、各种冷门技巧、动画制作、组件库的搭建维护等等。
敬请期待。
figma系列文章,到此完结。谢谢你们看我的文章。
今天,是我在设计日记的第600天,也是正式成为签约设计师的第21天。这将近1年半的时间,我收获到比我想象的要多得多。不论是学习方法、思维认知、副业变现还是晋升收入等等,都因为设计日记而获得了极大的突破成长。
如果你希望能有一群人陪着你一起学习,希望结交更多的人脉好友,希望认识本地的同行,希望能参与21天打卡,希望在明年实现撕裂式的突破成长,希望少走那些你本不应该走的弯路,那么欢迎加入设计日记和我做同学。扫我来了解这个宝藏社区~知无不言言无不尽——

公众号推送机制改版,文章不按发布时间排序啦。各位在公众号的右上角“…”(不是文章的右上角~)将转行人的设计笔记设为星标⭐,这样就不会错过每一篇文章了!








评论区 (0)
最新评论登录后发布评论并参与互动。
暂无评论,欢迎抢沙发。