原型图用于开发设计软件确定软件功能摆放位置以及互交效果,是团队开发非常必要的设计工具,有利于确定设计方案,很直观的让团队所有人都可以看到设计的结果,可以完美呈现系统的最终样子,但是原型图只是设计图,只能看到界面和互交效果,是无法有实际的操作功能的。
如何设计原型图?
设计原型图首先需要了解下软件的需求有哪些,需要团队沟通后确定,有详细的文字方案描述每个界面应该有哪些功能,每个按钮需要实现的具体互交效果有哪些。以下列举2个常规的功能以及互交效果的说明。
(1)购物车效果,需要可以呈现用户加入购物车的商品,列表具有商品的名称、数量、属性(例如尺寸颜色),点击全选可以取消全选或全部选中,并且可以自动计算当前商品的总价是多少,有勾选确认功能,按钮在勾选和非勾选商品的时候有颜色变化的互交效果。
(2)收货地址管理功能,以方框形式呈现收货地址的列表,每行四个。有新增和编辑可以删除的功能。新增和编辑以弹窗形式出现,删除有二次确认的互交效果。
以上两种只是举例说明软件在设计过程中要尽可能的完整描述每个功能,才能保证在设计过程中减少修改。
常见的原型图设计软件有哪些?
(1)摹客,这个是我们一直在使用的软件,不过如果你是甲方则只需要考虑如何修改就可以了。采用团队版的更有利于协作。
(2)墨刀,这也是非常出色的国产原型图设计软件
(3)Axure,推出时间较早,上手比较难。
原型图设计在软件定制设计的哪个步骤?
1、确定方案
2、设计原型图
3、美工设计
4、开发阶段
5、验收部署阶段
只有设计好原型图才能保证开发处理的产品能够最大的符合自己最初的预想。
原型图如何绘制?
综合介绍下绘制,因为原型图不同软件有差异。
首先新建项目,先设计好头尾部分,中间部分根据方案拖放列表或者图片就可以。原型图设计工具拖放网页元素表单、表格、列表等等即可。一般官方都提供具体教程,通过简单学习就可以上手,但是要制作复制的互交效果是需要通过一段时间学习和练习的。
领取专属 10元无门槛券
私享最新 技术干货