在 Motiff 妙多中,你可以将需要重复使用的属性创建为样式,便于后续快速使用、统一调整。
Motiff 妙多中的样式包括:「颜色样式」、「文本样式」、「效果样式」和「布局网格样式」。每次修改样式,比如将一个文本样式的字号做一些调整,Motiff 妙多都会将这些修改同步至已使用这个样式的文本图层。
与组件一样,样式可以在本地使用,也可以作为组件库的一部分发布并在其他文件使用,便于在团队中建立和维护一致的样式。
颜色样式可以由(一个或多个)纯色、渐变、图片组成。可应用在图层的填充、描边属性。
文本样式由文本属性中的字体、字重、字号、行高、字间距、段间距组成,可应用在文本图层的文本属性。
文本样式不包括文本的对齐方式、响应类型,因此无需为文本样式设置这两类属性,而是可以在每个已使用样式的文本图层中进行自定义。
效果样式可以由(一个或多个)外阴影、内阴影、图层模糊、背景模糊组成。可应用在图层的效果属性。
布局网格样式可以由(一个或多个)网格、栅格组成。可应用在容器的布局网格属性。
你可以将图层上的属性创建为样式:
你可以在图层上使用本地样式或团队组件库里的样式。
颜色样式的样式选择器有两种展示视图:列表视图和网格视图。
你可以对已使用样式的图层更换样式。
当你将图层上的样式分离,相关的属性将被保留。这些属性将不再同步样式的修改,你可以根据需要自由更改这些属性。
本地样式是存在于当前文件中的样式。你可以在未选中任何图层时的设计面板、样式选择器中看到本地样式。
要查看其他已发布文件的样式,你可以在样式选择器中查看,也可以在引用组件库的弹窗中查看各个库中的样式。
你可以在设计面板修改、整理本文件中的样式。
为了更轻松地查找和选择样式,你可以通过以下 3 种方式对样式进行分组:
/
来创建分组或将样式添加到已有分组。命名规则:命名中每个 /
之前的内容为一级分组,最后一部分内容为样式的名称。例如:样式命名为 -H1/EN/Semibold
,该样式将展示为 Semibold 并位于 H1、EN 两级分组下。
可以使用修饰健 ⌘ Command / Ctrl 或 Shift 对设计面板的本地样式进行多选。
默认情况下,将按照添加样式的顺序显示样式。为了使它们更易于查找,你可以调整显示的顺序或所属的分组。
你可以从设计面板和样式选择器编辑本地样式。
在「编辑样式」面板可以查看、编辑样式的具体属性,包括:
如果你想删除一个或多个样式,你可以直接从设计面板和样式选择器中进行删除。
删除样式后,你将无法再使用它。使用该样式的图层都将保留其属性,但与该样式分离。