目录
一. 原型设计工具比较
1. 墨刀:
- 适用领域
- UI设计
- 前端开发
- 游戏设计和广告设计
- 优点
- 界面简单,易于上手
- 支持多种设备预览,如手机,平板,PC等
- 支持多种文件设计格式,如PSD,Sketch等
- 缺点
- 功能相对较为简单,不支持高级交互功能
- 对于大型项目可能会有性能问题
- 部分高级功能需要付费使用
2. Axure
- 适用领域
- 复杂的Web应用程序
- 软件原型设计
- 数据驱动设计和动态面板制作
- 优点
- 功能强大,支持大量高级交互功能
- 支持在线协作,方便团队合作
- 支持自定义组件库,方便快速创建原型
- 缺点
- 需要较长的时间学习
- 界面相对复杂,不易上手
- 价格较高,不适合个人用户使用
3. Mockplus
- 使用领域
- 快速原型设计
- 交互设计
- 多设备适配和团队协作
- 优点
- 支持多种交互动效,如滑动,弹出,渐变等
- 支持自定义组件库,方便快速创建原型
- 支持Windows,Mac,iOS和Android等多个平台
- 缺点
- 不支持文本编辑,用户需要通过其他工具进行文本编辑
- 价格相对较高,不适合个人使用
- 主要适用于快速原型设计,不适用于高保真设计
二. 原型设计
1. 主题名称
2. 功能
- 学生可以搜索自己喜欢的音乐
- 学生可以关注自己喜欢的歌手
- 学生可以倾听不同模式的音乐
3. 界面设计考虑因素
- 搜索页面主要搜索使用者想听的音乐,并提供热搜榜等榜单供使用者借鉴
- 推荐页面考虑到使用者可能长期听某种类型音乐会厌烦,用于推荐其他模式,提供良好体验
- 歌手页面考虑到使用者对某位歌手产生兴趣,便于其是否关注歌手
- 播放页面设计显示此时播放音乐的歌词、点赞量,转发量等,用于播放音乐,并能在其他功能之间切换,为用户提供操作自由
4. 切换界面
- 播放界面
- 界面功能
- 音乐播放
- 跳转到搜索界面和推荐页面
- 播放不同的风景照
- 界面组成
- 风景照片
- 进度条以及一些交互图标
- 后置条件
- 进入搜索界面和模式推荐
- 操作步骤
- 点击暂停键,进度条发生变化
- 点击搜索和方向牌,进入不同页面
- 歌手界面
- 界面功能
- 进入喜欢的歌手页面
- 对歌手进行关注或取关
- 界面组成
- 热门歌手
- 不同类型的歌曲
- 前置条件
- 搜索页面页面中的 “歌手” 图标
- 后置条件
- 进入歌手主页
- 操作步骤
- 点击关注图标,对歌手进行取关或关注操作
- 点击歌手图标,进入歌手主页
- 推荐页面
- 界面功能
- 跳转其他模式
- 界面组成
- 一些常用模式的图标
- 前置条件
- 播放模式
- 后置条件
- 主页面
- 操作步骤
- 点击不同模式,进入其他页面
- 搜索页面
- 界面功能
- 搜索歌曲
- 听歌识曲
- 歌手界面
- 进入主页面
- 界面组成
- 不同歌曲榜单
- 不同专区
- 搜索框
- 前置条件
- 播放界面
- 后置条件
- 听歌识曲
- 主页面
- 歌手页面
- 操作步骤
- 点击搜索框,出现键盘,用户搜索自己喜欢的音乐,点击键盘,键盘消失
- 点击歌手,跳转歌手界面
- 点击识曲,进行听歌识曲
- 点击暂停,进入主页面
- 主页面
- 界面功能
- 用户对歌曲的评价
- 点赞、转发功能
- vip领取
- 界面组成
- 歌手的海报
- 发现、主页、推荐等按钮
- 前置条件
- 打开软件
- 后置条件
- 切换不同页面
- 进入评论区或进行转发
- 操作步骤
- 点击发现,进入发现页面
- 点击vip,领取vip
- 点击搜索框,进入搜索页面
- 点击用户,进入个人页面
- 点击评论按钮,进行评论
- 点击转发按钮,选择不同方式转发
- 点击关注按钮,进行歌手关注
5. 切换界面流程
进入主页,主页可以进行不同的操作,点击搜索,可以搜索用户喜欢的音乐,进入推荐页面,可以选择不同类型的音乐,还可以查看其他用户言论,通过不同的方式进行转发。切换到搜索页面,此页面可以搜索自己喜欢的音乐,并且进入歌手页面。切换到推荐页面,可以选择不同模式的音乐,推荐页面可以进入播放模式进行播放。推荐页面返回搜索页面,搜索页面进一步返回主页。
标签:界面,歌手,实践,点击,原型,搜索,工具,页面 From: https://www.cnblogs.com/MACHENG0324/p/17337309.html