首页 > 其他分享 >常见原型设计工具介绍-00-overvuew

常见原型设计工具介绍-00-overvuew

时间:2024-04-08 12:55:37浏览次数:27  
标签:00 overvuew 介绍 原型 io 软件 设计 工具

拓展阅读

常见免费开源绘图工具

OmniGraffle 创建精确、美观图形的工具

UML-架构图入门介绍 starUML

UML 绘制工具 starUML 入门介绍

PlantUML 是绘制 uml 的一个开源项目

UML 等常见图绘制工具

绘图工具 draw.io / diagrams.net 免费在线图表编辑器

绘图工具 excalidraw 介绍

绘图工具 GoJS 介绍 绘图 js

原型设计工具介绍-01-moqups 介绍

常见原型设计工具介绍

工具概览

  • 01 墨刀

  • 02 Figma

  • 03 Moqups

  • 04 Axure RP

  • 05 Proto.io

  • 06 POP from Marvel

  • 07 InVision

  • 08 Justinmind

  • 09 UXPin

  • 10 Balsamiq

常见的

1. Proto.io
2. Moqups
3. UXPin
4. Balsamiq Mockups
5. JustinMind
6. FluidUI
7. Axure
8. Mockflow
9. Protoshare
10. Wireframe
11. WireframeSketcher
12. Omnigraffle
13. Pidoco
14. FlairBuilder
15. iPhone Mockup
16. HotGloo
17. InVision
18. Mokk.me
19. iPlotz
20. Pencil Project
21. Sketch

墨刀

墨刀是一款高效的在线原型设计工具,支持移动端、Web端及网页端的产品原型设计。

无需下载,通过浏览器即可操作,同时支持软件下载,随时随地进行设计与模拟。

学习难度低,自带的强大素材库和简洁的设计界面,可帮助快速构建产品原型。

Figma

Figma是一款在线设计协作平台,支持团队协作并实时同步,能够无缝衔接产品、设计与研发。

无需下载,打开浏览器即可使用,同时也提供桌面端。

但是缺点是没有中文版,由于服务器在国外所以国内使用起来加载很慢,另外Figma主打设计,原型交互这块比较基础。

Moqups

Moqups是一款在线设计平台,基于Web架构,支持在网页端进行原型设计,能够轻松管理设计规范和资源。

上手快,可实现团队成员间协作的无缝链接,减少沟通成本。但是这款无法进行平面设计,没有矢量工具。

Axure RP

Axure RP是一款专业的快速原型设计工具,拥有强大的组件库,可快速完成产品或Web线框图、流程图及原型设计,需要下载电脑端软件使用,支持Window、Mac OS系统。

但过于专业庞大的软件功能架构,对新手要求较高,需要花费较多时间在学习上。

Proto.io

Proto.io是一个基于浏览器的原型设计工具,无需安装即可使用。

有丰富的原型组件,能够实现多种交互效果,预览、分享、评论这些基础功能也都有。

POP from Marvel

POP的全程是“Prototyping on Paper”,这是一个Android和iOS的app。

现在仍然有人喜欢在纸上画自己的原型,这个app就可以帮助你把纸上的草图变成电子版的原型,你只需要按顺序拍下你的草图即可。

但是这个的缺点是只能够支持低保真的原型,无法进行高保真原型创作。

InVision

InVision是一款界面交互设计软件,内含丰富的视觉设计功能,帮助快速建立原型。

完成具有一定交互效果的原型设计后支持研发人员进行测试,适合团队使用。

Justinmind

Justinmind与主流的交互原型设计工具相比更适合设计移动终端上APP的应用。

如果你是刚入门的设计师,这款工具对你具有一定挑战性。

UXPin

UXPin是基于Web的原型设计工具,能提供强大完整的设计流程。不过因为功能复杂,上手需要一定时间。

Balsamiq

Balsamiq是一款可快速绘制原型草图的原型图绘制工具。就像是用笔和纸绘制,界面简洁,上手快,适合低保真原型这种需要快速产出的产品原型。

如何选择适合自己的原型设计软件?

没有最好的原型设计产品,只有最合适自己的。

以上10款原型设计软件各有特色,在选择时,我们需要从多个维度综合考虑,挑选更适合团队的原型设计软件。

1、使用场景:最终交付的产品是应用在哪些场景里,是否需要高保真度、交互性需求、原型设计所需的时间等等,都需要综合考量之后,再挑选最适合自己适用习惯和特性的。

2、价格:很多原型设计软件都能够免费使用基础功能,根据设计需求思考是否需要对某些原型设计软件进行付费开通提高工作效率和质量的功能。

3、从是否需要多人协作,支不支持手机预览或能否下载apk文件进行简单模拟的角度出发进行挑选。

