童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

墨刀教程:如何快速制作一个App首页原型?

7月3日 话藏心投稿
  墨刀是一个原型设计工具,可以快速构建移动应用原型与线框图,支持云端保存和实时手机预览。今天主要是做一个墨刀的基础使用教程,就不重点介绍和对比各原型工具的优缺点了(有空的话我会单独做一篇原型工具的对比分析)。希望这篇教程可以帮助墨刀的初学者快速上手该软件。
  那我们现在开始表演
  创建应用
  首先打开墨刀软件,新建一个应用,选择应用类型(这里我选择了iPhone设备),输入应用名称,设备类型和应用尺寸,点击创建按钮,完成应用创建。
  制作底部导航栏
  新建应用的标题栏会自动显示应用的名称(人人都是产品经理),标题栏文字可以自行修改。
  制作里布导航栏,从左侧“组件”栏目中找到底部组件,拖入应用之中,大小和样式可以自行修改。然后拖入三个导航标签,修改标签的位置和名称。至此完成底部导航栏的制作。
  制作原型页面
  然后我们开始简单的制作下“产品经理”的首页原型,在左侧的“组件”栏目中找到搜索组件,拖入App首页中,在“母版”栏目中找到轮播图模版,拖入应用之中。墨刀中有一些已经做好的组件或母版,可直接拖入使用,加快创建原型的时间。
  然后回到“组件”栏目,为首页插入图片和文字。图片调节在右边的设置栏,这里推荐大家直接拖入图片,然后用鼠标调节大小这样会比较方便。文字的调节在左边的主题栏目,可调节文字的大小和样式,然后用鼠标摆至合适的位置。
  创建页面
  在软件右上角点击“新页面”即可生成新的页面,每一个页面有复制、删除、添加子页面的功能。在新的页面中添加标题栏,复制首页的底部导航,粘贴至新的页面,注意粘贴时用于粘贴至“原位置”。按如此方式制作“发现”页面和“我的”页面。
  页面跳转
  这里介绍一个墨刀非常有特点的功能,就是通过连线的方式进行页面之间的跳转,在应用中选择任何一个控件,图片或者文字都可以通过添加手势和页面切换方式实现页面跳转。优点在于操作方便,且比较直观。缺点是如果页面复杂,跳转比较多,会有非常多交叉在一起的线,容易连接出错。
  利用连线的方式即可快速的实现底部导航的切换,设置完成后选择右上角运行按钮,即可查看实际效果,效果如下:
  添加全局手势
  最后说一个在移动端比较重要的功能,应用全局手势的添加,在左侧“组件”栏目找到全局手势组件,拖入至应用的任意位置,然后选择你要发动手势后跳转的页面,选择手势方式和动画效果即可。
  利用全局手势组件,在应用添加滑动的页面切换效果。运行测试,效果如下。
  手机预览
  手机预览功能,可以直接将原型导到手机上查看。只需要在运行界面,点击分享,用手机浏览器(墨刀app可以)扫描二维码即可直接在手机上查看原型,更加方便的你为团队演示和讲解自己的原型。
  总结发言
  “墨刀”总的来说操作是非常方便的,如果有其他的原型工具基础,用起来可能更好上手。本身支持手机预览功能,更加方便于移动产品的创建和展示。本人也推荐app的产品或设计师使用墨刀来快速创建原型,可以加快自己的制作和展现的时间。
投诉 评论 转载

