原型设计工具比较及实践
一、目录
1、原型设计工具比较
- 墨刀
- Axure
- Mockplus
2、原型设计
二、原型设计工具比较
·墨刀
墨刀是一款非常流行的产品原型设计工具，该工具主要适用于以下几个领域：
1. 用户体验设计（UX）：墨刀可以用于设计和展示用户界面，模拟用户交互过程，并获得反馈。这对于用户研究以及测试UI、产品功能等都是非常有用的。
2. 应用程序设计：墨刀可以帮助应用程序设计者构建高质量的移动应用、网站、营销活动等内容。它提供了丰富的预制元素和组件库，设计人员可以很方便地创建交互式设计原型。
3. 网页设计：墨刀支持创建静态网页，特别适合非常直接的设计项目和小团队使用。在这方面，它提供了很多组件和模板能够让设计人员快速搭建网站。
墨刀的主要优点包括：
1. 简单易用：墨刀用户界面非常简单明了，易于学习和使用，即使您没有多少经验或技能也可以快速上手。
2. 多设备兼容性：该工具的设计可以在各种不同设备及其分辨率上进行效果的展示和测试。
3. 实时共享及协作：通过实时共享链接，其他人可以随时查看和测试设计界面，同时这个工具也支持不同用户之间的协作。
但是，墨刀也有一些缺点：
1. 付费：墨刀的基础版本很强大，但如果需要更高级功能就需要花钱购买高级版本。
2. 功能较为简单：虽然墨刀很容易使用，但其功能和复杂度相对于一些其他产品原型设计工具会少一些。
3. 依赖网络连接：墨刀是一款在线工具,必须始终与网络连接，而离线操作能力比较有限。
（2）Axure
Axure RP是一款领先的用户体验和交互设计工具，主要适用于以下几个领域：
1. Web网站、移动应用以及桌面软件的UI design
2. 产品原型设计：支持高保真度交互式原型的创建、展示，并可在原型中引入表单、数据验证等功能模拟Web 应用程序的细节。
3. 使用界面的UI测试：支持通过Scenario使用流程(Scenario Workflow)来运行脚本库，并模拟实际的 UI 测试场景。
Axure RP 的主要优点包括：
1. 创新性高保真交互设计：可以创建更加真实的交互式原型，并且能够模拟各种类型的用户交互行为。
2. 设计协作功能：多个设计人员和设计团队可以轻松协作，提高工作效率和质量方面很有帮助。
3. 活跃的社区：有一个积极的用户社区，有很多 Axure 用户经常进行分享，学习资源也很丰富。
但是，Axure RP 也有一些缺点：
1. 学习成本较高：由于Axure RP 是一个强大的工具，所以需要花费时间来熟悉它的使用，并且对于初学者来说可能会感到比较困难。
2. 价格高昂：Axure RP 的高级版本比较贵，可能只适合大型企业或者设计团队使用。
3. 功能过于复杂：由于 Axure RP 功能非常丰富，并拥有多个功能模块，对某些用户来说实际上可能会过于复杂和深奥。
（3）Mockplus
Mockplus是一款易用、高效的产品原型设计工具，主要适用于以下几个领域：
1. 移动应用程序设计：包括iOS和Android平台。
2. 网页设计：特别是响应式设计方面。
3. 桌面软件设计：侧重于Windows 平台。
Mockplus 的主要优点包括：
1. 丰富的模板和组件库：Mockplus提供众多各种类型的模板以及预制 UI 组件供使用，并且也支持扩展第三方的UI组件库。
2. 快速交互原型设计：强大而直观的交互功能使得用户能够快速创建高效原型，并且可以导出和共享非常专业的指引文档。
3. 易于学习：Mockplus有一个清晰而明确的用户界面，干净的分层图形化视图，具有简单易懂，新手可以快速上手的特点。
但是，Mockplus 也有一些缺点：
1. 兼容性问题：在某些浏览器或操作系统下可能会出现兼容性问题。
2. 功能较少：相对于同一类产品原型的设计工具，Mockplus 的交互还是不算丰富，可行性测试等方面略显不足。
3. 导入和导出功能的限制：Mockplus 不太支持工程文件的相互转换和像PSD， Sketch等其他原型设计工具之间的导入和导出。
二、原型设计主题名称
（1）主题名称
高校社团管理平台
（2）功能
查看各社团的动态活动
查看活动的具体情况并发表自己的评论看法
发表自己社团内容
各个社团详细介绍
（3）界面设计考虑因素
易于理解和导航，设计保持简单化，让用户可以更好地找到自己想用的功能。
界面的美观性
操作比较简单，提供信息内容比较丰富准确，可以找到自己想要了解的社团信息
用户的交互性，保证社团与成员之间的信息交互，使用户得到更好的使用体验
界面风格的一致性
（4）切换界面
主界面
- 界面功能
- 查看各社团活动动态
- 界面组成
- 动态（按钮）
- 头像ID及发布内容（按钮）
- 点赞评论转发
- 社团标识及发布信息（按钮）
- 前置条件
- 登录软件，切换到“动态”界面
- 后置条件
- 选择要进入的界面，点击选项
- 操作步骤
。选择+号，进行动态发布
。选择社团标识，查看社团详细信息
。选择动态内容，查看评论及发布评论
·动态详细界面
- 界面功能
- 查看单独社团详细动态并可进行点赞评论
- 查看具体评论回复内容
- 进行评论
- 界面组成
- 页面返回键
- 头像ID
- 评论回复内容
- 动态内容
- 前置条件
- 在“动态”界面，点击动态进入“动态详情”
- 后置条件
- 返回“动态”界面
- 操作步骤
- 点击界面左上角的箭头，返回到“动态”
·发布动态界面
- 界面功能
- 发布动态
- 设置发布权限
- 界面组成
- 页面返回键
- 添加图片
- 权限设置
- 发表按钮
- 发布内容
- 前置条件
- 在“动态”界面，点击+进入“动态发表”
- 后置条件
- 返回“我的”界面
- 操作步骤
- 点击界面左上角的箭头或者发表按钮，返回到“动态”
·社团详细信息界面
- 界面功能
- 查看社团详细信息
- 查看社团组成、活动及规划
- 界面组成
- 页面返回键
- 社团详细介绍
- 社团活动图片
- 前置条件
- 在“动态”界面，点击V或者社团名称进入“社团详情”
- 后置条件
- 返回“动态”界面
- 操作步骤
- 点击界面左上角的箭头，返回到“动态”
（5）切换界面流程
打开APP点击动态可进入到该界面，在动态界面点击动态内容可进入到动态详情界面，点击左上角按钮可退至动态主页面，点击“+”号可进入发表动态界面，点击取消或者发表按钮可退至动态主界面：点击V或者社团名称可进入社团详情界面，点击左上角箭头可退至动态主界面。
浙公网安备 33010602011771号