原型设计工具

news/2024/11/18 1:39:14/文章来源:https://www.cnblogs.com/2252708lyy/p/18198880

当下主流的原型设计工具有Axure、Figma、Pixso、墨刀。
一.Axure
Axure,全称叫做 Axure RP 。Axure是一款功能强大的原型设计工具,被广泛用于用户体验(UX)和用户界面(UI)设计。这算是目前原型图领域最常用的工具,有着丰富的交互设计功能,可创建各种高保真、低保真的交互原型图,产品经理能够快速创建可交互的原型,并与团队成员进行协作。Axure作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。作为一款专业的快速原型设计工具,拥有强大的组件库,可快速完成产品或 Web 线框图、流程图及原型设计,加上控件和动效的支持,堪称交互神器,支持Window、macOS 系统。
下图为axure的官网

  1. 发展历程
    2002年,维克托和马丁在旧金山湾区的一家初创公司工作,发现自己一再被软件开发生命周期的限制所困扰,而且产品团队在编写规范之前很难评估他们的解决方案,开发人员经常不理解(或不阅读)给出的规范,结果导致效率低下或者产品质量受损,于是创建了 Axure RP 这个产品。 随着时间的推移,使用 Axure RP 团队更加多样化,对软件和软件项目的期望也更高,于是 Axure RP 发展了更多功能,可以用于丰富的交互和文档,发布和共享,以及团队协作。
  2. 局限性
    ①Axure 过于专业庞大的软件功能架构,对新手要求较高,需要花费较多时间在学习和熟悉软件上。
    ②在使用成本方面,Axure 仅可以免费试用 30 天,升级到 Axure 专业版,价格为 290 元/人/月或 2500 元/人/年。
    ③低版本 Axure 不兼容高版本 Axure
    ④查看别人发送过来的 Axure 文件,需要先在本地安装 Axure 客户端
    ⑤Axure 未在国内架设服务器,团队无法很好地使用 Axure Cloud 进行在线协作。
  3. 优点
    ①浏览器打开即可使用,不限制设备和系统,同时提供多平台客户端
    ②文件线上存储,不占本地空间,支持历史版本随时回溯
    ③无需下载安装,功能更新实时上线
    ④对个人及中小型团队免费
    ⑤Axure提供了丰富的定制和逻辑设计功能,可以创建复杂的交互逻辑、条件判断和动态内容,以模拟真实的用户操作和系统行为。
    ⑥Axure允许团队成员之间进行协作,共享设计文件,并具备版本控制功能,可以追踪和管理设计文件的变更历史。如下图所示:

    二.Figma
    1.发展历程
    Figma 最初的想法来自于它的创始人——Dylan Field——2012 年在 Flipboard 实习期间,当时团队的设计工具还是 Adobe Fireworks,而 Dylan 深受 Fireworks 糟糕体验的困扰,不禁想到:为什么不能有一款设计工具能够像 Google Docs 那样方便呢?于是他就开始和自己的大学同学 Evan 开始研究如何使用 WebGL 来构建一款可以在浏览器上运行的设计工具,他们的初心是让设计更加触手可及,让更多人可以接触设计。潜心研究 3 年之后,2015 年他们正式对外发布了第一个版本,并以此开启了创业生涯2。后来 Figma 也确实不负 Dylan 所望,收获了一大批粉丝,也逐渐蚕食了 PS、AI、Sketch 等老牌设计软件的一部分市场。现在越来越多的设计师开始转向 Figma,并喜欢上这个软件,而且很多非设计师也开始使用这个软件。现在的 Figma 已经完成了「让更多人可以接触设计」这个愿景。
    2.局限性
    ①插件较少,缺少很多拓展性功能
    ②如果要转平台,需要从头开始移植
    ③不能断网工作,同步受网络影响
    ④价格略贵:专业版每人每月 15 刀,企业团队版每人每月 45 刀
    ⑤不能按比例缩放
    ⑥不支持动态按钮
    ⑦不支持阴影扩展
    ⑧不支持多层描边
    3.优点
    ①功能齐全:Figma = Sketch(UI 设计)+ InVision(原型设计) + Zeplin(标注)+ Dropbox(云端同步)+ Abstract(版本历史)+ Craft-Freehand(实时讨论) + Liveshare(实时分享)+ Team Library (团队组件库)+ Web API(第三方接入)+ …

②文件存储在云端:不用同步,在任何电脑上都可以访问,设计稿永远是最新的。
②在线协作:可以同时处理一个文件,可以一起查看文件而无需共享屏幕,任何人都可以对设计稿评论。

