首页 > 其他分享 >网易云音乐搜索与播放APP设计

网易云音乐搜索与播放APP设计

时间:2024-04-12 20:12:06浏览次数:24  
标签:网易 图标 界面 APP 歌单 原型 播放 前置条件 页面

一、原型工具优缺点对比
墨刀、Axure、Mockplus都是常见的原型设计工具,它们在适用领域和优缺点上有着各自的特点:

墨刀:
适用领域:墨刀适用于快速原型设计和团队协作。它的界面简洁易用,支持多种交互和动画效果,适合用于移动应用和网页的设计。
优点:简单易上手,无需编码经验;
提供在线协作功能,方便团队协作和版本管理 ;
支持团队协作,可以实时编辑和评论。
缺点:功能相对较简单,对于复杂的交互和动效支持不够;在线协作功能可能会受到网络环境的限制。
Axure:
适用领域:Axure适用于高保真原型设计和复杂交互的项目。它功能强大,支持自定义交互和动画,适合用于大型软件和应用的设计。
优点:提供高度自定义的交互和动画效果;
支持复杂的逻辑和条件交互;
输出高保真原型,可用于用户测试和开发参考。
缺点:学习曲线较陡,需要一定的时间去掌握其丰富的功能;
界面相对复杂,不够直观。
Mockplus:
适用领域:Mockplus适用于快速原型设计和小型团队协作。它注重简洁高效,提供丰富的组件和模板,适合用于简单的移动应用和网页的设计。
优点:界面简洁,易上手;
提供丰富的组件和模板,可以快速搭建原型;
支持简单的团队协作。
缺点:功能相对有限,不够适用于复杂的交互和动效设计;
对于大型项目可能不够灵活。
总体而言,选择适合自己项目需求和团队特点的原型设计工具非常重要。墨刀适用于快速原型和团队协作,Axure适用于复杂交互和高保真原型,Mockplus适用于简单快速的原型设计。
二、原型设计实验

网易云音乐APP功能实现
一、功能组成:
1.能够进行听歌
2.能够在外部文件夹中导入歌曲
3.可以根据你的喜好每天推荐歌曲
二、界面设计考虑因素:
1.登录页面:可以注册账号,账号登录的各种形式
2.推荐页面:有每日推荐的歌曲,底部有推荐、我的、发现按钮
3.搜素页面:根据自己想要的去搜索
4.上传歌曲:设计了一个导入歌曲的的功能入口,可以从本地文件夹导入歌曲
5.歌单页面:在这里选自己喜欢的去播放音乐
6.发现页面:有排行榜区、VIP区
下面我将提供6个切换界面,并且对每个界面提供界面功能,界面组成,前置条件,后置条件,操作步骤简单说明:
1.首页登录界面:

界面功能:向用户展示该音乐软件的图标
界面组成:音乐图标,登录方式,红色背景
前置条件:打开app
后置条件:跳转到主界面
2.推荐界面:

界面功能:向用户推荐不同风格每日歌曲
界面组成:有推荐图标,我的图标,发现图标,搜索框,模块化图片等
前置条件:根据不同图标进行选择跳转,还可以进入搜索页面
3.搜索页面:

界面功能:为用户提供了热搜榜、视频榜、播客,在这里用户可以看视频,也有音乐专区。
界面组成:一些新颖的模块化图片和带有可以选择的图标
前置条件:播放歌曲,进入歌单页面
后置条件:返回上一层
4.我的页面

包含3个界面:上传界面、导入歌曲界面、我喜欢的音乐界面



界面功能:用户可以看见自己的头像和等级和近期喜欢听的音乐和属于自己的歌单
界面组成:头像,上传按钮,底部菜单栏
前置条件:上传歌单,选择自己的文件夹进行导入。跳转我喜欢的音乐界面,播放或者分享
后置条件:返回上一层
5.歌单页面:

界面功能:获得歌曲列表进行歌去选择,并且可以发表自己的评论
界面组成:播放按钮,搜索按钮,模块图片,底部导航条
前置条件:播放歌曲
6.发现页面:

