原型设计作业

发布时间 2023-04-21 22:32:19作者: YH2003

原型设计工具比较

1. 墨刀

  • 简介
    墨刀是一款在线的产品设计协作软件,可以解决产设研团队中存在的项目管理权限不明、版本管理混乱、协作低效等诸多问题,提高团队效率,推进项目更快落地。
  • 使用领域
    产品经理:可以利用自带组件库和素材广场轻松完成原型设计;
    开发人员:通过一个链接即可获取所需的标注、切图等设计资源;
    测试人员:参考内置的PRD模式就能直接核对功能需求点;
    市场销售:制作产品demo,与客户演示更传神;
    设计师:使用Sketch插件,就能一键上传设计稿件,交付开发;
    运营:可以更好的梳理活动需求
  • 优点
    • 功能强大:可满足产品经理、设计师、开发在产品设计和团队协作上的主要需求,不需要采购多款工具来回切换同步。
    • 功能特色: 内置丰富的素材广场、图文结合的PRD模式、细粒度的权限管理等特色功能,是经常会用到的高频功能,显著提升了创作和沟通效率。
    • 简洁易用:产品界面简洁易用,上手快,学习成本和切换成本低,真正方便全员使用。
    • 实力强可信赖: 墨刀成立至今已有六年,一直深耕产品设计协作领域,服务过国内外众多知名企业,用户数量现已达到了190w,业界口碑好,可以信赖。
  • 缺点
    - 不自由:这与墨刀的产品定位有关,清晰定位为移动端原型设计工具,因此在交互效果上、控件组合上,操作面板的选择上都不如AXURE 灵活,并且效果切换因为是采用连线的方式。
    - 付费:需要充费才能够使用更强大的共享创建功能。

2.Axure

  • 简介
    Axure为一款专业的快速原型设计工具,它可以让设计师们利用需求,设计功能和界面来快速的创建应用软件的线框图、流程图、原型和规格说明文档,并且同时支持多人协作和版本控制管理。
  • 使用领域
    Axure的最主要用户是产品经理,其次就是UI/UE,然后是研发。
  • 优点
    即可以画图,又可以做文档,画图的难度比PS低,写文档比word灵活。
    Axure有一套非常强大的交互编辑器,可以实现复杂的逻辑的关系处理,使得模拟更加真实。
    使用成本几乎为零。
  • 缺点
    不好看,在设计师眼中,Axure的默认元件和样式都无法接受。
    学习成本高,高级元件的使用有一定学习门槛。
    手机端演示效果差,服务器不在国内,自带元件库用处不大等。

3.Mockplus

  • 简介
    摹客(Mockplus)是成都摹客科技有限公司旗下设计协作品牌,专注于一站式的产品设计和协作平台,为产品开发团队提供全流程协作、高保真设计和设计规范管理支持。
  • 使用领域
    产品经理
    设计师
    前端工程师
  • 优点
    易用且低学习曲线。对于任何经验水平的用户都是一个好的选择;
    针对不同的设备,有大量的元素和图标库;
    通过简单的拖放,容易地创建交互原型;
    通过拖放快速直观地链接页面。
  • 缺点
    文档支持欠缺;
    不支持手势交互。

功能

本组选择的原型设计主题为在线听歌,本组设计提供以下功能:
在界面中进行相互跳转
一键返回主页面功能;

本组制作了1张流程图,16张界面设计图

界面设计图分别为:

主界面

听歌识曲界面

下载管理界面

歌单界面

歌曲信息界面

视频界面

视频播放界面

个人信息界面

编辑个人信息界面

设置界面

签到及关注界面

关注界面

邮件通知界面

播客界面

播放列表

直播界面

界面设计考虑因素

  • 本组的原型设计作业参考了网易云音乐PC端的界面设计,本组认为此程序界面功能丰富的同时又不冗杂,给人的直观感觉很清新舒适;
    我在本此作业中负责(5)(10)(14)(16)四项及流程图的设计;
  1. 歌曲信息界面image

    • 界面功能
      查看歌曲信息
    • 前置条件
      任意界面点击左下角歌曲小海报
    • 后置条件
      显示歌曲歌词,作曲人,歌手等详细信息。返回主页面,跳转其他页面。
  2. 设置界面image

    • 界面功能
      设置音乐软件内一些可自定义内容
    • 前置条件
      任意界面点击设置按钮
    • 后置条件
      设置各种可自定义内容,返回主页面,跳转其他页面。
    1. 播客界面
      image
    • 界面功能
      搜索,收听各种播客。
    • 前置条件
      任意界面点击播客按钮
    • 后置条件
      收听各种播客,打开播客列表,返回主页面。
    1. 直播界面
      image
    • 界面功能
      搜索,查看直播信息。
    • 前置条件
      任意界面点击直播按钮
    • 后置条件
      进入直播界面,返回主界面。

    界面流程

    1. 流程图
      image
      image

    2. 文字描述
      首先进入主页面,选择点击播客,视频,直播,我喜欢的音乐,本地与下载,听歌识曲,头像,歌曲封面,设置,邮件,签到,关注等选项进入相应界面,进入视频界面后可以点击任意视频封面进入视频观看,进入歌单界面后可点击列表查看当前的播放列表,点击头像后可点击编辑个人信息更改头像以及签名等。