墨刀对于APP的原型设计真的是体验非常好,怎么说呢就像有一个无形的人在帮助你,和你一起打造你的原型APP。(当然以后也适用微信小程序的设计),其控件的拖拉、大小的调整,都会自然地去匹配相应的母版大小。无需去担心有多移动一点或多 选择一点。并且墨刀的系统控件都是基于APP,以及系统平台IOS和安卓,因此在里面可以首先选择相应的设备布局,减少了不少工作环节。
墨刀的缺点就是相应的就是不自由啦,首先这也于墨刀的产品定位有关,清晰定位为移动端原型设计工具,因此在交互效果上、控件组合上, *** 作面板的选择上都不如AXURE 灵活,并且效果切换因为是采用连线的方式,有时候会让使用者脑子错乱的感觉。并且目前原型的交互效果系统自带的还比较少,但基本满足日常所有原型的使用。另外需要充费才能够使用更强大的共享创建功能。
总的来说墨刀和Axure就像美图秀秀和photoshop。前者都是简化了基础的 *** 作,很像封装好了一个函数,你直接调用就可以了。大部分小伙伴外出拍了照片肯定是美图秀秀,选选效果,感觉不错之后立即分享。但是真的设计到很多的图层组合,可控地调整页面元素,还是会用到photoshop这就涉及到不同的需求,你用这个软件是想达到什么目的。是更想研究逻辑结构还是更像展现原型效果。
Axure 是很多产品经理和交互设计师们会用的原型设计工具,不过由于Axure不是在线工具, *** 作起来相对复杂等原因,国内有越来越多的产品经理和设计师们转向使用墨刀。
墨刀作为一款在线的原型设计工具,上手非常容易,感觉更加轻量,但功能仍然强大。而对于有使用 Axure 经验的用户来说,上手墨刀更是一件“易如反掌”的事。(没错 我就是墨刀粉)
下面简单介绍下Axure和墨刀功能上的共性和区别,很适合你这样的Axure老用户来上手墨刀~
*** 作平台Axure目前是必须下载客户端,支持Mac和Windows双平台。
而墨刀是一款在线原型设计工具,在浏览器即可使用,此外仍然有Mac,Windows,ubuntu 客户端支持下载。
创建项目
Axure 和墨刀都为“原型项目“预设了尺寸,Axure主要包含Web,iOS和Android的预设尺寸项目,支持自定义;
Axure 的内置项目尺寸
墨刀不仅内置了Web,iOS和Android项目尺寸,还有iPad,Watch,汽车屏幕等尺寸,同样支持自定义尺寸。
墨刀的内置项目尺寸
不过对于移动端项目,在墨刀预览时,会有多种手机壳效果,这是Axure没有的。
Axure 的内置组件分布在顶部导航中的 insert 里,以及左下区域的library里。墨刀的内置组件分布在最左侧的「快捷组件」(即高频率组件),以及右方的内置组件库(built-in widget library)里。
Axure 的内置组件
墨刀的内置组件
按这种分布方式来说,墨刀拖动使用内置组件更直接。而且墨刀支持双击组件插入画板。
Axure的library里包含了组件和图标,墨刀把这两个库分开了,组件库和图标库里均有丰富的资源,比如内置了“轮播图”组件,“网页”组件(用于插入音频/视频/网页)。
使用快捷键设计工具常设置快捷键让创作效率更高,如果你之前使用过axure,再使用墨刀,之前习惯的快捷键依然可用。
比如按快捷键“R”可以绘制“长方形”,按快捷键“T”是插入“文本”,按 Command + G 是将多个组件“组合”, 按住 Option 并拖动组件是将其“复制”……
从Axure迁移到墨刀,在快捷键方面没有什么切换成本。
墨刀跟Axure一样, Command + G 是将多个组件“组合”
添加交互效果做原型少不了“让页面动起来”的交互效果。添加交互效果的方式在Axure和墨刀中有很大相似之处: Axure 是在右侧的 Interaction 面板直接点击「New interaction」,即可进一步选择交互手势(Events)和交互效果(Actions);
在Axure添加交互效果
而墨刀是在右侧的「链接面板」添加「事件」,然后选择交互手势和交互效果即可。
在墨刀添加交互效果
此外,墨刀还支持另一种创建交互效果的方式——选中组件后,拖拽组件左边的“链接图标”直接左边的页面列表。
墨刀真机如何更换1、松开并拆下压紧螺栓。
2、用缓慢、稳定的压力把刮墨刀拆下。沿着刮墨刀支架的长度方向把刮墨刀拉出一定的距离, 直到恬墨刀完全拆下为止。
3、清理压刀槽中所有的油墨,确保新的刮墨刀能正确地装在组件中。
4、把新刀片安装在压刀槽中。
5、慢慢地紧固压紧螺栓,从中间开始向两端进行。
6、把压紧螺栓完全紧固,应从中间开始向两端进行,以确保刮墨刀安装均匀。
在许多情况下,必须把刮墨刀组件拆开做进一步的清理 ,然后再安装新的刮墨刀。这样可把聚集在支架内的油墨去。1
打开墨刀客户端,点击待修改原型尺寸和机型的项目。
2
在页面编辑区,点击空白区域。
3
在右侧的项目设置面板,下拉选择不同的机型及尺寸。
4
在d出的对话框中,点击“确定”按钮。大凡是图形编辑工具中一般都提供了输出为透明背景色
的功能,不过在FLASH中确实很难发现设置输出对象为
透明背景的方法:
或许是FLASH的功能已经扩展到了独立设计的地步上。
其实如果你输出为标准的FLASH文件到网页中。
通过网页的HTML功能也可以实现FLASH对象的透明背景的设置
在FLASH中:
通过file/publishsettings或是直接按ctrl+shift+F12调出
FLASH发布设置窗口。
在“WindowMode”下拉框选“TransparentWindowless”
不过注意的是:其效果是在Html页面中加入的
并非Flash文件本身具有这一属性
也就是只有在发布到网页中才具有这一属性的。<strong>墨刀制作的app能发布</strong>
1、首先打开墨刀软件,新建一个应用,选择应用类型(选择了iPhone设备),输入应用名称,设备类型和应用尺寸,点击创建按钮,完成应用创建。
2、新建应用的标题栏会自动显示应用的名称,标题栏文字可以自行修改。制作里布导航栏,从左侧“组件”栏目中找到底部组件,拖入应用之中,大小和样式可以自行修改。然后拖入三个导航标签,修改标签的位置和名称。至此完成底部导航栏的制作。
3、然后开始简单的制作下的首页原型,在左侧的“组件”栏目中找到搜索组件,拖入App首页中,在“模板”栏目中找到轮播图模版,拖入应用之中。墨刀中有一些已经做好的组件或模板,可直接拖入使用,加快创建原型的时间。
4、然后回到“组件”栏目,为首页插入和文字。调节在右边的设置栏,这里推荐大家直接拖入,然后用鼠标调节大小这样会比较方便。文字的调节在左边的主题栏目,可调节文字的大小和样式,然后用鼠标摆至合适的位置。
5、在软件右上角点击“+新页面”即可生成新的页面,每一个页面有复制、删除、添加子页面的功能。在新的页面中添加标题栏,复制首页的底部导航,粘贴至新的页面,注意粘贴时用于粘贴至“原位置”。按如此方式制作“发现”页面和“我的”页面。
6、这里介绍一个墨刀非常有特点的功能,就是通过连线的方式进行页面之间的跳转,在应用中选择任何一个控件,或者文字都可以通过添加手势和页面切换方式实现页面跳转。优点在于 *** 作方便,且比较直观。缺点是如果页面复杂,跳转比较多,会有非常多交叉在一起的线,容易连接出错。
7、利用连线的方式即可快速地实现底部导航的切换,设置完成后选择右上角运行按钮,即可查看实际效果。
8、最后说一个在移动端比较重要的功能,应用全局手势的添加,在左侧“组件”栏目找到全局手势组件,拖入至应用的任意位置,然后选择你要发动手势后跳转的页面,选择手势方式和动画效果即可。
9、利用全局手势组件,在应用添加滑动的页面切换效果。运行测试。
10、手机预览功能,可以直接将原型导到手机上查看。只需要在运行界面,点击分享,用手机浏览器(墨刀app可以)扫描二维码即可直接在手机上查看原型,更加方便的你为团队演示和讲解自己的原型。以上的内容就是用墨刀做手机app的步骤流程。如果没有删除图层,那图层可能被覆盖了。
如PPT中 ,置于顶层和底层效果是不一样的。墨刀在图层下拉单中可选择置顶、置底、上移一层和下移一层,你可试试,能否显示您要的图层。墨刀素材尺寸不一样可以这样做:1、打开墨刀客户端,点击待修改原型尺寸和机型的项目。
2、在页面编辑区,点击空白区域。
3、在右侧的项目设置面板,下拉选择不同的机型及尺寸。
4、在d出的对话框中,点击“确定”按钮。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)