从入门到精通的墨刀使用教程 墨刀使用教程


身为互联网产品一员,产品原型设计算是必修课了,而众多原型设计软件中,墨刀算是最容易上手的了 。新手非常友好,号称一款小白三小时就能学会的产品原型设计,可以看一下这篇基础使用教程 。
第一步,创建项目

  • 输入项目名称,之后浏览时顶部title也会展示该名称 。
  • 针对产品原型尺寸,可以创建不同尺寸大小的界面,包括APP界面,网页,iPad,以及自定义尺寸等 。

项目尺寸
第二步,编辑界面
可以看到左侧可以添加APP的logo跟开屏页,是不是非常人性化 。
可以看到项目所有的界面图,然后进入编辑界面…
项目界面概览
操作界面
正中间为页面制作区,怎么说呢,要用好一款软件,首先要熟悉它的操作平台 。
如下图,非常简洁,大体分为三栏 。
墨刀操作界面
左侧的操作界面,
红色框选区域,为快捷功能图标,添加文字,矩形线条可以直接拖进正中间的工作区 。
黄色框选区域,展示了不同页面,可以新增页面或删除页面 。
绿色框选区域,切换后成另外一个图标,就可以展示当前页面的不同素材 。
左侧
右侧的操作界面
针对正中间的所选图片,右侧标识了该图片的修改数据;
比如图片大小,所在位置,外观调整,动效设计;
还可以对图片增加事件,比如点击跳转页面或者切换状态等等 。
组件
这里会有现成的组件”、“我的组件”、“图标”库,点击即可打开相应的素材库 。
虽然不是很丰富,但是足够用了,画原型效率大大提升 。
组件
图标
覆盖各领域的图标,来点现成的图标,让你的原型更加花里胡哨 。
再增加一些五彩斑斓的图标配色,让界面更有层次感 。
【从入门到精通的墨刀使用教程 墨刀使用教程】
-- 展开阅读全文 --

    推荐阅读