③多平台(Win,、Chrome、Linux、Mac)
④智能排列(统一调整间距,重新排列内容)
⑤批量图片置入
⑥Style(字体、颜色、描边、阴影)分开,Figma 中的字体 Style 不用管对齐方式,只包含文字本身属性。
三.Pixso
Pixso是国内首个实现产品设计一体化交付能力的在线设计工具,通过跨平台的协同、文件实时云同步以及智能设计和协作功能,在产品内打通白板、UI/UX、原型三大板块。

  1. 发展历程
    Pixso最早源于团队内部的一次头脑风暴,Pixso产品经理Oliver回忆到,“公司的创新创意大赛上金点子频出,我们项目组决定回归用户需求,在多次头脑风暴后就选择了打造在线协同设计产品。”
  2. 局限性
    ①Pixso上线时间较短,相对于成熟的在线设计软件,PC端不稳定,容易弹出页面或闪退。
    ②链接的访问速度在国内不够流畅,没有中文版本,把设计模板从英文换成中文就不好看了,在国内无法用于企业协同办公的企业微信、钉钉等应用,只能通过自研或聚合的方式满足用户多样的设计需求,无法直接嵌入设计工具。
    ③功能性的单一也成为了Pixso的薄弱之处,在大型设计操作时,需要其他软件进行辅助,用户需要下载多个应用。
  3. 优点
    ①Pixso的特殊之处在于它的一键交付,即用一个链接就能够同时完成预览评审、标注、查看以及切图,摆脱繁琐重复的交接步骤,让沟通和交付变得轻松、简洁。
    ②原型真实直观:Pixso支持建立原型框架流程,将产品整体方案进行具像化演示,其功能有:置入指定区域交互事件、页面跳转自动选择、在线交互模拟演示、可行性评估讨论等。
    ③交互效果丰富:多种转场动画、动态曲线、鼠标/手势指令动作等,可组合实现上百种转场形式。
    ④个人免费:Pixso 目前对个人用户完全免费,个人使用零成本。
    ⑤支持导入Axure文件:三步轻松创建原型动效支持导入 Axure 文件,Axure 资源可无缝迁移到 Pixso 中使用支持多人异地实时协作,随时在线评审自带标注切图功能,提高交付效率。
    ⑥它的新手教程十分详细,这意味着,Pixso更适合一个新手设计师使用。
    四.墨刀
    墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。

1.发展历程
APP原型设计工具墨刀完成500万Pre A轮融资,FreeS资本领投。此前,墨刀曾获得150万元天使轮融资。
2017年6月,墨刀推出3.0版本,主打团队协同方向,从3.0开始,墨刀不再是一个只给产品经理用的,用来画产品原型的工具,而是变成了一个覆盖整个产品的设计和开发流程,帮助整个产品团队最大限度的发挥协同效应的团队协同工具。
6月12日,高保真产品原型制作及团队协同工具公司墨刀宣布推出最新3.0版本,此次发布会墨刀主打团队协同方向,未来重点打造高效团队协作工具,加速团队内部效率和流程。同期墨刀宣布与石墨文档、吆喝科技、轻芒、联创工厂等多家上下游企业达成合作,未来打通整个产品设计流程。
2018年1月推出Sketch插件2.0版本,Sketch设计稿可以导入墨刀,进行交互设计,自动获取标注信息,推进开发进程;
2019年1月,墨刀启动To B 战略上线企业版,提供诸如企业项目及成员管理、基本数据统计等功能。
2.局限性
①墨刀是一款线上产品设计工具,使用墨刀需要上网,设计的产品也保存在云端,在墨刀数据库中。
②安全性和保密性没有保障,而产品是互联网企业的命脉,这是一个致命问题。
③墨刀本地下载的功能需要注册并且购买,也就是需要收费。普通用户只能通过页面分享、或者扫一扫的形式进行观看。
3.优点
①操作简单,简单拖拽和设置,即可将想法、创意变成产品原型。

②真机设备边框、沉浸感全屏、离线模式等多种演示模式,项目演示效果逼真。

③团队协作,与同事共同编辑原型,效率提升;一键分享发送给别人,分享便捷;还可在原型上打点、评论,收集反馈意见,高效协作。

④简单拖拽就可实现页面跳转,还可通过交互面板实现复杂交互,多种手势和转场效果,可以实现一个媲美真实产品体验的原型。

⑤自动标注及切图将 Sketch 设计稿墨刀插件上传至墨刀,将项目链接分享给开发人员,无需登录可直接获取到每个元素宽高、间距、字体颜色等信息,支持一键下载多倍率切图。

⑥内置丰富的行业素材库,也可创建自己的素材库、共享团队组件库,高频素材直接复用。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/708440.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

前端传递不同格式时间后端统一转化

