首页 > 其他分享 >在线听歌-原型设计

在线听歌-原型设计

时间:2024-04-15 22:56:29浏览次数:23  
标签:界面 原型 设计 在线听 Axure 墨刀 Mockplus

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

1、优点:
墨刀:
(1)墨刀拥有PC端、手机端、网页版,可以随时随地进行产品原型设计。
(2)墨刀控件的拖拉、大小的调整,都会自然去匹配相应母版的大小,无需去担心有多移动一点或多选择一点,非常人性化。
(3)墨刀提供了强大的共享创建功能,方便用户在手机上预览原型。
Axure:
(1)可以在另一台电脑上,阅读和编辑Axure原型图;
(2)在Axure预览模式下,可以在浏览器左侧显示网页的目录;
(3)Axure软件有Mac版本和windows版本。
Mockplus:
(1)使用起来异常的方便快捷,容易上手。
(2)Pc端和Web端都有很好的支持。
(3)拥有初步免费和高级收费,小的设计不用花钱,大的设计,也是按月来收费的(每月15左右吧),需求来了,再买使用.这一点做得非常的好。
(4)包含所有设备的设计方案,PC,Web,MP,而且设计支持很棒的素材库的下载。
2、缺点:
墨刀:
(1)必须在线操作(离线无法保存)。
(2)对交互效果、控件组合、操作面板的选择都不是很灵活,内置交互效果包括点击、滑动、滚动等。
(3)效果切换因为是采用连线的方式,有时会使用户产生错乱的感觉。
Axure:
(1)如果接收文件同事的电脑,没安装Axure,就打不开了;
(2)不能在手机微信聊天窗口上,直接阅读Axure原型图;
(3)Axure低版本,不能打开高版本的Axure文件。
Mockplus:
(1)不支持手势交互。
(2)开发技术不稳定,功能很少不提供源文件,只能导出图片或者生成原型,但没有原型源文件。
(3)Mockplus里线条没有提供隐形的扩展感应区,不容易点击。
3、适用领域:
墨刀:主要用于设计移动APP原型。使用者包括产品经理、设计师、开发、销售、运营及创业者等用户群体。
Axure:主要用来设计Web原型。Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计
师等,另外,架构师、程序员也在使用Axure。
Mockplus:Mockplus的使用者包括产品经理、项目经理、UI设计师、程序员等用户。

二、实验部分
1.选题:在线听歌
2.功能:轻听是一款专注于发现与分享的音乐平台,是一个有态度有灵魂的音乐平台,专注为用户打造全新的音乐生活。
3.界面设计因素:一个简洁而有效的界面布局是很重要的。主页应该被设计成一个易于浏览的界面,带有最重要的功能,如针对热门歌曲和最新发布的音乐的标签。此外,也应该为不同的功能单独设计页面,如“搜索页面”,“播放页面”等等,以免界面混乱。其次颜色也是设计流行音乐app时不可忽视的元素之一。主题颜色应该与音乐的氛围和节奏相匹配,增强用户对音乐的感知体验。最后是字体选择,选择适当的字体对于创建高质量的音乐界面非常重要。字体应该是易于阅读的,而且在不同的设备上都能很好地呈现。总之实现多功能页面设计,不要让页面变得复杂和混乱。在音乐app中,设计一个清晰,简单的功能页面是非常重要的。搜索页面应该只包含少量元素,使用户能够快速找到自己喜欢的音乐,而播放页面应该包括简单但有用的控件,如播放、暂停和跳过等。

三、具体实现
1.界面说明。
(1)登陆/注册界面。

(2)按照提示内容进行输入注册“轻听”账号。

(3)主界面——发现音乐界面,左边为目录栏,通过点击目录栏可以快捷的切换到其他界面。

(4)歌单界面——有当前播放歌曲和歌手的基本信息,以及暂停功能,滚动歌条和进度条,歌词,用户对播放音乐可添加喜欢,可收藏,可分享等。

(5)MV排行,点击即可播放MV。

(6)最近播放界面。

(7)多功能界面。

(8)墨刀界面:
https://modao.cc/proto/YRuusZtGsbrb0oKI7xY2mD/sharing?view_mode=read_only
2.界面跳转
(1)file:///C:/Users/86183/Videos/Captures/%E5%9C%A8%E7%BA%BF%E5%90%AC%E6%AD%8C%E5%8E%9F%E5%9E%8B%E8%AE%BE%E8%AE%A1%202024-04-15%2014-06-28.mp4
(2)

