首页 > 其他分享 >原型设计工具比较及实践

原型设计工具比较及实践

时间:2024-04-13 21:46:27浏览次数:21  
标签:界面 查看 积分 实践 点击 歌单 原型 工具 页面

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

Axure:适用于制作功能复杂、交互多样的原型设计,尤其在PC端原型图上有优势。
墨刀:适合APP和微信小程序的原型设计,也支持网页和桌面应用的设计。
Mockplus:适用于快速原型设计,强调简单易用和高效,适合初学者和需要快速迭代的项目。

优点:

Axure:功能齐全,交互设计能力强大,你可以实现复杂的动态面板和中继器功能。
墨刀:操作简单,拖拉控件时会自动匹配母版大小,提供丰富的组件库和模板,支持实时协作和云端存储。
Mockplus:操作简单上手快,组件资源丰富,支持团队协作,提供多种预览方式和导出类型。

缺点:

Axure:学习曲线较陡峭,新手可能难以快速掌握其复杂的功能;素材库不够丰富,需要第三方素材库的支持。
墨刀:虽然功能强大,但在功能深化和用户体验方面还有提升空间。
Mockplus:虽然提供了多样的功能和资源,但在功能深化方面仍需加强。

二、音乐播放器APP原型设计
1.主题名称:畅听APP
2.功能
1.用户可查看收藏歌单及本地下载歌单
2.查看个人账号积分,积分可兑换礼品
3.用户在会员中心选择是否充值会员,可查看会员有效期

3.界面设计考虑因素
1.界面简单,用户查看通俗易懂
2.界面布局合理,图文结合,适当美观
3.用户可按照自己的喜好更改界面外观主题
4.切换界面

我的页面

界面功能
1.查看积分
2.查看会员
3.查看收藏及本地下载歌单
界面组成
1.页面切换项
2.收藏歌单
3.积分中心
4.会员中心
前置条件
1.登录软件,切换到“我的”界面
后置条件
1.选择需要进入的界面,点击选项
操作步骤
1.点击“积分中心”,进入查看积分
2.点击“会员中心”,进入查看会员有效期以及更换主题
3.点击“收藏”,可进入收藏歌单列表

积分中心页面

界面功能
1.领取积分功能
2.积分兑换礼品功能
3.查看积分兑换订单功能
界面组成
1.页面返回键
2.头像和积分信息
3.能领取积分的各项任务
4.可兑换的礼品
前置条件
1.在“我的”界面,点击进入“积分中心”
后置条件
1.返回“我的”界面
2.领取积分,查看获得积分的更多任务
操作步骤
1.点击界面左上角的箭头,返回到“我的”
2.点击“领积分”,领取积分

会员中心页面

界面功能
1.查看会员有效期功能
2.选择是否续费会员功能
界面组成
1.头像、用户名
2.会员等级徽章
3.界面返回项
前置条件
1.在“我的”界面,点击进入“会员中心”
后置条件
1.选择续费会员
2.改变主题装扮
操作步骤
1.点击界面左上角的箭头,返回到“我的”
2.点击“立即续费会员”,续费会员

我的收藏页面

界面功能
1.查看、播放收藏歌单里的音乐
2.搜索功能
界面组成
1.歌曲名称及歌手
2.音乐播放滚动条
3.页面返回项
4.搜索按钮
前置条件
1.在“我的”界面,点击进入“收藏”
后置条件
1.选择播放收藏的音乐
2.对想听的歌曲进行搜索
3.返回“我的”
操作步骤
1.点击界面左上角的箭头,返回到“我的”
2.点击任意一首歌曲播放音乐
3.点击搜索按钮,进入搜索界面
5.界面交换流程
首先进入我的页面,用户按自己想法分别选择进入任何一个页面。选择点击“积分中心”,则进入积分中心查看积分、领取积分或用积分兑换礼物;选择点击“会员中心”,则查看会员有效期;选择点击“收藏”,则进入收藏歌单,播放歌单里的音乐或者进入搜索界面,搜索歌曲。所有界面都有返回键,可返回到上一个页面。

