素材面板

在墨刀中,丰富的素材面板,能够让您在绘制原型时便捷地使用官方内置素材,一键复用,减少重复工作;以及设定自制/企业设计系统的素材库内容,提高原型绘制的效率和质量。

素材概述

素材分类

素材面板共分为 组件、图标、图片、页面、流程图、脑图、母版 七部分,布局直观、搜索高效、收藏简单。

  • 组件:包括各种预置组件和您个人的组件及团队组件;
  • 图标:提供各种图标素材,支持搜索和快速插入;
  • 图片:您可以上传或从库中选择图片素材;
  • 页面:可以选择不同的页面模板进行复用;
  • 流程图:用于绘制业务流程、逻辑流程、操作步骤等;
  • 脑图:用于构建思维导图、知识结构等;
  • 母版:管理和选择母版,方便在不同页面间复用。

素材布局

在原型工具的编辑页面中,素材面板支持两种布局,可根据自己的实际需求选择布局页面。通过编辑中心左下角「...」即可选择素材面板的放置方位。

  1. 素材面板」默认位于左侧,呈现效果如下图。

  1. 您可以点击左下角「...」将素材面板之于最右侧。

组件素材

组件部分共有三种类型,为发现、我的、团队,您在左侧工具栏可以打开组件素材面板,也可以使用快捷键 1 快速打开。再次点击「组件」按钮,或再次使用快捷键 1 即可关闭面板。

发现组件

墨刀提供丰富的内置组件,满足常见的设计需求。这些组件可以直接拖拽到画布上使用。在内置组件部分中,顶部有组件素材分类导航,共有基础、表单、导航、多媒体、图表、形状六类组件。

基础组件包括文字、形状、按钮、占位符等,具体使用教学请查看常用组件表单、导航、图表等组件封装了完整的交互、支持直接编辑内容,具有高复用性。具体使用教学请查看高级组件多媒体组件可以帮助您在原型中快速嵌入图片、视频、音频、二维码、地图等。具体使用教学请查看多媒体组件

您可以选择适用于您页面的组件,在导航栏顶部进行切换即可。

我的组件

您可以将自定义组件保存到“我的组件”,方便在多个项目中重复使用,具体创建方式可以查看我的组件

点击右上角的「新建文件夹」按钮,可以创建文件夹,更加清晰地管理组件素材。点击并拖动文件夹栏目,还能够为文件夹排序。

团队组件

如果是团队空间的文件,还会有「团队组件」。团队素材库支持共享组件,可将现有素材一键添加,多人共同维护。

团队素材库是一个团队成员共享的资源库,可以帮助团队成员进行素材的快速复用,提升工作效率以及达成团队产品设计的风格统一。

收藏组件

收藏栏目中包含了您在墨刀官方素材广场收藏过的组件素材,不限制收藏数量,可以直接预览和使用。

图标素材

在左侧工具栏可以打开图标素材面板,也可以使用快捷键 2 快速打开。

  • 全局搜索:图标支持全局搜索,输入关键词即可快速找到相关图标。
  • 最近使用:素材面板会记录您最近使用过的图标,方便快速访问。

图标素材面板有发现图标库两部分。图标的具体使用方法和技巧可以查看图标组件

  • 发现栏目为您推荐了绘制原型时常用的图标内容,方便使用。
  • 图标库栏目包含「收藏」和「素材广场」两部分。素材广场中有风格各异的图标包,点击可以查看详情并收藏。

图片素材

在左侧工具栏可以打开图片素材面板,也可以使用快捷键 3 快速打开。

图片素材分为发现我的、团队三部分。

  • 点击发现,墨刀为您提供了人物、动物、美食、风景等7类图片素材,双击或拖拽都能轻松使用,帮助您更佳便捷地完成原型绘制。

  • 点击我的,您可以从本地上传图片,这些图片将以文件夹的形式呈现,同样文件夹也支持拖拽排序

  • 点击团队,您可以选择将图片素材上传至团队,方便团队成员共同使用。

页面素材

在左侧工具栏可以打开页面素材面板,也可以使用快捷键 4 快速打开。页面素材可以让您选择不同的页面模板,帮助您快速创建新的页面。

页面素材面板中分为发现页面库两部分。

  • 发现: 为您整理推荐了部分页面主题,每天都会为您更新海量素材以供使用,点击即可查看相关的页面素材。

  • 页面库: 页面库可以查看素材广场中丰富的页面素材,提高您的创作效率。

母版素材

母版是模板化设计的一部分,您可以在不同页面中重复使用。素材面板提供了母版的管理和选择功能,方便您在不同页面间保持一致性。

全局搜索

在素材面板四大栏目的顶部,都分别设置了搜索栏

点击可以搜索素材关键字,还能够查看您的搜索历史以及搜索量较高的关键词推荐

这篇文章帮助到你了吗?

线

墨刀用户交流群