标签:00,overvuew,介绍,原型,io,软件,设计,工具
From: https://www.cnblogs.com/houbbBlogs/p/18120879

相关文章

  • 野外监测图传解决方案 l 自定义数据回传最大200倍压缩,天通野外摄像机PS02
    在物联网时代的巨大浪潮中,我们见证了技术的飞速发展和应用的广泛渗透。然而,传统的人工巡检方式在这一进程中显得越来越力不从心,其效率低下和响应迟缓的问题日益凸显。在许多情况下,人工巡检无法实时捕捉到潜在的风险和异常情况,常常是在事故发生后才能察觉,这种滞后性严重制约了......
  • 假设a=3’b101,b=3’b001,下列描述错误的是()。
    选项:A、~^a=1'b0B、a<<2=3'b100C、(a<b)?1:0=0D、{3{2'b10}=6’b101010答案:A解析:归约操作符包括:归约与(&),归约与非(&),归约或(|),归约或非(|),归约异或(),归约同或(~)。归约操作符只有一个操作数,它对这个向量操作数逐位进行操作,最终产生一个1bit结果。~^a=~(1'b1^1'b0^1'b1)=~(1......
  • 工程师首选:PW2202 NMOS管,200V1A/2A高效稳定,引领行业新潮流
    在当今日新月异的电子科技领域,功率开关电路的设计和应用对于整个系统的性能至关重要。PW2202硅N沟道增强型VDMOSFET以其独特的优势和卓越的性能,在各类功率开关电路中发挥着不可替代的作用。接下来,我们将从描述、特点和应用三个方面,深入剖析PW2202的优异表现。首先,PW2202硅N沟道增......
  • P1002 [NOIP2002 普及组] 过河卒
    题意:卒子过河,有个马,问安全到达终点的路径有多少条。起点在0,0。每一步可以往右或者往下。思路:处理出马的看守点,然后暴力。。看了一下暴力会TLE。400^2.直接dp转移即可。总结:不知道这个还要开longlong,哎。!voidsolve(){pair<int,int>destination;vector<pair<int......
  • 【漏洞复现】Telesquare TLR-2005KSH路由器 cgi-bin接口处存在RCE漏洞
                            免责声明:文章来源互联网收集整理,请勿利用文章内的相关技术从事非法测试,由于传播、利用此文所提供的信息或者工具而造成的任何直接或者间接的后果及损失,均由使用者本人负责,所产生的一切不良后果与文章作者无关。该文章仅供学习......
  • WebSocket manager.js:115 GET http://IP:8000/socket.io/?EIO=4&transport=polling&t
    前言全局说明WebSocket报错net::ERR_CONNECTION_TIMED_OUT一、问题:WebSocket报错net::ERR_CONNECTION_TIMED_OUT二、原因:可能和后端的服务链接不上导致的三、解决方法:重启启动后端服务免责声明:本号所涉及内容仅供安全研究与教学使用,如出现其他风险,后......
  • 已解决:youdao翻译 status code:200,text:{“code“:50}
    终于终于解决了,话不多说,上图:当然,返回的448字节的字符(text),通过解密解析后,从中挑出翻译结果,然后print即可。ifres.status_code==200:result=get_text(res.text)#解析返回加密字符result_1=json.loads(result)print("翻译的结果是:",result_1['translate......
  • CF1800-2200
    CF1575KKnittingBatik首先不难分析,如果两个矩形不相交,方案数为\(k^{nm-rc}\);如果两个矩形完全重叠,方案数为\(k^{nm}\)。对于两个矩形不完全重叠的情况,显然在两个矩形之外的部分可以随意涂色,重点考虑两个矩形之间的一些限制。对于第一个矩形,在不与第二个矩形相交的部分没有限......
  • 电子元器件选型与实战应用—11 5000字介绍,三极管的选型和常用电路
    文章目录1.简介2.带阻三极管2.1带阻三极管和普通三极管区别2.2电路案例讲解带阻和普通三极管区别3.三极管常用电路解析3.1三极管门电路3.1.1三极管非门3.1.2三极管与门3.1.3三极管或门3.1.4三极管与非门3.1.5三极管或非门3.2稳压电路......
  • 观察下面的代码,假设a的值为01000,则b的结果为()。
    inputsigned[4:0]a;outputsigned[4:0]b;assignb=a>>>1;选项:A、00100B、01100C、00010D、01010答案:A解析:对于有符号数来说:若符号位为1,使用>>>,高位补1;若符号位为0,使用>>>,高位补0;对于无符号数来说,无论最高位是什么,使用>>>,高位都补0。易错点:有符号(signed)、无符......