身为互联网产品一员,产品原型设计算是必修课了,而众多原型设计软件中,墨刀算是最容易上手的了。新手非常友好,号称一款小白三小时就能学会的产品原型设计,可以看一下这篇基础使用教程。
第一步,创建项目
输入项目名称,之后浏览时顶部title也会展示该名称。
针对产品原型尺寸,可以创建不同尺寸大小的界面,包括APP界面,网页,iPad,以及自定义尺寸等。
项目尺寸
第二步,编辑界面
可以看到左侧可以添加APP的logo跟开屏页,是不是非常人性化。
可以看到项目所有的界面图,然后进入编辑界面...
打开墨刀平台,新建项目,在左边的工具栏中按住直线,拖拽直线到画板中松手即可,可以调整直线的长度,可以重复多条线。墨刀是一个原型设计工具,可以快速构建移动应用原型与线框图。
项目界面概览
操作界面
正中间为页面制作区,怎么说呢,要用好一款软件,首先要熟悉它的操作平台。
如下图,非常简洁,大体分为三栏。
墨刀操作界面
左侧的操作界面。
红色框选区域,为快捷功能图标,添加文字,矩形线条可以直接拖进正中间的工作区。
黄色框选区域,展示了不同页面,可以新增页面或删除页面。
绿色框选区域,切换后成另外一个图标,就可以展示当前页面的不同素材。
左侧
右侧的操作界面
针对正中间的所选图片,右侧标识了该图片的修改数据;
比如图片大小,所在位置,外观调整,动效设计;
还可以对图片增加事件,比如点击跳转页面或者切换状态等等。
组件
这里会有现成的组件”、“我的组件”、“图标”库,点击即可打开相应的素材库。
打开墨刀软件,在项目管理的界面左侧有一个新建,点击一下,然后选择Axure导入,将刚才压缩好的原型文件选中,然后打开就可以了!4、Axure原型文件成功导入墨刀里面!当原型文件里面出现导入文件1/1的时候,就代表已经。
虽然不是很丰富,但是足够用了,画原型效率大大提升。
组件
图标
覆盖各领域的图标,来点现成的图标,让你的原型更加花里胡哨。
1、首先我们需要从浏览器中打开墨刀软件,进入到工作台中。2、然后再组件面板中一次点击【组件 - 内置 - 常用组件】找到滚动面板。3、接着将滚动面板放到页面中区,默认动态组件。双击进入动态组件编辑可以对滚动面板的内容进。
再增加一些五彩斑斓的图标配色,让界面更有层次感。
先讲这些内容,下一次分享页面的状态如何制作,让你的界面更加动感。