这几天遇到了一个问题,就是我后端再接受查询条件的时候,关于条件我都是用 TimeQuery 来接受的,但是因为前端的比较混乱,就导致了有些传参是年月日,有些传参是年月日时分秒格式,就导致我后端一直出转化异常的错误,当时就是叫前端传参都用下统一的格式 package com.state.…

XYCTF2024

XYCTF2024 warm up 又是md5 源码 <?php include next.php; highlight_file(__FILE__); $XYCTF = "Warm up"; extract($_GET);if (isset($_GET[val1]) && isset($_GET[val2]) && $_GET[val1] != $_GET[val2] && md5($_GET[val1]) == md5(…

一文彻底整明白,基于Ollama工具的LLM大语言模型Web可视化对话机器人部署指南

在上一篇博文中,我们在本地部署了**Llama 3 8B**参数大模型,并用 Python 写了一个控制台对话客户端,基本能愉快的与 Llama 大模型对话聊天了。但控制台总归太技术化,体验不是很友好,我们希望能有个类似 ChatGPT 那样的 Web 聊天对话界面,本博文就安排起来……在上一篇博文…

常见Windows图标和缩略图问题的解决方法 steam图标变白、变地球

常见Windows图标和缩略图问题的解决方法 steam图标变白、变地球原文地址:https://itxiaozhang.com/common-windows-icon-thumbnail-issues-solutions/ 此教程配合视频学习效果最佳,视频教程在文章末尾。Windows桌面图标问题指南 在使用Windows操作系统时,我们经常会遇到各种…

使用GET方法访问网站

使用GET方法访问网站 服务器接收get参数 server.pyimport flask app = flask.Flask(__name__) @app.route(/) def index():province = flask.request.args.get(province)city = flask.request.args.get(city)print(province, city)return province+","+citydebug=Tru…

m基于BP译码算法的LDPC编译码matlab误码率仿真,对比不同的码长

1.算法仿真效果 matlab2022a仿真结果如下:2.算法涉及理论知识概要低密度奇偶校验码(Low-Density Parity-Check, LDPC)是一种高效的前向纠错码,因其优越的纠错性能和近似香农限的接近程度而广泛应用于现代通信系统中。LDPC码的编译码算法众多,其中Belief Propagation(BP)…

免费解锁Windows 11的HEVC支持:轻松播放4K电影的详细步骤

Windows 11的HEVC支持Windows 11 安装完成后,用电影和电视这个应用打开4K或者8K的MP4文件时,提示缺少解码器 以下就是本人解决过程 第一步:查找HEVC扩展的Microsoft Store页面 (本人直接浏览器打开:https://apps.microsoft.com/,搜索HEVC扩展,得到以下页面)复制地址栏的…

轻松玩转Python文件操作:移动、删除

哈喽,大家好,我是木头左!Python文件操作基础 在处理计算机文件时,经常需要执行如移动和删除等基本操作。Python提供了一些内置的库来帮助完成这些任务,其中最常用的就是os模块和shutil模块。这两个模块包含了许多与文件和目录操作相关的函数。 理解os模块 os模块是Python中…

解决Python执行命令时路径空格引发的困扰

哈喽,大家好,我是木头左!在编程实践中,常常需要通过Python执行系统命令,这包括调用外部程序、脚本或是其他命令行工具。然而,一个看似简单却常被忽视的细节——文件路径中的空格,可能会导致程序意外崩溃或行为异常。本篇文章将深入探讨当路径中包含空格时,如何在Python…

Winform窗体的属性页没有显示筛选框

新建一个Wiform项目,在新窗体中添加了一些Button、TextBox,然后查看这个窗体的属性页,发现属性页上方没有属性筛选框 如果你装了Dev Express,那么在窗体上放置一些Dev的控件,发现属性出现了筛选框 然后尝试一下创建一个Dev窗体DevExpress.XtraEditors.XtraForm,仍然不会出…

视觉Mamba的多向扫描策略真的有效吗?

前言 本文对主流的扫描方向及其组合对遥感图像语义分割的影响进行了全面的实验研究。通过在LoveDA、ISPRS Potsdam和ISPRS Vaihingen数据集上广泛的实验,我们证明了无论其复杂性或扫描方向的数量,没有一个扫描策略能够显著优于其他策略。所以对于高分辨率遥感图像的语义分割,…

【论文笔记-55~】多语言实体对齐

2012~2018 Multilingual Knowledge Graph Embeddings for Cross-lingual Knowledge Alignment 文章核心观点: 这篇文章介绍了一种名为MTransE的多语言知识图谱嵌入模型,旨在实现跨语言知识对齐。该模型由知识模型和匹配模型两部分组成,其中知识模型采用TransE对每个语言的实…