原型设计工具比较及实践
目录
原型设计工具比较
Axure
Axure是一款老牌的原型图工具。
优点
- 功能最齐全
- 交互最多样，基本任何想要的效果都可以实现
适用领域
制作PC端原型图。
缺点
- Axure的动态面板、中继变量、表格等功能较为复杂
- Axure学习成本较高，包括但不限于寻找需要的第三方素材库
Mockplus
Mockplus是一款快速原型设计工具
优点
- 操作简单
- 容易上手
适用领域
适合快速制作简单的原型图。
缺点
- Mockplus的交互效果较少，不够丰富。
墨刀
墨刀是一款在线设计编辑原型的工具
优点
- 特点短平快
- 操作简单
- 协同办公效率较高
适用领域
适合一些APP、小型PC工程以及一些频繁迭代的产品。
缺点
- 在网络不通畅、延迟比较高的时候会有卡顿现象以及版本不一致现象。
- 不适合使用在复杂的交互上
原型设计实践
主题名称
听歌神器
功能
用户可以根据自己的需要搜索歌曲、收藏歌曲
界面设计考虑因素
- 参考QQ音乐PC端的界面设计
- 登录界面考虑主流登录社交软件，QQ、微信等
- 除评论界面以用户交流为主，其余以简洁的展现歌曲信息为主
- 界面简洁易操作
界面
主页面
- 界面功能
- 推荐热门歌曲、歌单
- 界面组成
- 推荐歌曲
- 搜索
- 前进、后退
- 前置条件
- 打开APP
- 后置页面
- 歌曲评论
- 个人中心
- 本地歌曲
- 喜欢
- 收藏
- 操作步骤
- 可以选择自己感兴趣的歌曲
- 根据需要切换界面
- 在个人中心内可自定义APP界面风格、皮肤
登录界面
- 界面功能
- 提供账号密码、QQ、微信、手机号的登录方式
- 找回密码
- 注册
- 界面组成
- QQ、微信、手机号登录按钮
- 账号密码输入框
- 登录、注册、忘记密码按钮
- 用户协议链接及单选框
- 前置条件
- 打开电脑端APP，点击登录
- 后置页面
- 主页面
- 操作步骤
- 选择需要的登录方式（账号密码、QQ、微信、手机号）
歌曲评论
- 界面功能
- 发布评论
- 按热度排列评论
- 点赞评论、回复评论
- 界面组成
- 发布评论的用户
- 评论内容
- 点赞数、回复数
- 前置条件
- 主页面
- 评论需要登录后才可发布
- 后置页面
- 切换页面
- 操作步骤
- 选择歌曲，进入评论
我的喜欢
- 界面功能
- 查看自己喜欢的歌曲
- 按喜欢时间排列歌曲
- 播放全部歌曲
- 下载歌曲到本地
- 界面组成
- 歌曲，歌曲作者，歌曲所在专辑
- 批量操作
- 歌曲数、歌单数
- 前置条件
- 登录
- 切换页面，点击我的喜欢
- 后置页面
- 切换页面
- 操作步骤
- 点击我的喜欢
界面切换流程
打开APP后，首先进入主页面，选择想进行的操作所在的页面，登录、评论、听歌。
