figma能做些什么?蒙板的原理…13使用小技巧汇集

2023-07-0514:27:16UI设计Comments1,861 views字数 1575阅读模式

figma能做些什么?蒙板的原理…13使用小技巧汇集文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/50168.html

1.如何将元素放在frame的区域但不进入frame?

拖得时候按住空格文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/50168.html

2.使用figma能做些什么?

Jeason使用figma做了一个ppt讲解,很全面。从软件对比到工作流到娱乐https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Ffile%2Fiy1Ig4WXdCK1wztY0GqS1H%2FJeason-%25E3%2580%258AFigma%25E4%25B8%2580%25E7%25AB%2599%25E5%25BC%258F%25E8%25AE%25BE%25E8%25AE%25A1%25E4%25BA%25A4%25E4%25BB%2598%25E3%2580%258B%25E5%2588%2586%25E4%25BA%25AB%25E8%25AF%25BE-(Community)%3Fnode-id%3D101%253A14790(现在 Figma 里玩超级玛丽、抓宝可梦、飙车、养猫等玩法也是不计其数,对哦,可以出一篇 Figma 游乐园合集🤔)文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/50168.html

3.“组”的有用之处

一般来说在figma中用不到组,组只起一个快速多选的操作,但是以下几个地方会列出组的独到之处文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/50168.html

在做蒙板时,如果是frame,则不能进入蒙板范围,但组可以,因此解决方式就是在frame外套一层组文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/50168.html

4.锚点小技巧

点击锚点,delete,删除该锚点以及相连的线段文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/50168.html

点击锚点,shift+delete,›只删除该锚点且保持连接文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/50168.html

选中两个或者多个锚点,command+j,连接锚点文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/50168.html

按住 command+点击锚点,可以将锚点处从尖角改为顺滑的曲线文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/50168.html

5.蒙板的原理

在figma中,蒙板的使用与Ps中不同,在ps中使用蒙板,如果上方图层没有完全覆盖下方图层,那么下方图层原本的内容也会显示出来,但figma中,蒙板就只是蒙板,不显示任何东西,这与sketch里的透明度蒙板比较类似,在figma中使用过蒙板之后会自动创建一个组,组中可以创建很多蒙板,结合渐变可以玩出很多花样。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/50168.html

6.50个效率翻倍的小技巧

Greg Rog 整理了 50 个 Figma 快捷方式和技巧,可以让你设计时快如闪电,早早下班。推荐观看。https://designtools.app/figma/b444bb13-8aca-4464-abe1-dff0e231162e文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/50168.html

7. 矩形 & Auto layout 的转换

一个形状上放一个文字,再一块做自动布局,就可以转换成一个Frame 包裹文字。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/50168.html

8. 最小宽度使用方法和场景

在制作按钮的时候,通过放入一根没有高度的线,将其不透明度调整为 0,通过这个方法控制按钮的最小宽度,宽度根据内容自动调节,因为有了这根线,所以限制了最小宽度文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/50168.html

9. 临时快速的进行简单的抠图

选中图片后,点击上方工具栏中的第一个Edit object,出现锚点,调整锚点贴合要抠的主体即可,也可以调整锚点的圆角使路径更贴合,还可以按住 command + 点击锚点 或通过右侧面板调整锚点的控制柄使过渡的更为圆滑。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/50168.html

10. 在 Figma 的文本框中可以通过英文冒号“:”+对应英文单词打出 emoji

11.调整自动布局的 padding 的小妙招

按住 command + 单击右侧面板中 padding 的任意一个输入框,可以同时调整 4 个值文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/50168.html

12. shift+O(这是字母O不是数字0)开启轮廓视图

通过菜单 View → Outlines里的设置,可以很清晰的看到所有想看的图层文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/50168.html

13.快速添加本地图片到指定图层

在画布上做好设计(指要摆放的图层,可以用组件),按Command/Ctrl +shift +k ,在弹出的文件浏览器中,选择要放置的所有图片,确定后这些图就会吸附在你的光标上,之后一个一个点击目标图层即可快速放置,且不脱离想放在哪里就放在哪里的掌控文章源自菜鸟学院-https://www.cainiaoxueyuan.com/ui/50168.html

  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/ui/50168.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定