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

原型设计工具比较及实践

时间:2023-04-22 10:34:35浏览次数:31  
标签:界面 听歌 音乐 实践 原型 工具 分享 页面

目录

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

1.墨刀

  • 适用领域

    墨刀是一款在线的移动应用原型与线框图工具,借助墨刀,创业者、产品经理及UI/UX设计师等用户群体能够快速搭建移动应用产品原型,演示项目效果;同时墨刀也可作为协作平台,项目成员可以协作编辑、审阅。

  • 优点

    • 免费试用,学习成本较低。
    • 操作简单,页面相对简约,适合初学者。
    • 墨刀包含丰富模板和素材库,同时可自动生成页面流程图。
  • 缺点

    • 无法离线保存,必须在线操作。
    • 组件较少,无法适应大型应用需求。
    • 专门为移动端打造,有一定局限性。

2.Axure

  • 适用领域

    Axure是一款专门用来画原型的工具,也可以用来画流程图。其受众群体也非常广泛,除了产品经理外,还包括产品专员、产品助理、产品经理、需求分析师、用户体验设计师、交互设计师、界面设计师、架构师、程序开发工程师等相关岗位者。

  • 优点

    • 功能齐全、资源丰富、基本上想要的效果都可以实现。
    • 编辑功能强大,制作素材库会更加便携。
    • 可以项目共享,可以随时找到历史版本的项目文档。
  • 缺点

    • 学习成本高,深入学习了解需要一定学习门槛。
    • Axure默认元件以及样式不及墨刀和mockplus美观。
    • Axure的大部分PM需要寻找相应第三方素材库,需要花费相应的时间。

3.Mockplus

  • 适用领域

    Mockplus(摩客)是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用,帮助设计师“关注设计,而非工具”。

  • 优点

    • Mockplus自带组件库和图标库,界面设计方便。

    • 左侧项目层级分明,有多种页面供设计者选择。

    • 控件组合交互简洁明了,对初学者友好。

  • 缺点:

    • Mockplus表格功能有待完善,在使用时有细微影响。
    • 深入学习成本较高,需要较高知识储备和经验。
    • 不支持鼠标悬停,同时在手机端预览不太直观。

二.原型设计

1.主题名称

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

2.功能

  • 一款音乐app,在听歌界面中,用户可以通过点击心形按钮加入喜欢的音乐,可以观看歌词,对当前歌曲进行评论,同时可以将自己喜欢的音乐分享给QQ好友、微信好友以及微博分享等。

3.界面设计考虑因素

  • 音乐app的目地是服务于大众,让用户在喧嚣浮躁的世界中得到慰藉,那么此app页面需要清爽简约,一眼就可以找到自己想听的音乐。
  • 功能齐全用户才会喜欢,将大部分功能放在一个界面中,这样用户不必多次翻找,降低无用时间,增加市场竞争力。

4.界面切换介绍

  • 1.听歌界面

  • 界面功能

    • 在当前界面中,可以将歌曲添加为我喜欢的音乐,可以进行暂停和播放,以及切换自己喜欢的听歌模式。
  • 界面组成

    • 音乐进度条,歌词,听歌模式,开始暂停,上一首下一首音乐以及听歌列表。
  • 前置条件

    • 点击选择页面中的听歌界面。
  • 后置条件

    • 点击开始按钮,开始播放音乐。
  • 2.评论页面

  • 界面功能

    • 在此页面中,可以进行编辑文字后输入,同时可以看到其他人的评论并进行点赞,在此页面也可以进行分享。可以根据不同的选择对评论进行不同的排序。
  • 界面组成

    • 当前播放音乐的专辑照片,对歌曲进行评论的人的头像,评论时间以及昵称,点赞数等。
  • 前置条件

    • 点击听歌界面中右下角的评论小图标。
  • 后置条件

    • 编辑文字,评论发送成功。
  • 3.歌词页面

  • 界面功能

    • 此界面可以浏览当前播放音乐的歌词。
  • 界面组成

    • 当前播放音乐的歌词,听歌列表等。
  • 前置条件

    • 点击听歌界面的圆形唱片。
  • 后置条件

    • 歌词弹出。
  • 4.分享页面

image
image

  • 界面功能
    • 此界面可以将音乐进行分享,可以分享给QQ好友、微信好友以及微博。
  • 界面组成
    • QQ图标、微信图标、微博图标共同组成分享页面。
  • 前置条件
    • 点击主页面、听歌界面、歌词界面的听歌列表。
  • 后置条件
    • 打开分享页面。
  • 操作步骤
    • 点击分享图标后,选择想要分享的聊天软件,即可进行分享。

5.界面切换流程图

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

标签:界面,听歌,音乐,实践,原型,工具,分享,页面
From: https://www.cnblogs.com/YuKai64859/p/17342534.html

相关文章

  • 项目实践 | 行人跟踪与摔倒检测报警
    小白学视觉 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的使用
    目录前言依赖依赖关系依赖方法使用项目清理前言......
  • 2、Pipeline语法及使用自定义工具的Maven工程
    Pipeline语法声明式pipeline的结构pipeline的定义有一个明确的、必须遵循的结构,它由一些directive(指令)和section(配置段)组成,每一个section又可包含其它的section、directive和step(执行步骤),以及一些condition(执行条件)的定义;◼Section:用于将那些在某个时间点需要一同运行的条目(i......