原型设计

⑴ 原型设计有什么要点么

学习ui设计，原型架构图的设计最主要的还是要理清楚客户的需求，如果客户需求分析不到位，是无法动工画原型架构图的
画原型图不是什么困难的事情，理解客户需求，分析客户的需求才是要点呢

⑵ 有比axure更好用的原型设计吗

转载的，你可以看看。

《你知道Axure做交互能有多慢？》

Axure在笔者心目中是一款伟大的老牌产品。对于从2003年就开始专注在原型设计工具这个领域的专家，笔者非常敬重。本文并无猥亵之意。

当然，这个“伟大”仅仅限于英文中的那个“great”，而非中文的“伟大”。老外是很容易说“great”，那么就用这个词给它。咱们国人的“伟大”其实不能随便给，所以得废话两句来说明。

说正题，交互设计是我们原型设计中很重要的一部分， 是否能够快速搞定？设计的效率如何？是否简单易用？很大程度上决定了我们在原型设计上花费的时间和成本。

Axure做交互有多慢？

快慢是相对的，我们不妨用另一款工具做个对比吧，既然Mockplus和Axure都自称“快速原型设计工具”，那我们就来看看。

问题1：设置交互有多慢？

设置交互，是完成一个交互设计的开始。

Axure - 弹窗筛选，多步设置

做任何一个交互，需要在图中的弹窗中，在一堆事件和一大堆的页面组件中去找到一个交互目标。

我看过几本关于Axure的书籍，其中都提到一个“精要”，就是反复提醒你：在做交互的时候，一定不要忘记给每个组件取个名字——为什么呢？因为做交互的时候不好找。

在最新的Axure 8 中，特意把设置组件名字的输入框单独放出来，然后做得很大，就是要善意地告诉你：“哥，别忘了先取名字哦，不然，到时候你找不到哦”。

重要的事情说三遍，咳，咳。

结语

当你计划去设计一个网站或者App时，可能会选择那些“尽人皆知”的原型设计工具，它们很“强大”。可是，在其面面俱到的背后，我们看到了缓慢、臃肿、复杂、难懂——其实，我反而认为简单快速就是强大。

用最小的代价得到你要的，这个，就是我们经常唠叨的“用户体验”。

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

我们首先明确两个定义：

原型的定义：

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

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

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

原型设计的定义：

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

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

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

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

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



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

又选择什么工具来制作原型？主要考虑以下几个因素（排名分先后）：

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

2. 所需的时间和精力；

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

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

5. 价格和学习曲线。

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

希望对你帮助~

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

⑷ 常用快速原型设计工具大比拼，原型设计工具哪个好用

“好用”这个词本身就带有主观性。只要自己熟悉的，并且掌握好的都是“好用”。只能给你推荐目前比较常用的原型设计工具，如：Axure、墨刀、uidesigner、Sketch等等。

⑸ 名词解释：什么叫软件原型

软件原型(software prototype)是软件的最初版本，以最少的费用、最短的时间开发出的、以反映最后软件的主要特征的系统。

它具有以下特征

1、它是一个可实际运行的系统

2、它没有固定的生存期。一种极端是扔掉原型（以最简便方式大量借用已有软件，做出最后产品的模型，证实产品设想是成功的，但产品中并不使用）；

另一种极端是最终产品的一部分即增量原型（先做出最终产品的核心部分，逐步增加补充模块），演进原型居于其中（每一版本扔掉一点，增加一点，逐步完善至最终产品）。

3、从需求分析到最终产品都可作原型，即可为不同目标作原型。

4、它必须快速、廉价。

5、它是迭代过程的集成部分，即每次经用户评价后修改、运行，不断重复双方认可。

(5)原型设计扩展阅读

在"需求分析"、"原型设计"两个阶段中，开发者和用户一起为想象中的系统的某些主要部分定义需求和规格说明，并由开发者在规格说明级用原型描述语言构造一个系统原型。