界面功能:用户可以根据排行榜,VIP等进行选择歌单
界面组成:加入了轮播图,模块化图片,底部菜单图标
前置条件:可以跳转搜索界面,我的界面,歌单界面

标签:网易,图标,界面,APP,歌单,原型,播放,前置条件,页面
From: https://www.cnblogs.com/dongtongtong/p/18132004

相关文章

  • 背单词APP
    一、对墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点的分析1.墨刀适用领域:网页设计和移动应用界面设计快速原型制作和协作设计用户体验设计和交互设计优点:(1)界面直观,上手简单,适合初学者快速学习和使用。(2)支持实时协作,多人可以同时在同一个项目上工作,提高团队协......
  • apple 各手机尺寸说明
     iPhone是苹果公司最受欢迎的产品线之一,其尺寸从4英寸到6.7英寸不等。以下是iPhone各型号的尺寸:机型屏幕尺寸(英寸)分辨率(pt)像素(pixel)图片后缀iPhone4/4s 3.5(326ppi) 320x480 640x960 @2xiPhone5/5c/5s/SE1 4(326ppi) 320x568 640x1136 @2xiPhone6/6s/7/8/SE2-3 4.7(326ppi) 375......
  • 实验一:原型设计—大学生搜题app
    一、实验题目:原型设计二、实验目的:掌握产品原型设计方法和相应工具使用。三、实验要求(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。(2)利用网络资源自学Mockplus或墨刀等原型设计工具,并利用原型工具自拟主题进行原型设计。主题可以是高校二......
  • APP上架流程解析
    在当今数字化时代,移动应用程序已经成为企业和个人推广业务、增加收入的重要途径之一。然而,许多开发者却面临着一个共同的问题:他们不知道如何将自己开发的应用程序上架到应用商店中。本文将深入探讨APP上架的流程,并为您提供详细的指导,以便顺利将您的App推向市场。准备上架所需......
  • 手机商城APP-vivo
    1.墨刀是一款在线原型工具,具有丰富的组件库和模板,允许设计师创建具有丰富交互元素的原型。可以快速创建各种类型的原型。还支持实时协作和云端存储,方便团队成员之间的沟通和合作。优点:墨刀支持实时协作,团队成员可以在原型上直接评论和批注,方便及时沟通和反馈;多人在线编辑:墨刀......
  • 智慧校园外卖app
    分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点。墨刀(MockingBot):适用领域:墨刀适用于团队协作、快速原型设计和交互设计。它提供了丰富的组件库和交互功能,能够帮助设计师快速创建高保真度的原型。优点:简单易用:墨刀的界面简洁明了,操作简单,适合新手上手使......
  • uniapp做微信小程序遇到的一些问题汇总
    1.当我写完代码想手机预览的时候,小程序的启用组件按需注入显示未通过 加一句搞定//启用组件按需注入问题  "lazyCodeLoading":"requiredComponents", 2.微信开发者工具-右上角-详情-基本信息-代码依赖分析-可以看哪些文件比较大(如static下不超过200K,一般情况图片都......
  • 实验一 ——如果高情商跟说话APP
    一、原型工具优缺点对比墨刀、Axure、Mockplus都是常见的原型设计工具,它们在适用领域和优缺点上有着各自的特点:墨刀:适用领域:墨刀适用于快速原型设计和团队协作。它的界面简洁易用,支持多种交互和动画效果,适合用于移动应用和网页的设计。优点:简单易上手,无需编码经验;提供丰富的交......
  • uni-app 中如何使用echart
    uni-app中如何使用echart• 1.安装ECharts• 2.引入ECharts• 对于Vue单文件组件(.vue 文件)• 对于使用uni-app插件市场的ECharts插件• 3.创建图表容器• 4.初始化图表• 5.配置图表• 6.更新图表数据• 注意事项......
  • 一款高颜值的第三方网易云播放器
    大家好,我是Java陈序员。今天,给大家介绍一个基于Vue全家桶实现的“网易云”播放器。关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。项目介绍YesPlayMusic——一款高颜值的第三方网易云播放器,支持Windows/macOS/Linux。......