首页 > 其他 > 详细

原型工具介绍

时间:2021-05-24 09:26:21      阅读:27      评论:0      收藏:0      [点我收藏+]

原型设计是设计思维过程中的一个密切部分,它让我们有机会去证明我们的疯狂想法。当原型完成时,我们测试并验证我们的设想。当有新信息出现时,我们还会调整我们的设计。

但是我们如何知道我们该使用哪种工具呢?原型应该设计到哪个地步呢?无论你到原型设计的哪一个步骤,这里的四个问题你都应该注意:

  1. 你是在为手机、平板还是桌面做设计呢?
  2. 你的原型需要什么程度的保真度?
  3. 你需要多少时间完成设计?
  4. 你需要多少经验去展示?

几种场景和每种场景下合适的原型设计工具

一、快速的在线原型界面设计

在项目立项之初,可能会涉及多方同事协同,包括设计、产品、运营,以及团队的领导,这个时候通常会采用在线工具,方便迅速地给团队提供原型预览。

这一阶段的原型设计工具,推荐 摹客RP:同时具备 强大的高保真原型设计能力 团队协作能力。不仅保证了快速产出和精细设计两不误,同时满足产品经理、设计师的需要,在线工具的协作能力更是不容小觑:多人实时编辑,便捷的团队评审,工程师查看页面数据、复制代码等强大功能非常适合团队使用。

最重要的是,摹客RP 是一款真正完全免费的原型设计工具,不限时长、不限功能、不限页面,包括:

  • 设计页面不受限制,灵感肆意发挥;
  • 无需为成员付费,注册即可实时参与项目编辑;
  • 无限导出离线演示包,无忧演示与汇报;
  • 设计资源库自由搭建,团队共享不收费;
  • 历史版本无限生成,随时查看及回溯。
技术分享图片

 

 

特色:

  • 自带交互效果的预设组件、海量图标、便捷的编辑方式,快速产出设计。
  • 支持页面交互、状态交互、组件交互,以及设置多种触发方式和交互动作,轻松制作精细交互效果。
  • 钢笔工具、铅笔工具、布尔运算、响应式布局等特色功能,设计创作自由随心。
  • 支持多人同时在线编辑同一项目,共同完成原型设计。
  • 设计稿中支持直接绘制流程图,清晰呈现项目逻辑。
  • 强大的协作功能:团队评审、工程师查看页面数据、复制代码、撰写在线文档、任务管理... ...

适用情景:中高保真原型,快速原型, 团队协作,WEB/移动端/平板原型,线框图,视觉稿


二、低保真、快速移动应用程序

  1. 为移动应用构建
  2. 低保真
  3. 快速搭建
  4. 需要将屏幕链接在一起,并显示它们的流程
技术分享图片

 

 

有很多好用的工具可适用于这个场景。用于此场景的最佳工具是可以在短时间内以低保真方式展示整个应用体验流程的工具。这些工具有:

  • Invision
  • Marvel
  • Craft(by Invision,Plugin for Sketch
  • Adobe XD
  • Flinto
  • Principle
  • Origami
  • UX Pin
  • Pixate

三、低保真桌面网站或 Web 移动应用

    1. 为桌面浏览器(网站)构建
    2. 允许低保真
    3. 快速搭建
    4. 需要将屏幕链接在一起,并显示它们的流程

 

针对桌面体验方面的工具会比较有限,因为许多原型设计工具往往更专注于移动端。这些工具有:

    • Invision
    • Marvel
    • Flinto
    • Principle
    • Adobe XD
    • Keynote
    • UX Pin

 

四、高保真体验(手机或者桌面)

  1. 为手机或桌面进行构建
  2. 必须尽可能高保真
  3. 我有足够的时间进行这项任务
  4. 需要显示屏幕的流程,同时还能高保真显示屏幕元素和功能的动画

     

    技术分享图片

     

    有时候你的原型不仅需特别高的保真度,与此同时还需要显示应用程序中的整个流程。这是一项非常耗时的任务,以至于有时候任务繁重时不禁想问,为什么我们不能构建一个真正的?

    如果你需要构建一个包含有趣而独特动画的高保真原型,允许用户在页面之间导航,创造一个真正的体验,那么你可以使用这些工具:

    移动设备:

    • Proto.io
    • Principle
    • Flinto
    • Origami
    • PhoneGap
    • Framer
    • Xcode

    桌面:

    • Raw HTML/CSS/JS
    • Principle
    • Flinto
    • Framer
    • Xcode

     




原型工具介绍

原文:https://www.cnblogs.com/redj/p/14802878.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!