基础组件

矩形设置圆角

选中矩形后,可以在编辑区右侧的外观设置面板中为它设置圆角(四个圆角可以单独设置)。

001606ea72d5d76bd01c02c8d513edc

修改批注颜色

选中批注组件后,在编辑区右侧的外观设置面板中可以修改它的颜色。

001606ea74a403304329ef6b7790510

修改文字外观

选中文字组件后,可以在编辑区右侧的外观设置面板中点为它设置字号、颜色、字体。 

001606ea77691e1e3c5e62899936da5

注:目前除已提供字体外,不支持上传自己下载的字体使用。

插入图片

从内置组件中拖入一个图片组件,即可在右侧的外观设置面板中为图片组件插入图片。

001606ea7da72c76435e3a83eed77b4

注:目前插入图片支持JPG/PNG/GIFSVG格式,上传大小上限均为2M。


图片裁切

1.本地/素材库上传图片或者将本地图片直接拖入页面

001606ea7da72c76435e3a83eed77b4

2.双击图片即可矩形裁切,也可点击右侧圆形裁切

001606ea8ba20a35a8e7b3d88eba688

等比缩放:选中图片组件右侧锁定比例,图片即可等比放大/缩小

001606ea9b080dc4beb7b70e96d6ad5

拉伸图片:上传图片后双击裁切图片,裁切后再进行拉伸图片即可。

001606ea9f8b7cc5cfccf5fa2367879

下载图片

墨刀原型内图片支持下载,下载格式为png。具体操作如下:

页面编辑区下载图片:

选中需要下载的图片组件,点击右下角的「下载当前图片」即可保存图片到本地。

如需批量下载页面内图片,可按住shift,鼠标左键点选,多选完成后,点击「下载选中图片」即可。

001606eaa4d8aff75d1d7ef84216850

标注模式下载图片:

在项目运行预览区或通过分享链接查看,点击顶栏「标注」模式,选中需要下载的图片,点击「下载当前图片」即可保存图片到本地。

001606eaacc19747bf54d1c1aa01baa

添加链接区域(热区)

链接区域(热区)可以为页面画布中的某个特定区域添加跳转(比如一张图片的局部), 链接区域组件在素材-基础组件当中,添加到页面画布后可以调整区域大小。

001608656e2c64a19ab42011b6e5619

001606eab0e1c5410a45bd607d6ec83快速添加链接区域(热区)

快速添加链接区域的快捷键:H+鼠标拖动   H = Hot Zone 热区

批量修改/替换文字

批量修改元素(文字)可以使用母版功能来实现,具体您可以查看母版的教程: 使用母版批量修改组件

聊天气泡

聊天气泡组件在素材-基础组件当中。

0016086577d1b934e1789c52d6d6a3a

添加到页面画布后可以在外观设置面板中改变气泡指向的方向。

00160865797c1cd2a14daafe52d2ab6

基础组件

0016086585520409c9bd5041aef0be3

素材库

点击状态栏内的「素材」选择 「发现」即可进入素材库,在素材库内你可以搜索自己想要的组件、页面、图标。

001608658726153ce67dc79a09e0227

素材库多种搜索方式可以满足你的多种需求,在搜索框点击小三角可以精准选择想要搜索的内容。

0016086588dd33080425a2e07c8d186

也可以在鼠标移动到素材库,就会出现弹窗,不仅可以选择相应的素材,并且还提供了使用较多的类型供用户使用。

001608658a604201e0f1d6ef0e42dc8

素材库包含了所有的墨刀官方自制的素材,通过搜索关键字即可展现出所有的相关内容。另外还可以进入素材广场查找更多素材。

001608658d9aa63b17d070473e3e2c0

如何引用素材库

在你选择相应的素材后,在素材页面内可以直接点击引用按钮,点击后即可直接嵌入页面内。

0016086590b0879500e5fef114feb94

也可以进入元素详情页,点击右下角引用即可。

00160865926c1979bb86a8ff6809440

引用后,下次编辑项目不用在素材库内查找,可以直接在我的素材内的引用使用。

箭头组件

墨刀中新增了箭头组件,prd模式下的利器~(关于prd模式,点击查看

在基础组件中,将箭头组件拖拽到页面就可以使用,右侧设置面板还可以进行箭头外观的设置。

001606eac04b51b8b9080d5c745247e

字体商用常见问题说明

字体的创作是一个艰苦卓绝的过程,一款新的字体,一般是由主创设计师或书法家负责设计或书写原稿,然后由多位字体设计人员组成设计小组,完成所有汉字的精细设计。正是他们的努力,才能够将传情达意的文字准确地、艺术地表现在生活中的方方面面。也因此,我们应当尊重和保护知识产权,在商业用途中,主动联系字库厂商购买授权。

为方便用户更好的创作,墨刀与方正字库达成战略合作,方正字库为墨刀原型设计提供了丰富的字体。用户可以在墨刀原型阶段免费试用字体,以更好的实现原型效果。但当您将字库用于商业用途,包括但不限于商业发布(指以直接营利或间接营利为目的,将字体作为视觉设计要素,进行复制、发行、展览、放映、信息网络传播、广播等使用字体的行为)、嵌入使用(指将字库文件整体或部分、直接或格式转换后,以嵌入的方式应用到网站、APP、计算机程序或带有可视化显示功能的电子产品中的行为)、及其他商用行为时,您需要主动联系字库厂商购买授权,否则将会产生侵权行为。如果墨刀会员超出授权范围使用方正字库或侵犯方正字库的知识产权,应当自行承担相应的法律后果。

联系字库厂商