原型设计工具比较及实践

发布时间 2023-04-23 17:54:47作者: 97246227

一、原型设计工具比较及实践

1.墨刀

  • 简介:

    • 墨刀致力于将更多的时间用于思考,快速的完成产品设计。内置丰富的组件库和图标库,小白也能轻松掌握,简单拖拽、排列组合,快速完成精美设计。作为一款在线原型设计软件,墨刀的云端编辑功能,实现更简便、快速、高效地完成产品原型和交互设计。
  • 优点:

    • 云端的支持,实现了快速的寻找素材,随时随地的编辑,多人合作,实时预览;
    • 一键分享,微信扫码快速真机体验的便捷;
    • 可以快速的生成APP原型的设计和交互。可自动生成页面流程图,界面整洁易用;
  • 缺点:

    • 交互效果、控件组合、操作面板相对不够灵活;
    • 效果切换使用的是连线方式,一些复杂的情况下容易混乱;
    • 更强大的功能需要付费解锁;
  • 适用领域推荐:

    • 墨刀的设计更偏向于移动端的APP、网页等的设计,学习成本相对简单,虽然免费版的限制较高,但对初学者较为友好。有高效、简便的设计移动端的需求和小白,个人比较推荐。

2. Axure

  • 简介:

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

    • 应用灵活,可拓展性强;
    • 拥有超级强大的交互制作能力;
    • 高保真的原型设计工具,名声大,专业性高;
  • 缺点:

    • 规范性较差。编辑能力着实强大,变相导致规范性差,管理不便;
    • 难度稍大,入门较慢。鉴于其比较复杂,学习难度较大,新手劝退;
    • 本地型软件,可以下载html文档预览,手机预览不方便;
    • 制作原型的速度比较慢(交互操作太多),常常耽误时间,而且修改较繁;
  • 适用领域:

    • Axure RP的使用者主要包括商业分析师、信息架构师、产品经理、IT咨询师、用户体验设计师、交互设计师、UI设计师等,另外,架构师、程序员也在使用Axure。

3. Mockplus

  • 简介:
    • Mockplus(摹客)是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用,并能够很好地表达自己的设计。
  • 优点:
    • 开发成本低,软件免费。
    • 审阅协作、无缝真机预览。
    • 适合快速开发迭代的模式,上手快。
    • 模版管理、组件交互动画、素描风格等功能为独有创新。
  • 缺点:
    • 平民软件,专业性不足以服众。
    • 功能不够强大,个人性化设计还有潜力。
    • 软件细腻性有待提高。鉴于其操作简单入门快的特点,功能追求快捷,一定程度上忽略了功能的细腻性。
  • 适用领域:
    • 摹客支持全工序的产品设计,连接从需求到开发,为企业产品团队提供原型设计、UI设计、PRD文档撰写管理、全流程协作、自动标注切图、高效评论审阅,支持全部主流设计稿交付,帮助产品经理、设计师、开发人员高效设计协作。

二、原型设计

1.主题

相亲相爱一家人

————家庭相册管理

2.功能

  • 添加家庭成员,与家庭成员共享相册;
  • 对相册以及照片进行个性化编辑;
  • 添加云空间,以便相册内容备份与恢复;
  • 根据时间地点以及相册内容智能分类;

3.界面设计考虑因素

  • 登录页面支持微信、QQ、手机号码以及邮箱等登录;
  • 主页面列出照片、相册、推荐以及个人信息的入口;
  • 照片界面包括个人照片,默认以时间地点分类;
  • 相册页面包括个人编辑相册、家庭共享相册和智能分类相册等;
  • 个人信息清晰简洁即可;

4.界面

1.登录界面
image

  • 界面功能
    • 提供登录信息
  • 界面组成
    • 由软件logo、账号输入框、密码输入框、登录按钮、注册按钮以及第三方登录标识组成
  • 前置条件
    • 打开app
  • 后置条件
    • 进入主页面
  • 操作步骤
    • 有账号则输入账号密码,否则注册后登录;或者直接采用第三方登录

2.主页面:照片
image

  • 界面功能
    • 查看本地照片和视频,提供全部本地照片视频和照片视频的数量
  • 界面组成
    • 照片、视频、照片视频的数量、照片视频的时间地点
  • 前置条件
    • 点击图片
  • 后置条件
    • 浏览图片
  • 操作步骤
    • 滑动找到照片,点击打开

3.主页面:相册
image

  • 界面功能
    • 提供个人编辑的相册和系统的分类相册以及家庭成员共享的相册
  • 界面组成
    • 我的相册和家庭成员共享相册、
  • 前置条件
    • 点击上方相册,点击想打开的相册
  • 后置条件
    • 浏览相册中照片或视频
  • 操作步骤
    • 滑动找到相册,点击打开

4.主页面:推荐
image

  • 界面功能
    • 提供推荐功能的多样化相册
  • 界面组成
    • 多样化推荐的相册
  • 前置条件
    • 点击上方推荐,点击推荐相册
  • 后置条件
    • 浏览推荐相册
  • 操作步骤
    • 滑动找到相册,点击打开

5.个人信息页面
image

  • 界面功能
    • 显示个人信息,包括头像、用户名、电话、性别、简介、云服务、家庭信息、设置等功能
  • 界面组成
    • 返回标识、个人信息(用户名、电话等)、云服务、家庭信息、设置、成为会员。
  • 前置条件
    • 点击右上角头像
  • 后置条件
    • 显示个人信息
  • 操作步骤
    • 点击主页面右上角头像,进入个人信息页面,点击想浏览的模块

5.界面切换流程说明

  • 首先通过账号密码或第三方登录进入软件主页面,通过上方按钮选择进入照片、相册、推荐按和个人信息,进入个人信息还可以使用云服务、家庭信息等功能。
    image