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

原型设计工具比较及实践

时间:2023-04-22 09:11:34浏览次数:33  
标签:功能 界面 登录 app 实践 原型 工具 听歌 页面

目录

  • 一、原型设计工具比较

    • 1.墨刀

    • 2.Axure

    • 3.Mockplus

  • 二、原型设计

    • 1.主题名称

    • 2.原型功能

    • 3.界面设计考虑因素

    • 4.界面切换介绍

    • 5.界面切换流程图

一、原型设计工具比较

1.墨刀

适用领域

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

  • 优点

    • 1.操作简单,页面清爽,适合初学者

    • 2.免费使用

    • 3.内置丰富的UI素材和模板

  • 缺点

    • 1.没有深度挖掘的潜力,无法适应大型应用需求

    • 2.功能不全

    • 3.无法适应高创新需要

2.Axure

适用领域

  • Axure的用户群体非常宽泛,包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师、架构师、程序开发工程师等相关从业者。

  • 优点

    • 1.功能齐全,交互制作功能强大

    • 2.较为安全

    • 3.Axure有一套非常强大的交互编辑器,可以实现复杂的逻辑的关系处理,使得模拟更加真实。

  • 缺点

    • 1.Axure的默认元件和样式都不及墨刀和mockplus美观

    • 2.学习成本高,高级元件的使用有一定学习门槛

    • 3.需要协同PS等绘图软件一起使用

3.Mockplus

适用领域

  • Mockplus(摹客)是一款简洁快速的原型图设计工具。 适合软件团队、个人在软件开发的设计阶段使用。

  • 优点

    • 1.项目树层级分明,项目树中以分组和子页面来规定层级

    • 2.选用数据可视化使实际操作顺畅

    • 3.有着高效率灵便的互动式工作中页面

  • 缺点

    • 1.学习成本高,需要较高的知识储备和经验

    • 2.Mockplus的表格功能不够方便,在使用时会影响操作

    • 3.在手机端的演示效果也没有墨刀那样直白直观,不能方便快速的使得别人看到模型效果

二、原型设计

1.主题名称

  • 深情王音乐播放器 ——在线听歌

2.原型功能

  • 一款音乐app、既可在线听音乐,下载后也可离线听音乐,提供听歌识曲、猜你喜欢、推荐歌单等功能。

3.界面设计考虑因素

  • 1.这款音乐app是一款服务于大众的app,所以页面必须清爽,能够让即使是第一次使用的人也能轻松找到自己想听的歌。

  • 2.功能尽可能齐全才能具备市场竞争力。

4.界面切换介绍

 

 

  • 登录界面

    • 界面功能:通过该界面登录app,可以使用手机号一键登录,也可以使用QQ或微信登录

    • 界面组成:一张简单的自设海报当作登录背景

    • 操作步骤:选择一种自己喜欢的方式登录界面

    • 前置条件:打开此app

    • 后置条件:进入此app的主页面

 

  • 主页面

    • 界面功能:最上方是搜索功能,可以去搜索自己想听的歌;搜索栏旁边是听歌识曲功能,当你听到一首好听的歌想知道其歌名时可使用该功能;最左侧为app功能选择的界面点击该按钮跳转至选择界面,选择图片按钮可以将其听歌的页面,也可以选择歌单选择界面至歌曲选择功能,点击麦克风进去听歌识曲功能

    • 前置条件:登录此app

    • 后置条件:搜索歌曲功能、功能选择界面、听歌界面、歌曲选择界面、听歌识曲功能

    • 操作步骤:自己选择想使用的功能

 

  • 听歌识曲

    • 界面功能:点击识别音乐,可以搜索自己喜欢的歌曲

    • 前置条件:登录此app并在主界面选择听歌识曲功能

    • 后置条件:搜索歌曲功能

    • 操作步骤:自己选择想使用的功能

 

  • 选择界面

    • 界面功能:扫码emo王专属功能、音乐闹钟、深色模式、定时闹钟、音乐黑名单、边听边存、关于、退出登录

    • 前置条件:登录此app并在主界面选择最左侧功能选择按钮

    • 后置条件:进行各种功能的选择,使app功能更加丰富多彩

    • 操作步骤:自己选择想使用的功能

5.界面切换流程图

 

  • 首先进入登录页面,输入账号密码或者选择QQ、微信等方式登录。登陆后切换进主页页面,在主页页面选取自己喜欢的功能可以去搜索歌曲,选择其他功能,或进行听歌识曲,或者点击听歌页面,每一种功能都可以返回到主页面。

标签:功能,界面,登录,app,实践,原型,工具,听歌,页面
From: https://www.cnblogs.com/renshengqi/p/17342428.html

相关文章

  • 原型设计工具比较及实践
    目录一,原型设计工具比较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......
  • pdf阅读器工具编写心得
    最近比较闲,写了一个pdf阅读器的小工具。源码地址:GitHub-lin344902118/usefulTools:someusefultools原理是这样的,将pdf先转换为文本文件,然后读取文本,通过语音播放出来。我是用go写的,主要使用了两个开源库。一个是go-fitz,负责将pdf转换为txt文本。其实这个库的功能远不止如......
  • 原型设计工具比较及实践
                                                        原型设计工具比较及实践目录:一.    原型设计工具的优缺点比较二.    原型设计作业原型设计工具的优......