首页 > 其他分享 >实验一音乐app原型设计1

实验一音乐app原型设计1

时间:2024-04-14 10:44:05浏览次数:19  
标签:界面 查看 app 音乐 歌单 原型 模块 按钮

对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点,以下是对这三个工具的对比分析:对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点,以下是对这三个工具的对比分析:

1. 墨刀
适用领域:作为国内目前广受认可的一款在线原型设计和协同工具,墨刀有内置丰富的UI素材和模板,清爽的界面,让设计原型的过程顺畅高效。 墨刀同样支持Sketch设计稿的导入,拖拽式创建交互链接,可以通过链接或者二维码在电脑端或者移动端快捷预览原型
优点:
(1)可以放在手机端进行演示和体验,真正的让产品体验放在研发之前,提前确认效果,降低研发试错成本
(2)近乎完美的原型演示效果,适合产品设计确认与交互验证。
(3)丰富的元件,无需自己编写直接使用
(4)非常方便分享给他人,预览速度非常快
缺点:
(1)不适合做文档,只适合做交互设计
(2)由于事件系统比较简单,无法演示复杂的交互效果,比如需要变量控制页面,数据排序等

2. Axure
适用领域:Axure RP 是一款强大的原型设计软件,广泛应用于网页和移动应用设计中。它将设计、原型制作和项目文档整合在一起,为产品经理、设计师和开发者提供一个全方位的工具。
优点:
(1)即可以画图,又可以做文档,画图的难度比PS低,写文档比word灵活
(2)Axure有一套非常强大的交互编辑器,可以实现复杂的逻辑的关系处理,使得模拟更加真实。
(3)使用成本几乎为零
缺点:
(1)使用环境不美观,Axure的默认元件和样式都不够美观
(2)学习成本高,高级元件的使用有一定学习门槛,对于小白使用和操作不太容易
(3)手机端演示效果差,服务器不在国内,自带元件库用处不大等

3. Mockplus
适用领域:适合软件团队、个人在软件开发的设计阶段使用。 其低保真、无需学习、快速上手、功能够用。 并能够很好地表达自己的设计。 适合快速迭代的开发模式,无需学习、快速上手、功能强劲。 支持安卓App、iOS App、Windows / MAC OS桌面程序和Web原型设计。
优点:
(1)基础版免费使用,操作简单,上手快,交互简单 (只需拖曳就可以),功能多样,组件资源丰富,预览方式和导出类型多样,支持团队协作。           

 (2)有原型演示,可以帮助前端设计师、后端程序员更好地理解你的原型产品。
(3)Mockplus有组件库和图标库,界面设计较为方便。
缺点:
(1)不支持鼠标悬停,手机预览不是很清楚,日历表组件是静态的
(2)表格功能还需要完善

使用墨刀进行音乐app原型开发设计
一、主题名称:i尚音乐
二、功能介绍:为用户提供海量音乐、听书、故事、音乐视频,根据用户听歌历史和偏好,推荐相似或可能感兴趣的音乐,用户还可以欣赏或创建自己的个性化歌单,还可以与他人分享音乐在线同时听歌,本款app还设计了哄睡故事模块,主要针对于宝妈或一些需要给女朋友讲睡前故事的男性,整个app从主题设计,界面设计以及功能设计都是为了让用户在使用整个app的过程中体会到轻松惬意,忙里偷闲,恢复精力再重新投入到生活或工作中去。
三、界面设计

  1. 打开页
    界面功能:通过图标强调本款软件的性质
    界面组成:主题色调设计为绿色,中心图标由耳机和音乐符号还有i尚的logo图标等组成,
    前置条件:打开手机端i尚音乐app
    后置条件:等待2秒能够进入首页

  2. 登录页
    界面功能:为用户创建登录账号
    界面组成:用于输入账号的单行文本框、密码框、登录按钮、注册按钮、勾选阅读须知的单选按钮
    前置条件:在打开页停留2秒才能进入
    后置条件:登陆成功进入到首页

  3. 首页
    界面组成:音乐类按钮、视频类按钮、搜索框、搜索图标、菜单、推荐模块、推荐歌单模块、控制音乐播放、下一首、歌单的按钮、首页按钮、听书按钮、本地按钮、我的按钮
    界面功能:搜索音乐、播放推荐音乐、查看推荐歌单、切歌、查看播放列表、
    前置条件:注册成功且登陆成功
    后置条件:音乐搜索成功、音乐成功播放、歌单可以成功查看、可以切歌

  4. 搜索页
    界面组成:搜索框、搜索按钮、最近搜索记录、删除最近搜索记录按钮、热搜榜推荐模块、热门分类推荐模块
    界面功能:搜索歌曲、查看热搜榜、热门分类并进行搜索
    前置条件:点击搜索框可以跳转到搜索页面
    后置条件:呈现搜索结果、成功查看热搜榜和热门分类

  5. 音乐播放页
    界面组成:显示歌曲名和歌手模块、歌手图片模块、歌词显示模块、同时听歌按钮、分享按钮、加入到我喜欢按钮、进度条模块、上一首按钮、下一首按钮、暂停播放开始播放按钮、切换播放模式按钮、查看歌单按钮
    界面功能:可以切换上一首下一首、控制播放或暂停状态、查看歌词、分享歌曲、查看歌单、切换播放状态
    前置条件:点击首页音乐播放模块可以进入到音乐播放页面
    后置条件:成功控制音乐播放状态、成功查看歌词、分享音乐、成功切换播放状态查看歌单等

  6. 听书页
    界面组成:推荐按钮、小说按钮、评书按钮、哄睡故事按钮、相声按钮、搜索框、播放按钮、精选故事模块
    界面功能:可以搜索想听的书类、故事等等
    前置条件:点击听书按钮后点击哄睡故事按钮
    后置条件:呈现搜索结果、成功播放哄睡故事

  7. 本地页
    界面组成:搜索框、查看歌曲按钮、查看歌手按钮、查看专辑按钮、查看文件夹按钮、播放按钮、显示所有本地歌曲模块、推荐免费下载模块、下载按钮
    界面功能:能够查看所有本地音乐,按歌手分类的所有本地音乐、查看专辑、查看文件夹
    前置条件:点击界面下方本地按钮可以成功跳转到本地页面
    后置条件:成功查看所有本地音乐、成功下载音乐、查看专辑文件夹等

  8. 我的页
    界面组成:用户头像、用户昵称、切换模式按钮、添加好友按钮、任务中心模块、会员中心模块、歌单模块、查看收藏、云盘、最近播放、好友列表按钮
    界面功能:能够设置修改用户信息、查看我的收藏、我的云盘、最近播放、好友列表、歌单
    前置条件:点击界面下方我的按钮可以跳转到我的页面
    后置条件:能够成功设置修改用户信息、查看我的收藏、我的云盘、最近播放、好友列表、歌单


