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

原型设计工具比较及实践

时间:2023-04-22 10:59:40浏览次数:32  
标签:功能 界面 音乐 黑名单 实践 歌手 原型 工具

目录

一、原型设计工具优缺点比较

1.墨刀

  • 适用领域

    墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅 ,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理。

  • 优点

    • 交互简单,可通过交互面板实现复杂交互。
    • 演示方便,项目演示效果逼真。
    • 操作简单,页面相对简约,适合初学者。
  • 缺点

    • 不适用于pc端,仅限移动端产品原型。
    • 免费版对于项目数量,页面数量有限制,深入学习成本较高。
    • 无法离线保存,只可以在线操作。

2.Axure

  • 适用领域

    axure是一款老牌的原型图工具,功能齐全,交互多样,基本任何想要的效果都可以实现,尤其在制作PC端原型图上有优势。其使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等。

  • 优点

    • 可以完成原型设计的复杂交互行为,元素样式多,客增加独立元素交互性。
    • 拥有良好的培训和文档支持。
    • 编辑功能强大,内置的插件库可以定制特殊的动作和行为。
  • 缺点

    • 具有陡峭的学习曲线,对初学者不太友好。
    • Axure的大部分PM需要寻找相应第三方素材库,需要花费相应的时间。
    • 需要购买正版,学习成本较高。

3.Mockplus

  • 适用领域

    Mockplus为产品开发团队提供全流程协作、原型设计、UI设计和设计规范管理支持。摹客可以自产出原型及高保真设计,也支持多款主流设计工具的设计稿交付,团队成员在产品、设计到开发的各个工作环节,使用不同设计工具,可通过摹客平台协同工作。

  • 优点

    • Mockplus组件资源丰富,还具有自由开放的插件机制。
    • 预览方式和到处类型多样,可供使用者进行多层次对比。
    • 永久免费使用,学习成本低,对初学者友好。
  • 缺点:

    • 文档支持功能欠缺,缺少文档与界面连接性。
    • 不支持手势交互。
    • 不支持鼠标悬停,同时在手机端预览不太直观。

二.原型设计

1.主题名称

  • catch音乐 ——一款流行的听歌播放器

2.功能

  • 一款音乐app,进入主界面后,可以点击左侧导航键后,在其中选择功能,例如屏蔽不喜欢的歌手或单曲,也可以进行边听边存功能。

3.界面设计考虑因素

  • 音乐app的目地是通过音乐,来让用户调节精神状态,给用户多层次的体验,但在体验中尽量避免让用户感受到冗余以及错综复杂的功能,尽量将界面做到简约明了。
  • 音乐欣赏体验是用户非常重要的一个环节,因此此app需要根据市场对音乐的需求提供更加个性化的欣赏功能,允许用户自由选择所需的音乐、使用黑名单屏蔽掉不喜欢的音乐,以优化用户的音乐欣赏经历。

4.界面切换介绍

  • 1.选择界面

  • 界面功能
    • 扫码emo王专属功能、音乐闹钟、深色模式、定时闹钟、音乐黑名单、边听边存、关于、退出登录。
  • 前置条件
    • 登录此app并在主界面选择最左侧功能选择按钮。
  • 后置条件
    • 进行各种功能的选择,使app功能更加丰富多彩。
  • 操作步骤
    • 自己选择想使用的功能。
  • 2.音乐黑名单歌手

  • 界面功能

    • 通过该界面可以选择添加黑名单歌手。
  • 界面组成

    • 该界面最上方为音乐黑名单标题,下方有歌手和单曲两个可供选择的模块,最中间是添加黑名单歌手功能。
  • 前置条件

    • 点击选择页面中的音乐黑名单。
  • 后置条件

    • 将自己不喜欢的歌手放入黑名单中屏蔽掉。
  • 操作步骤

    • 进入该页面后,点击添加歌手即可进行黑名单歌手添加。
  • 3.音乐黑名单单曲

  • 界面功能

    • 通过该界面可以选择添加黑名单单曲。
  • 界面组成

    • 该界面最上方为音乐黑名单标题,下方有歌手和单曲两个可供选择的模块,最中间是添加黑名单歌手功能。
  • 前置条件

    • 点击音乐黑名单。
  • 后置条件

    • 将自己不喜欢的歌曲放入黑名单中屏蔽掉。
  • 操作步骤

    • 进入该页面后,点击添加单曲即可进行黑名单单曲添加。
  • 4.边听边存

  • 界面功能
    • 通过该界面可以选择开启跳过vip歌曲,如果为vip用户,可以开启会员专属曲库,只筛选vip歌曲进行播放,同时也可以选择根据常听歌曲进行保存。
  • 界面组成
    • 该界面最上方为边听边存标题以及返回键,同时具体功能有免费听曲、会员专属曲库、仅存常听歌曲功能进行开启或关闭。
  • 前置条件
    • 点击选择页面中的边听边存。
  • 后置条件
    • 打开边听边存功能页面。
  • 操作步骤
    • 进入该页面后,点击各功能右侧滑块选择开启或关闭功能。

