分拣机

使用过滤器创建悬停效果

分类器授予您对可应用于元素及其子元素的视觉效果的权限。这些对于情况变化非常有益,例如在悬停时将黑白图像转换为彩色。

探索有关分类器和替代效果的更多信息。

在本教程中: 

  1. 理解分类器
  2. 整合分类器
  3. 监管条件
  4. 整合过渡

理解分类器

您可以从各种分类器替代方案中进行选择: 

  • 模糊
  • 着色
  • 强度
  • 亮度
  • 不同之处
  • 单核细胞增多症
  • 棕褐色
  • 撤销

整合分类器

您可以放置分类器,就像您可以在任何地方的任何元素上设计任何 category 一样。您可以将分类器直接应用于图像 — 您还可以在具有后代的元素上插入分类器。 

举例来说,您有 3 个链接块,全部共享同一个 category(例如,“价格链接块”)。 

附加 模糊 分类器: 

  1. 继续 样式面板 > 效果 > 分拣机
  2. 点击加号 分拣机
  3. 选择 模糊 从菜单中
  4. 修改模糊半径来调节元素及其后代的模糊水平

如果您返回到 Sorter 菜单并从 Fuzz 切换到 Mono,则 Link 块及其后代将变为单色。

在单色分选机上方添加照明分选机:

  1. 点击加号 (+) 分拣机
  2. 选择 强度 从菜单中
  3. 滑动 数量 滑块来调节 强度 等级

在此例中,两个分类器(单声道和强度)都像层一样组织。您可以切换每个分类器的可见性,或拖动每个层来修改其顺序。 

监管条件

在另一种情况下调节元素上的排序器: 

  1. 选择 链接块 (例如,“价格链接块”)
  2. 前往 选择场地 在里面 风格控制板
  3. 挑选 徘徊 从菜单中 

徘徊 条件继承了 没有任何 条件(这是你最初组织时所设计的 单核细胞增多症强度 分拣机)。 因此,这些分拣机保持完全相同。 

要在悬停条件下改变分类器:

  1. 前往 样式面板 > 效果 > 分拣机
  2. 点击 单核细胞增多症 您先前配置的排序器
  3. 修改 数量 至 0%(将颜色恢复到链接块)
  4. 点击 强度 分拣机
  5. 修改强度 数量 返回 100%

将鼠标悬停在链接块上即可看到这些更新后的效果。 

融入过渡

添加过渡以平滑 None 和 Hover 条件之间的排序器效果:

  1. 导航至菜单 选择场地 并切换回 没有任何
  2. 访问 样式面板 > 效果 > 过渡
  3. 点击加号并插入 过渡
  4. 选择 分拣员 来自 过渡类型 菜单 

这将采用过渡到您安排的任何排序器来在“无”和“悬停”条件之间切换。 

尝试过渡的时间,并将鼠标悬停在链接块上以感知运动中的过渡持续时间。在这种情况下,默认的 200 毫秒似乎令人满意。坚持在项目中的元素中添加排序器,并赋予您的设计一些额外的趣味性和互动性! 

探索更多 造型条件 并使用以下方法完善条件之间的动画 过渡.

麦宜云
Ewan Mak 的最新帖子 (查看全部)