它代表了部分系统，包括那些为满足用户需求的必要属性。该原型可用来帮助分析和设计工作，而不是一个软件产品。

在演示原型期间，用户可以根据他所期望的系统行为来评价原型的实际行为。如果原型不能满意地运行，用户能立刻找出问题和不可接受的地方，并与开发者重新定义需求。该过程一直持续到用户认为该原型能成功地体现想象中的系统的主要部分功能为止。

在这期间，用户和开发者都不要为程序算法或设计技巧等枝节问题分心，而是要确定开发者是否理解了用户的意思，同时试验实现它们的若干方法。

有了满意的系统原型，同时也积累了使用原型的经验，用户常会提出新目标，从而进一步重新原型周期。新目标的范围要比修改或补充不满意的原型大。

⑹ 产品经理该不该画原型原型设计上谁负责

如果是放到以前，我不建议你去画原型，因为画原型是非常耗时间的，而且客户需求并不能很好地表达出来，导致画出来的原型改了一遍又一遍，作为产品经理，时间肯定不能放到这里。
但是现在市面上有很多原型设计工具，可以在工具内拖拉拽模块或者通过大量模版集合，现场快速生成产品模型，可视化操作让客户思维得以具现化，高保真度还原需求，同时支持团队协作办公，需求即提即改，大大缩短交流成本和交付周期。
我常用的原型设计工具有v-proto，自己对比一下使用习惯选择合适的原型设计工具。

⑺ 小程序开发如何做原型设计

1.原型设计工具
根据设计者的专业程度，可以将原型设计工具分为两大类，一是专业原型设计工具，二是非专业原型设计工具。专业的原型设计工具常用的就是墨刀和Axure，墨刀是一款在线原型设计工具，其优点是云办公模式，支持协同设计，即时保存，不用担心因电脑断电或故障而导致设计内容丢失，其缺点是组件丰富程度不高。
Axure是电脑端的原型设计工具，其优点是组件丰富，功能比较强大，使用用户群体较大，其缺点是设计内容要及时保存，否则会因电脑断电或故障而导致设计内容丢失，给用户带来一定的困扰。非专业的原型设计工具有PPT和纸，PPT也是一个简单的制图软件，能让用户实现简单的原型设计，其优点是简单易学，缺点是页面交互功能不强；纸是大部分用户都可以用的原型设计工具，其优点是简单方便，专业和非专业的人士都可以通过纸将原型想法表示出来，缺点是保存和后期使用不方便。
2.原型设计的内容
原型设计主要包括三个方面的内容：一是页面设计，二是交互设计，三是备注设计。页面设计是原型设计的主要内容，包括对产品所有页面的原型设计；交互设计是指页面与页面之间的链接和跳转；备注设计是指对页面设计，交互设计，程序功能，跳转结果，出错提示等的设计。
原型设计是产品需求设计与UI设计之间的桥梁，是产品开发的一项重要基础工作，直接决定了产品界面的布局，影响产品的使用效果。

⑻ 原型设计的简介

原型设计：

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

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

原型设计的目的：

1. 原型设计的核心目的在于测试产品，没有哪一家互联网公司可以不经过测试，就直接上产品和服务。

2. 原型在识别问题、减少风险、节省成本等方面有着不可替代的价值。

3. 虽然需求文档也是可以满足沟通需求的，通过用例将交互写到设计描述文档中，但是原型可以更详细地解释交互。

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

希望对你有帮助~欢迎追问~

⑼ 请问：什么叫原型设计工具

是在项目分析阶段，用来做页面模板的，用它做出静态HTML很方便，可以直接用鼠标拖出要用的组件，放在相就的位置上就可以了，也可以实现简单的页面跳转，在初期阶段可以用它来对整个业务流程作出页面上一些简单的功能，基本上的工具都可以导出生成HTML代码，用原型工具做出的页面直观而且比较美观，总之用原型设计工具做简单的页面开发很方便就对咯，我现在也只是刚开始用，现在用的是GUI Design Studio，很强大的工具。