5.界面切换流程图

  • 首先进入主界面后,点击主界面左上角的"更多"导航键,进入选择页面,在选择页面中根据自己的喜好选择所需要的功能。如音乐黑名单歌手及歌曲、边听边存功能。上述功能都可以通过左上角的返回键返回到主界面。

标签:功能,界面,音乐,黑名单,实践,歌手,原型,工具
From: https://www.cnblogs.com/Salazar-H/p/17342569.html

相关文章

  • 原型设计工具比较及实践
    目录一、原型设计工具优缺点比较1.墨刀2.Axure3.Mockplus二.原型设计1.主题名称2.功能3.界面设计考虑因素4.界面切换介绍1.听歌界面2.评论页面3.歌词页面4.分享页面5.界面切换流程图一、原型设计工具优缺点比较1.墨刀适用领域墨刀是一款在线的移动应用原型与线框图工具,借助......
  • 项目实践 | 行人跟踪与摔倒检测报警
    小白学视觉 7月7日1.简介本项目的目的是为了给大家提供跟多的实战思路,抛砖引玉为大家提供一个案例,也希望读者可以根据该方法实现更多的思想与想法,也希望读者可以改进该项目种提到的方法,比如改进其中的行人检测器、跟踪方法、行为识别算法等等。本项目主要检测识别的行为有7类:Stand......
  • 原型设计工具比较及实践
    目录一、原型设计工具比较1.墨刀2.Axure3.Mockplus二、原型设计1.主题名称2.原型功能3.界面设计考虑因素4.界面切换介绍5.界面切换流程图一、原型设计工具比较1.墨刀适用领域墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师......
  • 原型设计工具比较及实践
    目录一,原型设计工具比较1.墨刀2.Axure3.Mockplus二,原型设计1.主题名称2.功能3.界面设计考虑因素4.切换页面界面交换流程一,原型设计工具比较1.墨刀适用领域  墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭......
  • 软件架构生态化-多角色交付的探索实践
    作者:京东零售李春丽作为一个技术架构师,不仅仅要紧跟行业技术趋势,还要结合研发团队现状及痛点,探索新的交付方案。在日常中,你是否遇到如下问题“业务需求排期长研发是瓶颈;非研发角色感受不到研发技改提效的变化;引入ISV团队又担心质量和安全,培训周期长“等等,基于此我们探索了一种......
  • 「独家解析」ShardingSphere分库分表技术实践,助力MySQL性能提升
    ApacheShardingSphere是一个开源的分布式数据库中间件解决方案组成的生态圈。它由三个产品组成:JDBC、Proxy和Sidecar。这些产品相互独立,但可以混合部署和配合使用,以提供标准化的数据分片、分布式事务和数据库治理功能。JDBC是ShardingSphere的基础组件,提供数据分片和读写分......
  • 原型设计工具比较及实践
    目录一,原型设计工具比较1.墨刀2.Axure3.Mockplus二,原创设计1.主题名称2.功能3.界面设计考虑因素4.界面设计1.个人主界面2.二维码界面3.个人信息界面4.消息界面5.界面切换流程一,原型设计工具比较1.墨刀介绍  墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开......
  • 原型设计工具比较及实践
    目录一.原型设计工具比较1.墨刀:2.Axure3.Mockplus二.原型设计1.主题名称2.功能3.界面设计考虑因素4.切换界面5.切换界面流程一.原型设计工具比较1.墨刀:适用领域UI设计前端开发游戏设计和广告设计优点界面简单,易于上手支持多种设备预览,如手机,平板,PC等......
  • kconfig-hardened-check linux 内核安全选项检查工具
    kconfig-hardened-check是一个内核安全配置选项的检查工具,可以快速的帮助我们发现内核的一些安全配置项对于安全有比较高要求的还是值得使用的参考使用安装 python3-mvenvvenvsourcevenv/bin/activatepipinstall-Upippipinstallgit+https:......
  • 【Linux】项目自动化构建工具-make/Makefile的使用
    目录前言依赖依赖关系依赖方法使用项目清理前言......