首页 > 其他分享 >网易云APP—原型设计

网易云APP—原型设计

时间:2024-04-19 17:45:38浏览次数:30  
标签:功能 界面 APP 网易 歌单 原型 设计 交互

一、实验题目:原型设计

二、实验目的:掌握产品原型设计方法和相应工具使用。

三、实验要求

(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。

1.墨刀:
  ~适用领域:墨刀适用于快速原型设计和协作,特别是在移动应用和网页设计方面。它提供了丰富的元素库和易于使用的界面,适合设计师、产品经理和开发团队之间的快速迭代和交流。墨刀,可以说是专为移动端产品原型设计而生。它的免费版本自带的部件、交互、功能,基本上能满足移动端产品原型的设计要求,并且墨刀的控件都是基于APP,以及系统平台IOS和安卓,因此在创建项目时可以首先选择相应的设备布局,减少了不少工作环节。
  ~优点:
   (1)原型区提供了许多兼具实用性与美感的高级组件,类型涵盖基础图标、页面、按钮、导航栏、弹窗、动态轮播、各式下拉菜单等。
   (2)可以在素材广场中搜索不同类型的组件直接添加到本地,拖拽即可复用。进行原型编辑时可直接拖动链接区域的小闪电图标到跳转页面。
   (3)拖拽一下,就能实现页面跳转效果,动作+目标+动效,交互逻辑清晰可见。用户界面简洁直观,易于上手;
   (4)具有丰富的元素库和模板,可以快速搭建原型;支持多人协作,便于团队合作。
  ~缺点:
   (1)目前原型的交互效果系统自带的还比较少,但基本满足日常所有原型的使用。
   (2)相对较简单,对于复杂交互和动效的支持不如其他工具;
   (3)在大型项目中可能会遇到性能方面的限制。需要充费才能够使用更强大的共享创建功能。
   (4)效果切换因为是采用连线的方式,有时候会让使用者脑子错乱的感觉。并且目前原型的交互效果系统自带的还比较少。

2.Axure:

~适用领域:Axure适用于较复杂的原型设计和交互效果模拟,特别是在企业级应用和软件设计方面。它提供了丰富的交互组件和行为定义功能,能够较为真实地模拟用户操作体验。
  ~优点:
   (1)功能强大,支持复杂的交互和动效设计。
   (2)可导出高保真原型,便于与开发团队进行沟通和交流;
   (3)具有丰富的扩展和定制能力,满足不同项目需求。
   (4)使用成本很低
  ~缺点:
   (1)Axure的动态面板、中继器等功能都是强大的,但是不容易搞懂。
   (2)AXURE的素材也是很蛋疼的问题,大部分PM 都会在AXURE原型库、素材库去寻找相应的第三方素材库,进行载入,需要花费相应的时间。
   (3)学习曲线较陡峭,需要一定的时间和精力来掌握其高级功能;界面相对复杂,不够直观;较高的价格可能对个人用户和小团队不太友好。
   (4)手机端演示效果差,服务器不在国内,自带元件库用处不大等。

Mockplus:

~适用领域:Mockplus适用于中等复杂度的原型设计和快速迭代,特别是在小型团队和个人项目中较为流行。它注重简洁易用的界面和快速搭建原型的能力。
  ~优点:
   (1)界面简洁,易于上手;拥有丰富的预设组件和模板,可以快速搭建原型;
   (2)支持多平台导出和在线分享,便于团队协作和反馈。
   (3)mockplus有组件库和图标库,界面设计较为方便。
  ~缺点:
   (1)相对于其他工具,功能和定制能力较为有限;
   (2)在复杂交互和高保真原型方面表现不如一些专业工具;缺乏一些高级功能和扩展性。

(2)利用网络资源自学Mockplus或墨刀等原型设计工具,并利用原型工具自拟主题进行原型设计。主题可以是高校二手交易平台、高校社团、在线听歌、老年手机、家庭相册管理等。

四、实验步骤
  1、主题名称:网易云app-原型设计
  2、功能介绍:为用户提供了听歌功能,收藏用户喜欢的音乐,建立歌单,点评歌曲等功能
  3、背景分析:在时代的进化,生活中用户们的压力越来越大,需要外界的力量舒缓心情。使用这款软件可以让用户愉悦,舒心。
  4、具体由以下界面构成:

首页

界面组成:上方为设置、搜索框。中间为用户的个人资料,喜欢的歌单,推荐歌曲。下方为其他功能键。
 界面功能:存储自己的个人音乐喜好和基本功能。
 操作步骤:通过点击我喜欢的音乐,进入我喜欢的音乐详细歌单,实现页面跳转。

歌单界面

界面组成:歌单内的音乐,分享、评论、收藏按钮
 界面功能:找到歌单内的全部歌曲,下载功能等
 操作步骤:通过点击某一首歌曲进行跳转(例:父亲写的散文诗)

播放歌曲界面

界面组成:歌曲的图片、热评、播放键、下一首功能键、上一首功能键等、列表功能键等
 界面功能:暂停歌曲、显示歌词、切换歌曲、分享、进入评论区等
 操作步骤:通过点击评论键即可跳转

评论界面

界面组成:评论区、推荐的评论组成
 界面功能:浏览网友评论和发表自己的评论
 操作步骤:点击参与话题输入框即可输入自己的评论

五、原型演示
原型链接:https://rp.mockplus.cn/run/oIPzlTVfIf/jlKRqX47O?cps=expand&rps=expand&nav=1&ha=1&la=0&fc=1&dt=iphoneX&out=0&rt=1&as=true

标签:功能,界面,APP,网易,歌单,原型,设计,交互
From: https://www.cnblogs.com/QvXiaoTong/p/18145583

相关文章

  • Apple App Store API 快速获取app综合评分,最新评论
    iDataRiver平台https://www.idatariver.com/zh-cn/提供开箱即用的苹果应用商城appstore数据采集API,供用户按需调用。接口使用详情请参考appleAppStore接口文档接口列表1.获取指定app的基础信息参数类型是否必填默认值示例值描述apikeystring是idr_***......
  • uniapp安卓在线更新版本
    实现逻辑通过获取线上的版本号和app的版本号进行对比查看是不是最新版—app版本号小于线上版本号则不是最新版提示更新模拟检测更新请求起一个服务,也就是检测更新的接口返回值为最新版本号和最新版wgt文件下载地址,例:{  "code":0,  "msg":"success",  ......
  • 【超详细】Windows申请iOS证书上架App Store详细教程
    ​转载:Windows申请iOS证书上架AppStore详细教程(有这一篇就够了)_windows提交ios审核-CSDN博客Windows申请iOS证书上架AppStore详细教程上架基本需求资料1、苹果开发者账号(如还没账号先申请-苹果开发者账号申请教程)2、开发好的APP通过本篇教程,可以学习到ios证书申请和打包i......
  • APP阿里云一键取号 (一键登陆)php接口-- (阿里云号码认证服务)
    #通过composer安装阿里云SDK"alibabacloud/dypnsapi-20170525":"^1.1.2","alibabacloud/darabonba-openapi":"^0.2.10","alibabacloud/tea-console":"^0.1.0","alibabacloud/tea-utils":"^0......
  • 实验1:原型设计——时光书阁二手书交易APP
    一、实验题目:原型设计二、实验目的:掌握产品原型设计方法和相应工具使用。三、实验要求(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。    墨刀、Axure和Mockplus都是目前市场上较为流行的原型设计工具,它们各自具有独特的适用领域和......
  • 实验一——椰子视频app原型设计
    一、对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点。(1)Axure的优缺点1.主要优点Axure作为老牌的原型图工具,功能最齐全,交互最多样,基本任何想要的效果都可以实现,尤其在制作PC端原型图上有优势。2.主要缺点Axure缺点同样也相当明显,Axure的动态面板、中......
  • 实验一-原型设计 微信卡包页面
    微信卡包页面-原型设计分享一、实验题目:原型设计二、实验目的:掌握产品原型设计方法和相应工具使用。三、实验要求 对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。1.墨刀:  ~适用领域:墨刀适用于快速原型设计和协作,特别是在移动应用和网页......
  • 第二代长安X5 PLUS 2024款车机绕开限制安装第三方APP
    测试车型:第二代长安X5PLUS2024款智尊型系统版本:OnStyle5.2.0安卓版本:9.0Pie文章内容仅供参考,不同车型不同版本可能操作不同一、拨号页*#*#888,输入密码密码规则见二、)进入工厂模式二、工厂模式动态密码规则:4位,和当前时间有关,24小时制,1、2位位当前分钟整十数,3、4位为小......
  • 小程序生态是更灵活构建超级App的方式
    互联网从1.0发展至今,已经经历了几十年的进步和变迁,催生出很多垂直领域的超级App。以下就是几个典型的超级App:1、电子商务Shopee(新加坡):东南亚最大的电子商务平台,拥有超过3.6亿活跃用户,覆盖7个国家和地区。Shopee提供广泛的商品品类,包括服饰、电子产品、家居用品等,并提供多种......
  • 腾讯云APP备案指南:一站式完成备案手续,助您顺利上线
    工信部最新通知要求所有互联网信息服务提供者完成移动互联网应用程序备案手续。腾讯云为开发者提供了简单易行的备案流程,本文详细解答如何在腾讯云平台完成备案,帮助开发者快速上线自己的APP。从验证备案域名到腾讯云审核,一步步指导您完成备案流程,让您的APP合法合规地运营。1.验......