四、页面操作流程

标签:界面,查看,app,音乐,歌单,原型,模块,按钮
From: https://www.cnblogs.com/yang-zx/p/18133327

相关文章

  • 原型设计工具比较及实践
    墨刀(Mockplus):适用领域:墨刀适用于移动应用和网页的快速原型设计,可用于产品设计、交互设计、UI设计等。优点:快速原型设计:墨刀提供丰富的组件库和交互动画,可以快速创建交互式原型。多人协作:团队成员可以实时协作编辑原型,提高团队协作效率。云端存储:墨刀支持云端存储和分享,......
  • 实验1————电纸书资源网页原型设计
    一、对比墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点1.墨刀适用领域:主要专注于app原型设计,适合高保真原型、复杂多交互项目以及安卓/ios端项目。优点:操作效率高,易于上手,特别适合设计移动应用的交互原型。缺点:在后台和网页设计方面稍显乏力,归档能力不足,输......
  • 原型设计工具比较及实践
    一、对墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点的分析Axure:适用于制作功能复杂、交互多样的原型设计,尤其在PC端原型图上有优势。墨刀:适合APP和微信小程序的原型设计,也支持网页和桌面应用的设计。Mockplus:适用于快速原型设计,强调简单易用和高效,适合初学者......
  • 原型设计工具比较及实践
    一、对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点1.墨刀:墨刀是一款专注于移动端原型设计的工具,具有以下优点:操作简单。用户界面整洁、直观,特别适合初学者和需要快速迭代原型的设计师。多平台支持。提供PC端、手机端和网页版,方便用户随时随地进行原型......
  • 原型设计工具比较及实践
    墨刀(Moqups):适用领域:1.墨刀适用于快速创建简单的原型和线框图,特别是对于初学者和小型团队来说非常友好。2.它在用户界面设计方面有一些基本的功能,可以用于创建简单的交互式原型。3.墨刀提供了在线协作和共享功能,使团队成员可以轻松共享和编辑原型。优点:4.简单易用,适合新手上......
  • 实验1——线上音乐App
    一、墨刀、Axure、Mockplus是当前较为流行的三种原型设计工具,各自具有一定的特点和适用场景。以下是对这三种工具适用领域及优缺点的对比分析:墨刀(Modao)适用领域:1.团队协作:墨刀提供了较强的团队协作功能,适合多人共同编辑和浏览项目,特别适用于远程团队协作。2.快速迭代:墨刀支......
  • 实验1—盗版音乐APP
    一、墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点1、墨刀适用领域:墨刀主要专注于移动应用的原型设计,非常适合为iOS和Android平台创建高保真度的原型。优点:墨刀的操作效率高,易于上手,同时提供丰富的动效设计功能。它还支持通过二维码分享原型,使得团队协作更加......
  • 原型设计工具比较及实践
    一、原型设计工具比较墨刀(Moqups):适用领域:墨刀适用于快速原型设计和团队协作。它提供了简单易用的界面和丰富的元素库,适合用于设计简单的界面原型和流程图。优点:简单易用,无需复杂的学习过程即可上手。提供了丰富的元素库和模板,方便用户快速创建原型。支持团队协作,多人同时编......
  • 听歌APP
    一.墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点的分析1.墨刀:适用领域:适合快速创建移动应用原型,尤其在UI设计方面表现出色。尤其适合初创项目或需要快速验证想法的场景。-使用情况:项目时间紧张,需要快速构建原型;团队成员对原型设计工具的掌握程度不高。优点......
  • 原型设计工具比较及实践
    墨刀适用领域:移动应用和网页设计:墨刀是一个全面的设计工具,适用于移动应用和网页的设计适合快速原型构建和用户体验测试:墨刀提供了丰富的工具和资源,使得快速构建原型变得容易。它也适合用于用户体验测试,因为用户可以直接在手机上查看原型。便于协作和分享,适合团队项目:墨刀支持......