建材秒知道
登录
建材号 > 设计 > 正文

有哪些好用的在线界面原型工具,且支持IE

深情的冰棍
端庄的小熊猫
2023-02-15 00:45:07

原型设计是什么,该怎么使用它

最佳答案
彪壮的发卡
笑点低的山水
2025-08-16 01:10:13

我们首先明确两个定义:

原型的定义:

用线条、图形描绘出的产品框架,也称线框图。

交互设计的结果输出,可能是一张纸上的几张图;原型代表着交互设计的结果,当最终实现的时候,交互流程会和原型保持一致;可以理解为草稿或者叫做参照物

原型是一种让用户提前体验产品、交流设计构想、展示复杂系统的方式。就本质而言,原型是一种沟通工具。

原型设计的定义:

线框图描绘的是页面功能结构,它不是设计稿,也不代表最终布局,线框图所展示的布局,最主要的作用是描述功能与内容的逻辑关系。

原型图是最终系统的代表模型或者模拟,比线框图更加真实、细致。

其次,了解原型设计的作用,主要有两点:

沟通: 因为是原型是需求和功能的具象化表达,所以原型可以辅助产品经理与领导、交互、UI和技术的沟通产品思路。虽然需求文档也是可以满足沟通需求的,通过用例将交互写到设计描述文档中,但是原型可以更详细地解释交互。

测试:因为原型相较于UI稿来说修改更方便,所以原型能提高产品经理的功能设计没通过评审时返工的工作效率。没有哪一家互联网公司可以不经过测试,就直接上产品和服务。原型在识别问题、减少风险、节省成本等方面有着不可替代的价值。

(原型设计在产品设计中所处的位置)

设计流程:首先明确产出原型目的以及用户群体,这个原型有多大效率帮助我传达设计或测试设计? 有多少时间做原型?其次需要什么级别的保真程度?

该如何使用原型设计,那么原型设计工具就是必不可缺的。

又选择什么工具来制作原型?主要考虑以下几个因素(排名分先后):

1. 熟悉程度和获得工具的便利度;

2. 所需的时间和精力;

3. 可复用的代码/框架;

4. 为测试创建可用的原型;

5. 价格和学习曲线。

目前比较好用的在线原型设计工具有Marvel,Invision,墨刀等等。

希望对你帮助~

有任何疑问可以追问,满意请采纳,谢谢~