Axure教程:中继器如何切换标记状态?中继器如何切换标记状态呢?一定有很多PM和我一样为此苦恼,一起来看看作者的解答。写在前面在之前的文章《Axure教程:如何使用Axure中继器元件?》中,wu赖、在……Axure模拟微信聊天效果在Axure中实现微信聊天效果,需要对中继器,动态面板,变量,函数等有一定的认识,同时可以将这些知识融会贯通使用。产品经理是站在上帝身边的人。(上帝了解人性,懂得如何运用……墨刀教程:如何快速制作一个App首页原型?墨刀是一个原型设计工具,可以快速构建移动应用原型与线框图,支持云端保存和实时手机预览。今天主要是做一个墨刀的基础使用教程,就不重点介绍和对比各原型工具的优缺点了(有空的话我会单……善用Axure写PRD,最正统的产品逻辑表达法很多PM使用Axure画原型,然后通过口述、word、visio、标签、原型旁边文字标注等方法来表达产品逻辑。很少有PM使用Axure官方推荐的notes,而事实上这才是正统高……Axure教程:原型设计之微信朋友圈效果(中继器、动态面板、文章分享了如何利用Axure制作微信朋友圈的原型,一起来看看吧。背景介绍微信朋友圈,一个神奇的地方,如同生活中的另一片大陆,在那里总是会有你感兴趣的地方,在不同的人……善用Axure写PRD,全面通用的移动端产品规范V2。0对于初级PM,会被动的感觉到技术会反复的问一些共性问题,比如页面如何加载、如何跳转,网络不好如何呈现,是否需要全局埋点统计数据。对于高级PM,会主动的整理出一套通用的产品规范来……Axure教程:原型设计之多用户注册登录当我们遇到需要记录用户信息及行为历史的产品时,肯定少不了注册登录这个流程,下面我们就一起来看下这样的原型该怎么去制作吧。第一步登录页面制作首先我们需要一个动态面板,……Axure教程:如何制作一个不区分大小写的验证码原型?最近偶然关注到验证码的原型,想起我们实际遇到的验证码基本都是不区分大小写的,那么就让我们一起来做一个关于忽略大小写的验证码原型吧。第一步,准备相应部件拖下两个矩形,……Axure教程:原型设计之侧滑菜单由于移动端的屏幕比较小,所以在APP的设计当中,菜单的设计尤其关键,比如有下方固定菜单,上方吸附菜单,点聚式菜单等等。侧滑式菜单则是APP设计中最常见的菜单设计方式之一,它具有……Axure教程:商品详情页产品图效果展示文章主要对商品详情页产品图的展示原型进行了简要的说明,希望可以给大家带来些收获。背景介绍电商平台商品详情页大同小异,有一个模块是肯定少不了的,就是产品图展示区域,下……Axure教程:原型设计之转盘抽奖转盘抽奖一般会出现在一些金融类网站中,通过转盘抽奖来激活用户浏览行为,后来又多用于微信的公众号运营中,通过转盘抽奖来宣传活动,从而达到吸粉的目的。这一章就教大家如何使用axur……Axure教程:原型实战之模拟拼图效果(变量、动态面板、参数文章分享的这个原型设计涉及到了许多Axure的核心知识模块,对于Axure的使用有了非常深层次的认知,本案例适合Axure高级使用者观看学习。背景介绍这是一个可玩性……
3个要点,设计一个全新社区产品米大师web改版之设计总结从心理学实验到互联网产品设计01:科学方法做产品及微信团队实什么才是好的音乐产品?弹出框设计总结:使用时机与设计原则58PC职位详情页改版:深入用户,“职位”升级再升级后台系统不好用?这里有一份设计说明反思社交应用的产品设计:“已读回执”功能是否导致社交焦虑的循电商网站设计系列促销码功能设计与思考两退一进,科学巩固设计基础我有一个好想法。。为什么落地困难重重?产品管理流程思考:互联网产品流程的碎片化
造成冰箱过载保护的原因关于绿色营销的成功案例描写和平的作文和平答案在风中飘药店造句用药店造句大全山东博物馆食用香料的种类感恩老师演讲稿怎么辨别自己的肤色认清自己的肤色颜色搭配更完美产后瑜伽减肥塑身有奇效佰佰支招教你如何产后健康做大脑喜欢听你这样说掌握让大脑又快又好地接收信息的诀窍溧水县征地拆迁补偿安置标准明星那些让人尴尬的迷惑行为

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界