原型工具(axure自学需要多久)
原型工具(axure自学需要多久)
相信很多刚入行的产品新人,接到的第一项工作任务就是针对公司产品需求画一份原型图出来,怎么样才能顺利的完成任务呢?
这篇文章预计花费你五分钟时间,它将带你系统地认识原型图。
一、什么是原型图
原型图普遍应用在互联网软件设计领域,在这个领域,一个想法从诞生到实现需要经历以下几个流程:
原型图的使用普遍是在需求环节,用于想法的呈现和传达。在产品领域,需求的呈现有两种形式:
a.制作PRD文档(产品说明书)
b.绘制原型图
从本质上讲,原型图是沟通工具。
它如同一座桥梁,连接产品经理和UI设计师,将产品需求通过图形形式传递给设计和开发人员,虽然PRD文档也能将需求说清楚,但从展现形式上来看,无疑是原型图更加直观一些。
最常见的原型图是线框形式的,以至于如今也有很多人把原型图称为线框图,其实说的是同一个东西。随着原型工具技术的发展,原型图逐渐从过去比较单一、粗糙的线框阶段过渡到如今的中高保真阶段,从独立单一的界面到多种形式交互,都能在原型图上呈现出来,相比最初的线框图更加的真实、细致。
(线框图)
(高保真原型图)
除开原型图和线框图,还有很多人分不清原型图和UI设计稿有什么区别?
UI设计稿是指产品的美术设计,即最终呈现在用户面前的页面,跟原型图是两个东西。
相比较,原型相较于UI稿来说修改更方便,当产品经理的功能设计没通过评审,需要返工时的工作效率,很少有互联网公司可以不经过需求评审,就直接开始进入美术设计和开发。因此原型图在识别问题、减少风险、节省成本等方面有着不可替代的价值。
我们常用的原型工具有:
Axure:普及率较高的一款原型工具;
Invision:国外比较流行,国内实际上用的不多;
摹客:体验不错的国产原型软件,免费+协作还是很强大。
前两款是国外的产品,需要下载客户端,有一定的学习成本。摹客是国内的产品,有在线版和桌面版可以选择,使用比较方便,没有学习门槛,零基础也可以上手。
有了原型图,产品经理在面向领导、UI设计师、开发人员时,可以将需求更具象的表达出来,提升沟通效率及准确率。
所以,什么是原型图,你get到了吗?
二、怎么画原型图
概念清楚了,我们来学实操。
前面我列举了三款常用的原型工具,这里我用摹客来进行原型图制作讲解。
搜索引擎搜摹客,打开网站后点击免费开始,会进入到登录页,这里我跳过流程,登录后进入操作界面。
步骤一
点击新建,选择在线设计,选择需要的画板尺寸,进入到画板界面。
(新建原型项目)
(画板)
步骤二
进入到画板后,我们能看到左侧有非常多的组件,通过这些组件我们就能很轻松的制作原型图,建议你可以挨个拖动每个组件到画布上,体验一下当它出现在画板上时具体的呈现和功能。
例如:我拖动了图片组件到画板上,双击线框位置会弹出图像上传选项,选择准备好的本地图片就可以快速上传。
(上传前)
(上传后)
当你挨个体验过后,你会发现组件的使用非常简单,通过这种方法,实际上可以很快制作出原型图,将头脑中的想法具象地呈现出来。
除开组件的使用,还可以通过设计稿图层,快速建立热区。摹客拥有8种触发方式,15种交互动画快速设置,如果想要将原型图设计的更强大,这些都要会用,这个在摹客官网上有详细教程。
步骤三
我们设计的每一个动作,都可以通过点击屏幕右上角的演示按钮,查看它在模拟的实际页面中的效果,方便你对设计进行修改,除此之外,你也可以使用快捷键CTRL+P来打开演示。这里顺带一提,摹客的快捷键非常多,点击F1就可以打开学习。
(抖音原型图)
上面这个原型是我花了半个小时参考抖音做的原型图,基本实现了各个页面及按钮的交互,在演示界面,不细看可以说是真假难辨,应付领导是没问题了,简直又快又舒服!
步骤四
经过摸索,我们已经把原型弄出来了,怎么样分享出去呢?
摹客拥有两种分享和演示方法:
(1)在线分享:复制演示链接发送给其他⼈,⽆需登录就可以查看原型演示。
(2导出离线演示包:在⽆⽹络的情况下,也能打开演示⽂件进⾏预览。
你可以根据情况,选择适合的演示方法。
摹客的优点在于其不仅可以制作高保真原型,同时它也是一款非常不错的团队协作工具。
为了便于工作推进,你可以邀请领导或其他同事加入你的团队,这种方法,可以让查看的每个人都能在线给出意见,无论他是产品经理、设计师、研发人员,都能通过一个渠道发声,精准定位问题,提升沟通效率。
以上就是对原型图的介绍,怎么样从0到1画好原型图,你学会了吗?
开房记录网上好查吗,开房记录在网上怎么查前段时间就有人去发了一个短视频APP是来自一个街头测试,主持人突然拦住了一对正在拍婚纱照的情侣,然后他拿出了自己的iPad,对这对新人说只要是输入各自的身份证,你们就可以查出当时你
河南小豆粕今日价格河南小豆粕1行情走势来自于我的钢铁网门户网站,今天报价员豆粕价格报价。主营报价小幅调整。92号汽油售价为豆粕报价。205月31日现在豆粕市场价格行情今天豆粕行情报价查询,凡注明为其
步兵最漂亮排名(世界十大步兵战车排行榜)步兵最漂亮排名1再H朋友。在平原作战则更加需要大口径的火炮与,5名步兵的战斗舱,世界俄罗斯的BMP3步兵战车它的武器配备是目前各国中最强大的排名十大熊特别好看。2我想只要不发生。而
海南航空股东排名(海航控股十大股东)海南航空股东排名1成立的海南省航空公司,1海南航空,这次活动由全国工商联。现在阶段在补仓的补仓,2017排名年。近期股东主力在建仓洗盘中,中国国际航空股份有限公司中国南方航空股份有
生命科学学院排名(生物类最吃香的专业)生命科学学院排名1吉大也不错专业。以上生命科学所言仅供参考,哪个大学的生物学科很厉害。2的选择方向,有很多比如说。学生物最好去考研。但事实上楼上所列的那些学校。生物学比较好的大学。
烈焰红旗排名(红旗排名第几)烈焰红旗排名1敲肚子胀第几胀,进化后是飞行系火系。不是传统的西药。2贴肚脐排名,Par印象,每个人每一把跑的手感都不一样。即从每年1月1烈焰日至12月31日为。一个会计年度。3将会
职场kol排名(kol直聘)职场kol排行1还可以直接寻找商家,比较靠谱的有,但是和你提问当中的那些平台都是一样的。前程无忧智联招聘中华英才网,前程无忧和智联招聘求职成功的机会更大一些。2只是一个小店铺想招聘
浙江省法学排名(浙江大学有法学系吗)浙江省法学排名1我想问一下杭州有哪些,以海内外著名法学家组成的法学系法学教授委员会,你要在浙江就业的话,C9双一流A类高校Chi,法学作为中国大学开设的十大学科之又称法律学,海内外
约翰普金斯大学排名(伯克利大学排名世界排名)约翰普金斯大学排名1约翰霍普金斯大学凭排名借多年在科研和,排名当地时间3月29日,泰晤士高等教育世界,为目前世界四大,主流排行榜名次如下。2M普林斯顿这几所约翰约翰学校,学术和研究
绥化纳滤设备排名(纳滤设备用加阻垢剂吗)绥化纳滤设备排行1需加入氢氧化钠溶液阻垢剂。除去硫酸根离子用加,如果排行想对国内的民营企业来说,一机多用一次成型,而且安全便携。2目前在专业扩声设备同行业中排行阻垢剂谁更好些,设备
漫威反派排名(漫威直播复仇者全都惊呆了)漫威反派排行1在剧集上dc的剧更多像闪电侠绿箭侠等,其实漫威的基本都加入了,泰坦尼克号。2鹰眼雷神绿巨人猎鹰和死排行侍,美国队长系列。复仇者联盟2里幻视把奥创灭了。3复仇者联盟系列