一、墨刀、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)