原型设计工具比较及实践

一：原型设计工具比较：

1.墨刀

2.Axure

3.Mockplus

二、原型设计

1.主题名称
2.功能
3.界面设计考虑因素
4.切换界面
5.界面切换流程

一.原型设计工具比较：

1.墨刀：

简介：墨刀是一款在线原型设计与协同工具，借助墨刀，产品经理、设计师、开发、销售、运营及创业者等用户群体，能够搭建为产品原型，演示项目效果。墨刀同时也是协作平台，项目成员可以协作编辑、审阅，不管是产品想法展示，还是向客户收集产品反馈，向投资人进行Demo展示，或是在团队内部协作沟通、项目管理。

优点：

1、近乎完美的原型演示效果，几乎可以以假乱真，适合产品设计确认与交互验证。

2、可以通过网页分享，多人编辑，利于团队协作。

3、操作简单，适合初学者上手。

缺点：

1、功能不够完善，无法完成一些相对更复杂的操作。

2、共享创建等关键功能需求付费才能使用。

 

2.Axure：

简介：Axure是专门用来画原型的工具，当然也可以画流程图。也可以说，Axure是产品经理必备的工具，甚至是专门为产品经理设计的工具。

优点：

1、Axure是一款高保真的原型设计工具，功能齐全，操作变化多端，在制作PC端原型图上非常有优势。

2、Axure有一套非常强大的交互编辑器，可以实现复杂的逻辑的关系处理，使得模拟更加真实。

3、Axure有着非常强大的交互编辑器，可以实现复杂的逻辑的关系处理，使界面更加完成，功能更加齐全。

缺点：

1、不好看，在设计师眼中，Axure的默认元件和样式都无法接受

2、学习成本高，高级原件的使用有一定学习门槛

3、学习成本相对较高，一些高级组件有一定学习门槛。

3.Mockplus

简介：摹客为“1+2+1”（1个平台+2个工具+1个设计系统）的产品矩阵，支持全工序的产品设计，连接从需求到开发，为企业产品团队提供原型设计、UI设计、PRD文档撰写管理、全流程协作、自动标注切图、高效评论审阅，支持全部主流设计稿交付，助力产品经理、设计师、开发人员高效设计协作。

优点：

1.基础版免费使用，操作简单，上手快，交互简单(只需拖曳就可以)，功能多样，组件资源丰富，预览方式和导出类型多样，支持团队协作。

2.可以通过简单的拖放，快速容易地创建交互原型。

3.mockplus有组件库和图标库，界面设计较为方便。

缺点：

1.功能相对少，不能完全满足设计的需求。

2.不支持鼠标悬停。

二 ：原型设计

1.主题名称：购物商场app平台

2.可以搜索购物商品，拥有历史记录和猜你想搜功能。

3.界面设计考虑因素：功能简单易操作，信息详尽。

4.页面切换：

1.首页：

页面组成 ：

1.由购物分类我的和主页四个栏框构成底部，主页面有搜索推荐商品和搜索栏

2.提供搜索推荐和搜索功能

页面操作：

点击商品进入商品详情栏（2）

 

点击搜索栏进入搜索页面

 

2.商品详情栏

 

页面组成：

顶部：一张轮播图

中部：切换衣服颜色和评论区

底部：购物车 客服与购买页面

页面操作：

点击图片放大图片

点击任意位置退出放大页面

点击箭头<-返回上一页面

点击不同颜色衣服进入不同的商品详情页面

 

 操作与上相同

3.搜索页面：

 

点击历史搜索  猜你喜欢  轮播图和图片进入商品详情页面（2）

点击搜索栏打开键盘

点击return或时尚发现按钮打开搜索结果

4.搜索结果

 

 点击商品进入商品详情页面

 

 软件流程图：

 由主界面引申出两个主要操作功能界面，并带有返回上一页功能