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

原型设计工具比较及实践

时间:2023-04-25 19:36:03浏览次数:33  
标签:界面 听歌 音乐 实践 歌手 搜索 原型 工具 页面

原型设计工具比较及实践

 

目录

·原型设计工具比较

     ·墨刀

     ·Axure

     ·Mockplus

·原型设计

     ·主题名称

     ·功能以及界面设计及考虑因素

     ·切换界面

     ·界面切换流程

 

 

一,原型设计工具比较
1.墨刀
·适用邻域

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

·优点
       ·组件:丰富,供不应求。每一个组件又细分到:组件、图标、图片、和页面。Axure只有单一的组件可供选择,更多时候需要自己去组合,而墨刀组合分类好的可省去很多时间。素材很多,海量免费使用。
      ·帮助中心:从每一个组件、图标可以链接进入其帮助中心,查看使用指南,一条龙服务,非常方便,非常适合初学的新手。
      ·由于产品设计团队都中国的,相对于Axure,比较符合我们的作业习惯,登陆方便 支持网页登陆。
      ·墨刀将带来全新的设计工具,响应式布局、布尔运算、渐变色填充,甚至是协作,且远不止此。性能优化实现高并发高可用的协同设计,毫秒级响应,操作体验更顺滑,智能化操作设计,减少繁琐的操作步骤,提升设计效率。
 
 ·缺点

      ·需要收费,才使用墨刀;不够灵活,自由度低;免费内容极少,只能网页操作,无法离线保存。

Axure
·适用领域

       ·Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。

·优点:
       ·免费,功能强大,交互功能比较强大,处理可以更细节;
       ·有强大的编辑功能, 使得制作素材库会更便捷一点,更快的复制粘贴,素材库和原型库会多一些,有较为完善的管理功能;
       ·可以项目共享,使得同事间可以同步工作,并保留所有工作历史,并可以随时到处历史版本的项目文档。

·缺点

      ·使用需要安装;保存在本地,安全性较差;操作繁琐,而且文件一大就容易卡死。

Mockplus(摹客)

 

·适用领域

       ·摹客(Mockplus)是成都摹客科技有限公司旗下设计协作品牌,专注于一站式的产品设计和协作平台,为产品开发团队提供全流程协作、高保真设计和设计规范管理支持。摹客可以自产出高保真设计,支持多款主流设计工具(Sketch/PS/XD/Axure等)的设计稿交付,团队成员在产品、设计到开发的各个工作环节,利用多种设计工具,都能使用摹客平台协同工作。
·优点
       ·Mockplus设计了组件、图标、收藏、母版的 Tab,切换起来很方便。
       ·做原型,交互简单,只需拖曳就可以,更快更简单
       ·功能多样,组件资源丰富
·缺点

       ·手机预览偶尔会出现闪退且不清晰;不支持鼠标悬停,日历表组件是静态的;不支持手势交互。

 二,原型设计

1.主题名称

                              滴爱音乐            ——————用心做的音乐

2.功能及界面设计考虑因素

     ·用户登录和注册:支持QQ,微信以及手机号注册以及登录。

     ·音乐APP主页:可以通过app的主页进入搜索界面,查看我的音乐DNA,音乐馆界面,识曲页面,播放页面,歌手页面,音乐直播,我的歌手,收藏页面,积分页面,排行榜页面等。是刚进入app就印入眼帘的关键页面,连接着很多app的其他区域。

     ·音乐馆界面:通过音乐app主页点击进入的,里边有更详尽的分类信息,方便直接进入选曲听歌,也可以给用户很好的听歌建议分区。

     ·识曲界面:通过搜索界面可以点击进入,作用是根据所录取的音乐部分的旋律识别该音乐。分为两个界面一个是听歌识曲,一个是哼唱识曲。

     ·播放界面:点击下边方框条任意部分可以进入,方便对听音乐进行更细致部分的调整,以及更详细的音乐信息。

     ·搜索界面:点击搜索框可进入,可以输入歌曲的名称,界面布置了歌手界面,排行界面,听歌识曲,听书热播,显示搜索历史,以及联想搜索画面。

     ·音乐直播页面:显示各种主播的直播界面,点击可进入各个主播界面。

     ·我的音乐:通过app主页可以进入,可以进入积分中心,会员中心,收藏界面。显示个人的部分功能。

     ·收藏页面:通过我的进入,可以保存用户喜欢的歌曲,专辑,歌单等。

     ·会员界面:充值界面,可以获取需要收费的歌曲。

     ·积分界面:可以通过我的音乐来进入,通过听歌累计积分,可以用积分来换取商品。

     ·排行榜界面:可以通过搜索界面进入,用来统计排行,提供给用户选择空间。

     ·退出界面:通过我的音乐进入,用来退出登录。

 3.用户体验 

      首先,注册有QQ,微信,手机号三种方式,比较快捷和方便。当进入滴爱app主页时显示的主界面元素很多,主题呈现绿色健康温馨且护眼,让用户感觉到界面设计友好,主页面可以跳转到多个页面,便于用户选择。听歌识曲页面简介明确,便于用户听见喜欢的歌曲快捷使用。搜索界面显示很多歌曲元素,给客户根据歌手,排行榜等多个元素,为用户提供多种听歌选择。其中我的页面包含用户的个人信息以及喜好设置等,统一分区方便查找和观赏性更佳。

4.切换界面

·我的音乐DNA界面

 

·界面功能

      显示近6个月的听歌数量曲线

      显示个人听歌特点

      调节听歌偏好

