Skip to content

Penpot 中每个图层可用的样式选项。

Penpot 为每个图层提供了多种样式选项。选中图层时,样式选项会显示在右侧的设计面板中。

颜色填充可以添加到画板、形状、文本和图层组。

你可以添加以下内容作为填充:

  • 自定义颜色(hex)。
  • 颜色资产
  • 图片。

要应用填充,你可以使用:颜色选择器、颜色面板或颜色样式。

(视频略)

添加来自资产库的颜色填充。

你还可以为自定义填充颜色设置不透明度。

(视频略)

你可以向同一个图层添加任意数量的填充。这会开启无尽的图形可能性,例如在同一个元素中组合渐变和混合模式,以创建独特的视觉效果。

要从选中的图层中移除填充,请按填充部分中的 “-” 按钮。

这里是颜色选择器的结构:

  1. 吸管 - 允许你从视口中的图层拾取任意颜色。
  2. 颜色配置 - 在 RGB、和谐色轮或 HSV 之间选择。
  3. 颜色模型 - 在 HSBA 选项卡中,在 HEX、RGB、HSB 和 HSL 输入之间切换。你的选择会在不同会话之间被记住。
  4. 颜色类型 - 纯色、渐变或图片。
  5. 滑块 - 轻松管理亮度、饱和度或不透明度等设置。
  6. 数值 - 设置精确的颜色值。可用格式取决于所选的颜色模型。
  7. 库 - 在最近使用的颜色和库之间切换。
  8. 颜色面板 - 使用所选库快速启动颜色面板。

你可以向图层应用渐变填充。要这样做,请在颜色选择器中选择渐变类型。

你可以在两种渐变类型之间选择:

  • 线性渐变:沿直线在两种或更多颜色之间平滑过渡,并可调整角度。
  • 径向渐变:一种圆形颜色过渡,从中心的一种颜色开始,并逐渐向边缘过渡到另一种颜色;另一种颜色可以是不同颜色,也可以是淡出到透明。

颜色面板允许你将选中的颜色库放在显眼的位置。

(视频略)

有三种方式可以显示/隐藏颜色面板:

  1. 从左上角导航栏的主菜单。
  2. 按工具栏中的颜色面板按钮。
  3. 使用颜色选择器中的颜色面板启动器(见上一节)。

使用菜单可以轻松地在库之间切换。

使用搜索字段可以按名称筛选活动库中的颜色。

在大缩略图和小缩略图尺寸之间切换。

  • 将颜色应用到填充:只需选择形状,然后点击颜色面板中偏好的色点。
  • 将颜色应用到描边:点击时按住 Alt(或 macOS 中的 )。

包含在一个图层选择中的所有颜色都会显示在侧边栏中,这样你就可以处理一组图层的颜色,而不必费力地逐个选择。

描边可以添加到 Penpot 中的大多数图层(矩形、椭圆、画板、曲线和图片)。

(视频略)

描边选项包括:

  • 颜色和不透明度
  • 宽度(以像素为单位)
  • 位置 - 居中、外侧、内侧
  • 样式 - 实线、点线、虚线、混合
  • 可见性 - 显示或隐藏描边,而不移除它

你可以向同一个图层添加任意数量的描边。

是否曾经需要一个箭头来指向某个东西?你可以为开放路径的每一端选择不同样式,从而设置任意开放路径端点的样式。

(视频略)

描边端点选项包括:

  • 线形箭头 - 一个简单的线形箭头(两条 45º 的线),宽度与描边相同。
  • 三角箭头 - 一个三角形形状的实心箭头。
  • 方形标记
  • 圆形标记
  • 菱形标记
  • 圆头 - 在路径的末端添加圆形结尾。
  • 方头 - 在路径的末端添加矩形结尾。
-
0:000:00