品牌型号:联想GeekPro 2020
系统:Windows 10 64位专业版
软件版本:Figma入门版
在Figma的设计操作中,如果想让产品呈现出更多样化的设计效果,可以应用Figma的阴影、渐变填充、透明度变化、描边等功能,为图形添加更多样的设计效果。另外,Figma也提供了丰富的参考线工具,可帮助设计师们进行精准的大小、位置等属性控制。接下来,一起来看看Figma怎么加阴影,Figma怎么隐藏参考线吧。
一、Figma怎么加阴影
阴影是Figma的效果设计功能之一,如图1所示,可通过点击Figma右侧设计面板中效果的“+”按钮进行添加。除了简单的阴影效果添加外,Figma还提供阴影样式、阴影属性(包括位置、模糊程度、扩展、颜色等)的设置功能,供大家更好地定制阴影效果。
为图形添加效果后,如图2所示,展开效果选项,可选择内阴影以及投影的功能。内投影,即阴影出现在图形的内部;投影,即阴影出现在图形的外侧。
以添加内阴影效果为例,如图2所示,所选图形会实时显示内阴影的预设效果。如需调整阴影呈现的效果,可点击效果右侧的样式库,或者内阴影左侧的属性功能进行调整。
首先看到样式功能,如图4所示,展开效果样式后,在其中找到内阴影组别(Inner Shadow),可根据需要选择合适的样式,点开样式后,可在左侧预览窗口中查看样式的具体效果。
如需更灵活地定制阴影效果,可使用内阴影的属性设置功能。如图5所示,展开属性窗口,可以看到Figma提供了位置、模糊、扩展与颜色的内阴影属性设置功能。
其中,位置由x、y轴的偏移量进行设置,分别用于设置水平与垂直的偏移量;模糊设置的是模糊半径数值,半径越大,模糊程度越高;扩展用于调整阴影的大小。在颜色属性设置中,可选择不同的颜色以及不同的透明度,让阴影呈现渐变透明的效果。
二、Figma怎么隐藏参考线
Figma的参考线包括像素网格、布局网格、标尺、轮廓等,部分参考线是默认显示的。如需隐藏参考线,如图6所示,可以打开Figma左上角的菜单功能,选择查看选项,将需要隐藏的参考线取消勾选即可。
学习了Figma隐藏参考线的操作后,继续来学习下Figma不同参考线的作用。
1.标尺
如图7所示,标尺是显示在画板左侧与顶端的测量参考线,可测量水平与垂直的距离。默认情况下,标尺是隐藏的。开启标尺能更准确地设定图形的位置、大小、距离等。
2.布局网格
布局网格是在画框、组件等元素中的网格参考线。在Figma的布局网格功能中,可设置不同尺寸、颜色的网格,帮助定位画框、组件内的图形。
3.显示轮廓
显示轮廓是一种仅显示设计图形外形轮廓线条的参考线。通过显示轮廓功能,可隐藏图形颜色、填充、效果等元素,让图形之间的位置、距离更清晰,能帮助设计师更好地调整不同图形之间的摆放搭配。
4.蒙版轮廓
蒙版轮廓,顾名思义即显示蒙版轮廓线条的参考线。默认情况下,蒙版轮廓是隐藏的。因此,当我们将图形设为蒙版后,图形会变成不可见。为了更好地调整图形设计的效果,可以开启蒙版轮廓功能,让遮挡的区域处于可见状态。
5.画框轮廓
默认情况下,Figma画框轮廓是隐藏的。如果希望画框的边界更清晰,可开启画框轮廓功能,让其边界可见,以避免画框内的元素超出框架范围。
三、小结
以上就是关于Figma怎么加阴影,Figma怎么隐藏参考线的相关内容。Figma阴影可以通过设计面板的效果功能添加,除了默认阴影效果外,Figma也提供了样式与属性设置功能,可供设计不同角度、范围、模糊程度的阴影效果。Figma的参考线包括标尺、像素网格、布局网格、画框轮廓、蒙版轮廓等,可帮助设计师更好地进行图形的位置、大小、距离设置,如需隐藏或显示参考线,可在查看菜单中进行设置。
作者:泽洋