建立用户界面套件

创建一个带有通用组件的用户界面 (UI) 套件,让您可以跨项目复制/粘贴元素(如页脚、行动号召和按钮)。

如果您经常复制相同的安排、组件和部分,请通过开发 UI 工具包来简化您的工作流程。用户界面工具包是一个内容存储库,其中包含您可以在新项目中使用的标准页面元素,例如页脚和行动号召 (CTA)。这包括样式指南模板和博客模板。 

以下是本教学课程涵盖的要点:

  1. 设置用户界面套件
  2. 复制并粘贴页脚
  3. 复制并粘贴 CTA
  4. 复制并粘贴按钮
  5. 复制我们的模型用户界面套件

进一步探索跨项目复制和粘贴内容。

建立用户界面套件

制作您的个性化用户界面套件:

  1. 启动一个项目(或项目中的一个新页面) 
  2. 设计您计划回收的通用元素或模块
  3. 将您想要重复使用的元素复制并粘贴到另一个项目中。 

当您将用户界面工具包粘贴到另一个项目中时,它会配置可在新项目中使用的类。 

复制并粘贴页脚

要将页脚附加到用户界面工具包:

  1. 复制之前制作的页脚
  2. 访问新项目(或页面)作为用户界面工具包
  3. 将页脚粘贴到新项目中

一旦页脚融入目标项目,您就可以根据需要设置其样式以符合项目美感。

复制并粘贴 CTA

要将 CTA 集成到您的用户界面工具包中:

  1. 确定您之前创建的 CTA(例如,作为 CTA 的表单)
  2. 复制表格
  3. 访问目标项目
  4. 粘贴表格

笔记:虽然设计器中的所有表单配置都已复制到新项目中,但您仍需要调整项目设置。

  1. 访问您的项目 设置 在你的 仪表板 
  2. 点击 形式 标签
  3. 完成 表格通知 安排您的表单提交细节

复制并粘贴按钮

要将按钮引入用户界面工具包:

  1. 复制现有按钮
  2. 打开目标项目
  3. 粘贴按钮

就是这样!请记住,您可以将常用元素复制并粘贴到用户界面工具包中,以节省将来的时间。这将加快您的设计过程!

回报我们的典范用户界面套件

关于快速设计 — — 我们制定了一个 紧凑型样品用户界面套件 您可以克隆并重新调整本教程中的用户界面工具包项目以满足您的需求。将用户界面工具包项目复制到您的帐户,然后将元素复制并粘贴到每个新项目中,以使用精致的样式指南启动您的后续网站。

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