标签:界面,查看,积分,实践,点击,歌单,原型,工具,页面
From: https://www.cnblogs.com/Lxcyee/p/18133413

相关文章

  • jmeter工具做接口测试
    jmeter工具做接口测试●测试计划:测试起点,所有组件的容器●线程组:代表一定数量的用户,发送请求●取样器:向服务器发送请求的最小单元●逻辑控制器:结合取样器实现一些复杂的逻辑(循环控制器)●前置处理器:在请求之前的工作●后置处理器:在请求之后的工作(json提取器)●断......
  • 原型设计工具比较及实践
    一、对比分析墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点1.墨刀:墨刀是一款专注于移动端原型设计的工具,具有以下优点:操作简单。用户界面整洁、直观,特别适合初学者和需要快速迭代原型的设计师。多平台支持。提供PC端、手机端和网页版,方便用户随时随地进行原型......
  • 原型设计工具比较及实践
    墨刀(Moqups):适用领域:1.墨刀适用于快速创建简单的原型和线框图,特别是对于初学者和小型团队来说非常友好。2.它在用户界面设计方面有一些基本的功能,可以用于创建简单的交互式原型。3.墨刀提供了在线协作和共享功能,使团队成员可以轻松共享和编辑原型。优点:4.简单易用,适合新手上......
  • 原型设计工具比较及实践
    一、原型设计工具比较墨刀(Moqups):适用领域:墨刀适用于快速原型设计和团队协作。它提供了简单易用的界面和丰富的元素库,适合用于设计简单的界面原型和流程图。优点:简单易用,无需复杂的学习过程即可上手。提供了丰富的元素库和模板,方便用户快速创建原型。支持团队协作,多人同时编......
  • 大模型时代的PDF解析工具
    去年(2023年)是大模型爆发元年。但是大模型具有两个缺点:缺失私有领域知识和幻觉。缺失私有领域知识是指大模型训练时并没有企业私有数据/知识,所以无法正确回答相关问题。并且在这种情况下,大模型会一本正经地胡说八道(即幻觉),给出错误的回答。那么如何解决这两个缺点?目前主要有两种方......
  • 脚手架工具
    常用的脚手架工具CreateReactAppVueCLIAngularCLINext.jsNuxt.jsExpressGeneratorCreateReactNativeAppElectronForgeVite可用于构建viteReact等项目。Yemon安装yarnnpminstall-gyarn不同的generator生成不同的项目不需要所有文件,只需要类似babel或者......
  • 原型设计工具比较及实践
    墨刀适用领域:移动应用和网页设计:墨刀是一个全面的设计工具,适用于移动应用和网页的设计适合快速原型构建和用户体验测试:墨刀提供了丰富的工具和资源,使得快速构建原型变得容易。它也适合用于用户体验测试,因为用户可以直接在手机上查看原型。便于协作和分享,适合团队项目:墨刀支持......
  • 原型和原型链
    1、首先构造函数为中心functionPerson(){}varp=newPerson();console.log('Person::',p)console.log(p.constructor===Person)打印如下:可以看出构造函数通过new得到实例,实例可以通过【constructor】得到构造函数。访问原型的方式:①显示原型构造函数通过proto......
  • 实验一keep原型设计
    一、对墨刀、Axure、Mockplus等原型设计工具的各自的适用领域及优缺点的分析1.墨刀适用领域:墨刀同时也是协作平台,项目成员可以协作编辑、审阅,展示产品想法,向客户收集产品反馈以及在团队内部进行协作沟通。网页设计和移动应用界面设计快速原型制作和协作设计用户体验设计和交互设......
  • OB导数工具使用经验分享
    一、前言OBDUMPER/OBLOADER是OceanBase官方推出的数据导出导入工具,可以用于OB租户间的数据迁移,对OB租户进行逻辑备份。不同于MySQL的MyDumper是C语言开发,OBDUMPER/OBLOADER是由java语言开发,因此它具备跨平台兼容性(x86/arm)。关于OBDUMPER/OBLOADER是一个功能非常丰富的工具,其使用......