返回

从零开始学Figma

#UI设计通识
43%
进度
0/4
知识点
0
笔记
概述
Figma的基础认识
Figma的初识和学习准备
Figma的注册和安装
Figma的会员说明和教育版使用
Figma的主要界面认识
Figma的基本操作
Figma的工具栏
Figma的属性设置
Figma的图层和编组类型
Figma的字体设置详解
Figma的图片设置介绍
Figma的蒙版设置
资源社区和组件库使用
开始使用Figma设计界面
Figma的矢量应用
关于矢量和位图认识
矢量中的钢笔工具
矢量中的布尔运算
使用Figma绘制图标
Figma的布局功能
约束响应式功能的使用
Figma自动布局基本认识
自动布局中的自适应逻辑
并列布局的自适应类型
自动布局的相互嵌套
Figma中的格线系统
Figma的样式与组件
Figma的图层样式管理
Figma的组件功能入门
Figma的组件变体入门
Figma的变体功能进阶
Figma组件的管理方式
Figma中的变量定义
Figma的交互功能
Figma的交互基础认识
Figma的页面滚动设置
Figma的页面基础跳转
Figma的智能动画应用
Figma的弹窗效果
Figma交互中的变量和条件
Figma 的插件部件
Figma的插件认识
Figma中的小部件
首页知识库UI设计通识从零开始学Figma

矢量中的布尔运算

酸梅干超人 编辑于 2024-11-1171人正在学
00

除了钢笔,Figma 还提供了布尔运算的方式来创建自定义矢量图形。而使用该功能前,可以先了解布尔运算一词的来源。

首先布尔运算(Boolean)是根据19世纪的英国数学家乔治· 布尔(George Boole)而命名,他创造了一套代数系统,用于进行非数字的逻辑运算,如求多个对象的 交集、并集、差集(即计算机系统中的与 AND、或 OR、非 NOT)。

为了对这种抽象概念进行解释,数学教材经常会使用多个圆来表示这种运算逻辑,如下图:

这套代数系统成为现代编程逻辑的基石,而这套解释的图形元素相交的规则,也被应用到矢量软件中来。

在 Figma 中,提供了四种布尔运算方式:

注:在一些 Figma 汉化插件中,会出现将对称差集混淆成差集的现象,对应解释以本知识库的翻译和概念为准。

Union Selection 联合所选项: 即并集,将 两个图形进行相加

Subtract Selection 扣减所选项:即差集,在下层图形中减去上层图形的部分

Intersect Selection 相交所选项:即交集,仅保留两个图形相交的部分

Exclude Selection 排除相交所选项:即对称差集,除去两个图形相交的部分,其他保留

要使用布尔运算,必须选中多个矢量图层,再属性栏选项中就会提供对应的运算选项。而文字、编组等无法进行布尔运算。

进行布尔运算后,多个矢量图层会被合并成一个布尔运算编组,该编组在画布中会以运算的结果样式呈现,而原矢量图层会被保留在下级图层。

布尔运算编组的应用虽然有很多优点,方便我们对下级图层进行调整从而修改最终图形。但它并不完美,其中最重要的就是 —— 不要套娃,即使用多个布尔运算后的编组图形反复进行布尔运算,这样容易产生有故障的图形结果。

所以,Figma 在布尔运算下方提供了一个合并图层 Flatten Selection 的功能,选中布尔运算编组后再使用该功能,就可以对下级图层进行清空,将布尔运算编组转化为普通的矢量图层。

当需要进行多层布尔运算,或是要导出矢量切图时,建议就使用该功能来合并矢量图形,确保最终结果的可用性。

点赞
收藏
学会
28420071
下一篇: 使用Figma绘制图标
作为一个矢量UI设计工具,Figma也可以完成图标的绘制。作为软件说明,本节主要阐述Figma绘制图标所需关注的重点,想要了解图标设计的系统知识,可以查看图标设计的知识库: 点击跳转:图标知识库 绘制图标首先要了解图标的规范,并创建对应的画板和格线系统。 产品图标的绘制 产品图标的设计,主要遵循苹果...
笔记 (5)
只看自己
logo
凯尔队长 记录于 2024-12-29
这个图标交付时还是挺实用的~~~
原文: Figma 在布尔运算下方提供了一个合并图层 Flatten Selection 的功能,选中布尔运算编组后再使用该功能,就可以对下级图层进行清空,将布尔运算编组转化为普通的矢量图层。
UX小学生 记录于 2024-11-17
加减乘除
原文: Union Selection 联合所选项: 即并集,将 两个图形进行相加 Subtract Selection 扣减所选项:即差集,在下层图形中减去上层图形的部分 Intersect Selection 相交所选项:即交集,仅保留两个图形相交的部分 Exclude Selection 排除相交所选项:即对称差集,除去两个图形相交的部分,其他保留
© 2023 uxbaike.com All rights reserved
版权声明意见反馈联系我们
weixinlogo
mx-auto
TOP
mx-auto
笔记
mx-auto
点赞