Canva 首页
帮助

编辑交互式Canva代码设计和素材


此文章由机器翻译。如果你发现错误,请告知我们。

如果你使用Canva可画代码在设计中创建了一个交互式功能,如测验、计算器或倒计时,你可以直接在Canva可画中编辑它们。

以下是编辑Canva代码页面或可重用元素的方法。

编辑交互式Canva代码生成的页面

借助Canva可画代码,你可以使用Canva可画AI直接编辑和提示,轻松改进内容和交互。

  • 你可以直接在画布上编辑大多数文本、文本格式和图像。 对于布局部分、调整大小和样式,请使用Canva AI进行更改。
  • 你还可以直接播放并与设计互动,以受众的方式体验页面,从而实时测试互动和流程。 单击以取消选择要编辑的任何项目,然后与任何按钮或字段交互。

注意:由于响应式结构,并非所有设计元素都可以直接编辑。 如果有您想编辑但无法选择的素材,请使用Canva AI选项卡描述您想要的更改并提交提示。

  1. 在编辑器中,选择要编辑的页面。
  2. 如果所有设计素材都可直接编辑,你就可以:
    • 选择和编辑支持的文字
    • 使用工具栏调整字体、颜色和样式
    • 调整布局章节尺寸和移动位置
  3. 如果无法直接使用你想要的方式编辑某些内容,请选择该内容,然后:
    1. 选择
      Canva AI工具栏中的。
    2. 描述你想要的更改。例如,“将图表切换为看板”或“将标签更改为图片”。
    3. 你也可以让
      Canva AI来润色整个页面。
  4. 要复制设计代码,请选择代码,然后选择 复制代码
  5. 你可以将设计中的任意媒体文件替换为素材中的图片和插画,或者用你自己的上传内容中的内容替换。直接拖放以替换图片,然后轻点
    “替换”工具栏中的。
  6. 使用Canva AI发出提示时,你可以在提示中附加上传的内容以供参考,例如“将设计更新为这样的样式”。
  7. 你还可以附加上传内容,以直接嵌入到你的设计中,例如,“在设计中使用此logo”。
  8. 选择
    以删除页面并开始新设计。
  • “在所有设计中更改此设置”提示不适用于Code设计。 人工智能更改一次应用于一页。 不支持跨多个设计的批量更新。
  • 人工智能更新只会影响您当前正在编辑的页面。 更改不会转移到其他代码页面。
  • 每个页面都有自己单独的AI聊天历史记录。

编辑互动元素

  1. 打开包含Canva代码生成元素的设计。
  2. 点击交互式元素来选择它。
  3. 在显示的工具栏中,选择编辑。 这将打开“编辑”面板,在这里您可以:
    • 添加或更改标题和副标题。
    • 使用切换开关显示导出按钮、搜索栏和标签筛选器。 注意:编辑面板中的选项可能会有所不同,具体取决于Canva代码生成的内容。 某些按钮(如导出、共享或标记过滤器)可能并不总是可用。
  4. 要编辑字体和颜色:
    • 在工具栏中,选择一个颜色图块以打开颜色面板。
    • 在颜色面板中,选择你的首选颜色。 背景和按钮颜色将自动调整。
    • 从下拉菜单中选择一种字体(包括品牌工具包字体) ,以应用于整个交互式素材。
    • 你也可以使用工具栏控件来增大或减小字体大小
  5. 选择动按钮以添加视觉效果。
  6. 选择“位置”按钮以打开“排列和图层”面板。 调整Canva代码生成的交互式元素与设计中其他元素的排列或分层。

无法在主页上找到Canva可画代码? 了解有关Canva代码访问限制的更多信息。

此内容是否有帮助?

有帮助

没帮助

大家都在看