·前置条件——点击app主页里我的音乐DNA

·后置条件——退出该页面

·页面分布

      个人头像

      近六个月的听歌曲线

      个人听歌偏好

 

·搜索页面

·页面功能

      搜索想听的歌曲

      语音输入搜索

      提供歌手,排行榜,听歌识曲,听书热播

·前置条件——点击我的音乐APP主页里的搜索框

·后置条件——可以进入歌手界面,进入排行榜界面

·页面分布

      歌手界面

      搜索框

      排行榜界面

      搜索历史

      搜索发现

·歌手搜索

·页面功能

      搜索歌手

      音乐歌手分区

      推荐歌手关注

      推荐排行榜

·前置条件——搜索界面里点击歌手

·后置条件——点击不同专区

·页面分布

      歌手分区

      歌手排行榜

      搜索框

·排行榜

 ·页面功能

      分区各种排行榜

      自定义排行榜放置

·前置条件——搜索界面点击排行榜

·后置条件——进入某个音乐的排行

·页面分布

      各种排行榜

 ·流程图

 进入app主页之后可以进入我的音乐DNA,以及进入搜索界面可以进行音乐搜索,提供进入排行榜界面和歌手界面的标志,然后从搜索界面可以进入排行榜界面和歌手界面,其中歌手界面可以进行搜索,歌手排行等功能,排行榜界面有各种音乐排行。

 

 

 

 

      

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

标签:界面,听歌,音乐,实践,歌手,搜索,原型,工具,页面
From: https://www.cnblogs.com/Chenlaoban/p/17353602.html

相关文章

  • 原型设计工具比较及实践
    目录 一.原型设计工具比较 1.墨刀      适用领域      优点      缺点  2.Axure      适用领域      优点      缺点 3.Mockplus      适用领域      优......
  • 一线架构师实践指南读书笔记
    重大风险:功能质量约束高层切分:借助鲁棒图,初步识别功能别后的职责,就可以规划高层切分的具体方式分析和综合是思维方向相反的过程。一般是先分析后综合,没有分析就不能综合,没有综合,也只是片面的分析通过系统切分,虽然无法降低复杂性,当可以控制复杂性分层式概念架构:逻辑层物理层......
  • 推荐一个好工具,可以替代 swagger 生成文档
    Swagger是一个规范且完整的框架,用于生成、描述、调用和可视化RESTful风格的Web服务。Swagger的目标是对RESTAPI定义一个标准且和语言无关的接口,可以让人和计算机拥有无须访问源码、文档或网络流量监测就可以发现和理解服务的能力。当通过Swagger进行正确定义,用户可以......
  • 70、ansible常用工具及模块介绍
    ansible相关工具/usr/bin/ansible主程序,临时命令执行工具/usr/bin/ansible-doc查看配置文档,模块功能查看工具,相当于man/usr/bin/ansible-playbook定制自动化任务,编排剧本工具,相当于脚本/usr/bin/ansible-pull远程执行命令的工具/usr/bin/ansible-vault文件加密工具/usr......
  • 提高软件质量的必要实践
    单元测试什么是单元测试?单元测试通常是指对一个函数或方法测试。单元测试的目的是验证每个单元的行为是否符合预期,并且在修改代码时能够快速检测到任何潜在的问题。通过编写测试用例,我们可以验证这些模块在特定输入下是否产生正确的输出。单元测试的目的是确保每个模块在各种情......
  • P.13-用户密码加密存储密码、P.14-铺垫知识jwt工具类使用、P.15-登录接口实现细节分析
    P.13-用户密码加密存储密码实际项目中我们不会把密码明文存储在数据库中。默认使用的PasswordEncoder要求数据库中的密码格式为:{id}password。它会根据id去判断密码的加密方式。但是我们一般不会采用这种方式。所以就需要替换PasswordEncoder。我们一般......
  • Cloud Studio 一个好用的在线编程工具
    CloudStudio是一个可咸可甜、可分工可协作,无论高端玩家、新手入门、编程学习皆适用的在线编程工具。使用时无需额外安装,打开浏览器,便能随时随地在线编程,妈妈再也不用担心我电脑没电、网线被拔啦!除了包含代码高亮、自动补全、Git集成、终端等IDE的基础功能外,CloudStudio还......
  • sqlplus工具迁移数据经验
        需要紧急把测试服务器数据迁移到pc机用于演示,但pc机无网络又没有客户端工具,只能使用sqlplus,且导出得文件又是sql文件,失去工具支持导入共过程遇到很多问题,如乱码问题,sql文件中特殊字符,日志存放和查看,导出文件不能写入,安装过程目录写入权限等大小问题。希望通过这篇博客把......
  • traceroute命令:网络诊断工具,它可以用于确定数据包从源主机到目标主机所需经过的路由器
    traceroute命令是一种网络诊断工具,它可以用于确定数据包从源主机到目标主机所需经过的路由器节点。traceroute通过发送UDP数据包或ICMPECHO请求,在数据包中设置递增的TTL(TimeToLive)值,每个TTL值代表距离源主机越来越远的路由器。当路由器收到TTL值为0的数据包时,将抛弃该数据包并......
  • 供应商竞争情报分析工具 —— 全国招投标查询API
    引言招投标是一项非常重要的商业活动,涉及政府采购、建筑工程、物资采购等众多领域。招投标活动的开展需要广泛的信息支持,包括招标公告、中标结果、项目动态等各种信息。然而,由于信息分散、更新速度慢等原因,用户往往难以及时了解市场动态和机会,制定合理的商业决策。因此,招投标信息......