⑽ 标题：原型设计中的低保真原型和高保真原型区别是什么

“原型”对创造成功的用户体验至关重要。但是对许多产品团队来说，原型仍然是UX设计过程中最令人困惑的部分之一。毫无疑问，原型可以是任何东西，从一系列代表app的不同界面或状态的纸质草图，到功能齐全、像素完美的app。

同时，了解原型设计主要与产品研发速度有关—目标不是创建可重用代码，而是尽快落地一个可交互的设计。

先说什么是低保真原型和高保真原型之前你要先明白下面的几个问题。

什么是“原型”？

我们经常在不同的背景里看到“原型”这个词。 由此，我们很可能已经混淆它的真正含义。

它最基本的含义：原型是设计想法的表达。原型让设计师们得以展现他们的设计，以及模拟真实的使用场景。在数字化的背景下，原型能够模拟用户与界面之间的最终交互行为。根据产品团队的需求，原型可以模拟整个app或仅单个交互行为。原型可以模拟最终产品的运作方式。它支持产品团队测试其设计的可用性和可行性。也有很多人将原型与草图，线框图和模型混淆，实际上它们不同于原型。“交互性”这个概念是原型的根本，因此这就是为什么草图，线框图和模型不能被视为“原型”的理由。

为什么我们需要原型？

做原型主要是为了在做实际产品之前测试设计（和产品创意）。 是否进行测试与产品的成功直接相关。 不用想，当产品在市场上上市，人们开始使用它时，你的设计将被用户测试。如果这是首次测试，则很有可能会有来自用户的负面反馈。因此，在低风险的研究阶段和公开发布之前收集产品反馈，总是更好。

以下是需要原型的两种情况：

• 确保设计理念按预期进行。 在大多数情况下，让实际用户测试产品概念是相对容易的。一旦用户拿到一个可以交互的产品原型，产品团队就能够看到目标受众是如何使用该产品。 根据这些反馈，可以调整初始理念。

• 确定用户能够顺利地使用产品。原型的必要性是在产品发布前发现和解决可行性问题。它能测试出产品需要改进的地方。这也是之所以那么多产品团队创建原型，让用户测试它们，并迭代设计直到它足够好的原因。

什么是“保真度”？

原型不一定要看起来像最终产品——它们可以有不同保真度。原型的保真度指的是它如何传达最终产品的外观（也就是指它的细节和真实感级别）。

保真度可以在以下方面有所不同：

• 视觉设计

• 内容

• 交互性

原型的类型有很多，基本介于这两种类型之间。

• 低保真

• 高保真

产品团队根据原型设计的目的、设计完整性和可用资源来选择原型的保真度。

低保真原型

低保真（lo-fi）原型设计是将高级设计概念转换为有形的、可测试物的简便快捷方法。它首要的也是最重要的作用是——检查和测试产品功能，而不是产品的视觉外观。

一个高保真交互式原型, 通过墨刀制作

高保真原型的基本特征包括:

• 视觉设计：逼真细致的设计 – 所有界面元素、间距和图形看起来就像一个真正的app或网站。

• 内容：设计人员使用真实或类似于真实内容。原型包括最终设计中显示的大部分或全部内容。

• 交互性：原型在交互层面非常逼真。

优点

• 可用性测试期间获取有意义的反馈。对于用户来说，高保真原型通常看起来像真正的产品。这意味着，在可用性测试会话中，测试参与者将更有可能自然地表现——就好像他们正在与真实产品交互一样。

• 对特定 UI 元素或交互的测试。借助高保真交互性，可以测试平面元素，或特定交互, 比如动画过渡和微交互。

• 轻松获得客户和利益相关者的认同。这种类型的原型也适合向利益相关者演示。它使客户和潜在投资者清楚地了解产品应该如何工作。一个优秀的高保真原型让人们对你的设计感到兴奋，但低保真的原型则不然。

缺点

• 成本较高。 与低保真原型相比，创建高保真原型意味着更高的时间成本和财务成本。

热门技术