标签:界面,原型,设计,在线听,Axure,墨刀,Mockplus
From: https://www.cnblogs.com/bxy1234/p/18132845

相关文章

  • 七大设计原则(三)
    合成复用原则合成复用原则的定义如下:合成复用原则(CompositeReusePrinciple,CRP):尽量使用对象组合,而不是继承来达到复用的目的。合成复用原则强调,如果一个功能可以同时通过继承与组合实现,应该首先考虑使用组合。首先,相对于继承来说,组合能让代码变化的修改范围变得更小。一个父......
  • [题解][2021-2022年度国际大学生程序设计竞赛第10届陕西省程序设计竞赛] Type The Str
    题目描述给定n个字符串,有以下几种操作:打出一个字符,花费1。删除一个字符,花费1。复制并打出一个之前打出过的字符串,花费k。求打出所有n个字符串的最小花费。(注意,打出顺序和字符串输入的顺序不必相同)题解显然,操作3需要算字符串的最长公共子序列来处理。这个问题可以转换为......
  • [题解][2021-2022年度国际大学生程序设计竞赛第10届陕西省程序设计竞赛] Hash
    题目描述给定字符串T,要求求字符串S,满足以下条件:S是T的前缀S和T运行某段代码的哈希值相同(代码见下)T只包含小写字母S和T的长度差不超过50哈希代码://LanguageC++14longlongmod=5999993;longlonggethas(strings){longlongret=0;for(charc:s)ret=......
  • 《Vue.js设计与实现》 第七章 渲染器的设计
    7.1渲染器与响应系统的结合最简单的渲染器及其使用//渲染器functionrenderer(domString,container){container.innerHTML=domString}//使用letcount=1renderer(`<h1>${count}</h1>`,document.getElementById('app'))渲染器与响应式系统结合constcount......
  • 实验一原型设计—恰饭app
    一、实验题目:原型设计二、实验目的:掌握产品原型设计方法和相应工具使用。三、实验要求:对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。答:1.适用领域:墨刀:墨刀是一款在线的移动应用原型与线框图工具,适合设计团队和个人用户使用,用于移动端和We......
  • 实验一原型设计——东南西北行app
    一、实验题目:原型设计二、实验目的:掌握产品原型设计方法和相应工具使用。三、实验要求(1)对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点(至少3条)。墨刀、Axure和Mockplus都是流行的原型设计工具,它们各自在适用领域和优缺点上有所不同。以下是对这些工具......
  • 软件设计师考试大纲
    软件设计师(中级)考试大纲[1]考试时间分布各级别考试均分2个半天进行。高级资格综合知识科目考试时间为2.5小时,案例分析科目考试时间为1.5小时、论文科目考试时间为2小时。初级和中级资格各科目考试时间均为2.5小时。计算机专业技术资格(水平)考试原则上每年组织两次,在每年第二......
  • 易基因:ENCODE和modENCODE联盟的ChIP-seq实验设计指南和注意事项|干货
    大家好,这里是专注表观组学十余年,领跑多组学科研服务的易基因。ChIP-seq(染色质免疫沉淀测序)实验指南和实践(ChIP-seqguidelinesandpracticesoftheENCODEandmodENCODEconsortia),由ENCODE(EncyclopediaofDNAElements)和modENCODE(ModelOrganismENCODE)联盟研究人员撰写。文......
  • day01-02_我的Java学习笔记 (IDEA的安装、配置及使用、IDEA常用快捷键、IEDA创建空工
    1.IDEA的安装及配置1.1IDEA的安装具体操作,详见《04、IDEA安装详解.pdf》1.2IDEA主题配置、字体配置1.3IDEA常用快捷键1.4IDEA修改快捷键在IDEA工具中,Ctrl+空格的快捷键,可以帮助我们补全代码,但是这个快捷键和Windows中的输入法切换快捷键冲突,需要修改IDEA中......
  • 黑盒测试用例设计技术-语法测试原则及案例
    语法测试用例设计原则选项导出原则:当语法规则强制选择时,为该选择的每个备选方案导出一个测试用例(“选项”)。最小与最大重复次数原则:当语法规则强制执行最小重复次数时,应为此导出至少两个测试用例:一个满足最小重复次数,另一个不满足(小于最小重复次数)。当语法规则允许最大重复......