目录
- 一、原型设计工具比较
- 1.墨刀
- 2.Axure
- 3.Mockplus
- 二、原型设计
- 1.主题名称
- 2.原型功能
- 3.界面设计考虑因素
- 4.界面切换介绍
- 5.界面切换流程图
一、原型设计工具比较
1.墨刀
-
适用领域
- 墨刀是一款在线的移动应用原型与线框图工具。借助于墨刀，创业者、产品经理及UI/UX设计师能够快速构建移动应用产品原型，并向他人演示。主要用于设计移动APP原型。使用者包括产品经理、设计师、开发、销售、运营及创业者等用户群体。
-
优点:
- （1）墨刀拥有PC端、手机端、网页版，可以随时随地进行产品原型设计。
- （2）墨刀控件的拖拉、大小的调整，都会自然去匹配相应母版的大小，无需去担心有多移动一点 或多选择一点，非常人性化。
- （3）墨刀提供了强大的共享创建功能，方便用户在手机上预览原型。
-
缺点：
- （1）必须在线操作（离线无法保存）。
- （2）对交互效果、控件组合、操作面板的选择都不是很灵活，内置交互效果包括点击、滑动、滚动等。
- （3）效果切换因为是采用连线的方式，有时会使用户产生错乱的感觉。
2.Axure
-
适用领域
- Axure是一款专业的快速原型设计工具。它能快速、高效的创建原型，同时支持多人协作设计和版本控制管理。还能帮助网站需求设计者，快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计，并可自动生成用于演示的网页文件和规格文件，以提供演示与开发。主要用来设计Web原型。Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等，另外，架构师、程序员也在使用Axure。
-
优点：
- （1）可以在另一台电脑上，阅读和编辑Axure原型图；
- （2）在Axure预览模式下，可以在浏览器左侧显示网页的目录；
- （3）Axure软件有Mac版本和windows版本。
-
缺点：
- （1）如果接收文件同事的电脑，没安装Axure，就打不开了；
- （2）不能在手机微信聊天窗口上，直接阅读Axure原型图；
- （3）Axure低版本，不能打开高版本的Axure文件。
3.Mockplus
- 适用领域
- Mockplus（摹客）是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。Mockplus的使用者包括产品经理、项目经理、UI设计师、程序员等用户。
- 优点：
- （1）使用起来异常的方便快捷,容易上手。
- （2）Pc端和Web端都有很好的支持。
- （3）拥有初步免费和高级收费,小的设计不用花钱,大的设计,也是按月来收费的(每月15左右吧),需求来了,再买使用.这一点做得非常的好。
- （4）包含所有设备的设计方案,PC,Web,MP,而且设计支持很棒的素材库的下载。
- 缺点：
- （1）不支持手势交互。
- （2）开发技术不稳定，功能很少不提供源文件，只能导出图片或者生成原型，但没有原型源文件。
- （3）Mockplus里线条没有提供隐形的扩展感应区，不容易点击。
二、原型设计
1.主题名称
Free音乐
2.原型功能
- 一款免费听音乐的app、并且提供听歌识曲、猜你喜欢、推荐歌单等功能。
3.界面设计考虑因素
- 1.这款音乐app是一款服务于大众的app,页面主要以红色为主要配色,具有强烈的视觉冲击力.
- 2.功能上具有好友互相聊天发动态等功能使得音乐不再变得单一。
4.界面切换介绍
主页(分别有四个页面)
- 歌曲选择界面
- 界面功能: 通过该界面实现自行选择的喜欢的音乐并且可以返回主页
- 歌友圈
- 界面功能: 通过该界面实现发布动态并且可以返回主页
-
消息页面
- 界面功能: 通过该界面实现与歌友聊天并且可以返回动态页面
-
动态消息
-
界面功能: 通过该界面可以查看动态并且可以返回消息页面和主页
-
-
5.界面切换流程图
