原型设计工具怎么设计原型？怎么学Axure网站原型设计的问题

本文目录

• 原型设计工具怎么设计原型
• 怎么学Axure网站原型设计的问题
• 提供几款界面原型设计软件（界面原型设计工具）
• 原型设计是什么，该怎么使用它
• 原型制作的方法
• 什么是原型制作
• 有哪些好用的、设计手机界面原型的软件

原型设计工具怎么设计原型

摘要：原型设计是一项标准化的流程，使用原型设计工具设计产品原型时，具体的流程一般是明确原型的目的→了解用户或听众→选择原型类型→制作原型→呈现和验证原型→反馈和改进原型。在使用原型工具时，有的设计师会陷入一些误区，如直接画原型、过分追求完美的原型、不按规范设计等，这些都是要注意避免的。下面一起来了解一下原型设计工具怎么设计原型吧。一、原型设计工具怎么设计原型
原型设计工具用于进行原型设计，不同的用户，不同的目的选择的原型保真度和制作原型流程也会不同，使用原型设计工具时，具体的设计流程是：
1、明确原型的目的
使用原型设计工具进行原型设计之前，先明确这次原型设计的目的是什么。是为了明确产品方向？探索解决方案？还是验证问题或假设？
（1）明确产品方向：不知道如何下手设计产品，这个时候，可以采用MVP最小可用原型的方法，用最小的工作量制作一个简易原型，模拟用户实际业务操作流程，让原型代替流程中每个环节的操作界面，最后将原型交付用户进行测试验证是否用户所需的。
（2）探索解决方案：主要是找到问题和探索如何解决问题。针对问题，可以发散多个解决方案，将类似的方案进行分类组合，对方案的优劣势和价值进行评估和排序，制作简易的原型，最后找出最佳的解决方案。
（3）验证问题：主要是优化产品或修复问题。找到需优化的问题，选择原型保真度，构建原型和测试原型。
2、了解用户或听众
基于原型不同的目的，我们需要选择不用用户沟通群体是谁，沟通目标是什么。获得利益相关者认可？向客户推销产品？获得设计师交互和视觉反馈？还是跟研发确认设计效果？不同对象，背景不同，了解他们对产品的熟悉程度，向用户或受众演示原型，让他们知道你的目标是什么，并记录演示过程中的反馈。
3、选择原型类型
基于原型不同的目的、受众和产品所处的阶段，我们需要选择不同保真度的原型进行展示和沟通。
4、制作原型
基于前期的信息架构和草图，制定低保真、中保真或高保真的原型界面，其界面内容取决于信息架构规划和设计。草图一般用白板、纸张即可，线框图则使用各种原型设计工具完成。原型展示的信息无非就是信息导航、信息分类、信息搜索、信息布局和常用的增删改查等。
5、呈现和验证原型
将原型呈现给团队、利益相关人以及用户，采用不同工具进行测试和验证。我们可以两人一组，在测试中，不要过多的引导用户，观看用户的使用路径，当用户偏离路径太远时，也不要过快纠正他们，你可以从中获得用户的预期。一般情况，选择3-6人左右进行验证，倘若人数不够，也可以再多选择几个用户进行验证。验证后，汇总所有的验证资料，分析和总结所有用户共性的问题和用户关注点。
6、反馈和改进原型
针对原型验证的问题，如何解决验证出现的问题？这里需针对这些问题进行新的一轮讨论和方案制定，重复前面的原型制定和验证过程，保证设计的原型是用户所需
二、使用原型设计工具有哪些误区
原型设计是一项标准化的流程，实际工作中背景不同，情况不同，使用原型设计工具时，很多设计师朋友都会陷入一些误区，导致使用不当。原型设计工具使用常见误区有：
1、认为不需要信息架构，直接画原型
这种没有前期的信息组织和分类的过程，往往画出的原型不是用户最想要的，需要经过多轮的修改和调整，浪费时间。
2、过分追求完美的原型
产品原型设计工具并不需要设计太过完美，毕竟只是一个原型，如果不注重产品阶段，不关注受众，花大力气将原型的细节都描绘的十分清楚，这种情况一旦没有抓住用户需求，就是牵一发而动全身的调整，耗时耗力。
3、原型设计随便画一画，不按规范来
有些设计师，不讲究原型规范性，画出的原型丑陋不堪，虽然在一定程度上是不会影响工作。但作为产品的你，交付这样的原型给团队，不仅显得工作能力不行，而且耽误对方的工作。
总的来说，使用原型设计工具进行原型设计要注意正确使用，遵循一定的设计规范，尽量保持原型图的美观整洁。

怎么学Axure网站原型设计的问题

学习axure rp可以分为以下几个阶段：
一、新手级：
是指刚刚接触原型设计，这个时期主要是打基础。先熟悉AxureRP的工作台，有哪些功能及组件，以及一些基本的操作，弄清楚每个组件是干什么用的。
在新手阶段，主要还是以熟悉为主，可以去网上找点前人总结的经验。再者就是要自己尝试着去用一遍里面的功能，可以做一些简单的页面原型，可以是没有任何交互的，也可以是带点交互的。
二、学徒级：
等到熟悉了AxureRP的所有功能之后，要开始实际应用其去设计一般的中低保真的原型了。光知道组件怎么用了还不够，还要配合交互事件，交互动作，条件判断，甚至是变量一起去实现某个交互的功能。如果说新手阶段是打基础的阶段，那么这个阶段其实就是一个融会贯通的过程，把所掌握的知识活学活用，真正的结合起来去实现一个整体的原型设计要求，这样才能掌握AxureRP的核心功能。
这个阶段的学习前期主要是模仿为主，首先要能看懂别人做的原型实例，看看人家是怎么设计的，然后依样画葫芦，自己动手做一个。
三、大师级
AxureRP自身所带的交互事件和动作已经能实现现有产品层面上的大部分交互效果，只要做基本上都可以用原型来实现。这个阶段可以试着做一些实现起来比较困难的实例，并可以尝试着开始做一些整站或者整体产品的效果，前面都大多停留在单个页面，单个实例的原型设计上，这里就要求能完成更整体的效果，出来的是一个产品的完整的原型。
最后要说明一下的就是，AxureRP只是一种原型设计工具而已，做交互设计最重要的还是想法，工具只是用来帮实现想法的。不必过于追求技术，不必过于追求视觉表现。把握好整个产品方向的同时，应专注于交互流程、页面内交互、布局结构的创新和优化。按照上面坚持下去，学习axure不在难！

提供几款界面原型设计软件（界面原型设计工具）

做界面设计如果没有好的工具进行辅助，那只会导致事倍而功半。下面推荐几款不错的界面原型设计软件：

界面原型图绘制工具Pencil

Pencil是一款开源的原型图绘制工具，手绘风格的，就像自己在纸上画的那样。Pencil还可以用来绘制各种架构图和流程图，同时还提供Firefox的插件。

开源原型设计工具Framer

Framer是一个开源原型设计工具，使用编写。支持动画效果和交互操作。

基于HTML的界面原型库Shireframe

Shireframe可通过HTML实现界面原型的绘制。基于AngularJS和jQuery驱动，使用RequireJS进行模块加载，使用Bootstrap进行展示

原型制作软件AxureRP

AxureRP是一个快速原型制作软件，由美国AxureSoftwareSolutions,Inc.公司开发。AxureRP能让操作它的人快速准确的创建基于Web的网站流程图、原型页面、交互体验设计、标注详细开发说明，并导出Html原型或规格的Word开发文档。

软件界面原型设计工具UIDesigner

UIDesigner，简称“UID”，是一款进行软件界面原型设计的工具。它拥有强大的模板和预制功能，能够快速的搭建起软件界面的高保真原型。可以实现设计师、产品经理、程序开发工程师三者间的快速沟通，减少不必要的工作内耗。

产品原型设计工具Mockup

Mockup是一款手绘风格的产品原型设计工具，在短短的几分钟内，用户可以创建一个模型。采用Vala语言开发。应用程序使用从工具条中拖放对象到虚线带白色区。

产品原型设计工具BalsamiqMockups

BalsamiqMockups是产品设计师绘制线框图或产品原型界面的利器。在产品设计的需求阶段，低保真的线框图或者草图设计介于产品流程设计与高保真DEMO设计之间，在BalsamiqMockups出现之前，流程图可以使用Visio，高保真DEMO可以使用Axure，但我们并没有好用的草图设计工具；在产品设计管理中，我们通常在产品的业务流程和数据流转已经相当明确时才开始进一步考虑产品的结构层和框架层，虽然此时纸、笔、白板都是非常简单方便的交流工具，但是他们的最大劣势就是——很难将有价值的原型保存下来。BalsamiqMockups的出现完美的解决了这个问题。

最后需要说的是，无论是推崇手绘，还是喜欢原型软件，做界面设计最重要的还是想法，工具只是用来帮助实现想法的。不必过于追求技术，也不必过于追求视觉表现，有时只需要专注于产品逻辑、页面交互、布局结构这些，其余的就交给美工。

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

我们首先明确两个定义：

原型的定义：

原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导至该产品的可用性。

产品原型可以概括的说是整个产品面市之前的一个框架设计。以网站注册作为例子,整个前期的交互设计流程图之后,就是原形开发的设计阶段,简单的来说是将页面的模块、元素、人机交互的形式，利用线框描述的方法，将产品脱离皮肤状态下更加具体跟生动的进行表达.

原型制作的方法

原型制作的方法有很多种，以下是一些常见的方法：
1. 手工制作：简单易行，成本低，但速度慢、精度低，不便于修改。
2. 3D打印：速度快、精度高、可重复打印，但成本高，且打印机的尺寸和材料种类限制。
3. CNC加工：高精度、高质量，但需要较高的成本和专业技术。
4. 软件模拟：可测试产品逻辑、交互和功能，但无法真实表现产品外观和质感，需实际制作和测试。
5. 纸质原型：多出现在开发数字产品的早期阶段，通过制作草图或切割用户界面部分来创建纸质界面，并组装以模拟用户体验。纸质原型简单、低成本，有助于可用性问题解决。
6. 故事板：使用图像来描述解决方案，将产品交互提炼成一系列插画故事呈现，同时与客户进行交流。讲故事的方式可以帮助设计人员快速了解产品应用场景，激发对用户体验的理解，进而围绕用户痛点提出建议。
7. 数字线框图：适合产品设计的早期阶段，能够探索和定义高级用户体验，同时考虑到最终用户的痛点。数字线框图作为设计元素和功能的图示，有助于帮助定义和更好地传达信息层次结构，让参与设计和开发的人员更好的理解设计师的思路和设计的功能点。
8. 交互式原型：一旦定义了用户体验并测试了用户交互流程，就可以开始通过视觉原型或最终产品的高保真版本来关注美学。
原型制作的方法可以根据项目的需求选择不同的方法，不同的方法有各自的优缺点，需要根据项目情况选择合适的制作方法。

什么是原型制作

原型的定义：

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

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

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

原型设计的定义：

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

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

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

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

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

有哪些好用的、设计手机界面原型的软件

废话不多说，直接上干货！

1.Axure8.0

说起设计原型图，在产品经理眼中，Axure绝对是一款经典软件。组件多，交互效果多，高手想做高保真原型图的话，可以玩出花来。如果是低保真原型图的话，那更是不在话下。

2.墨刀

国产软件，收费，但是真好用！有模板，可以快速创建原型图，逻辑流程清楚，熟手的话，一款需求明确、三四十个页面随手拈来，有一会儿就能搞定。墨刀支持标注，同样支持sketch插件，产品设计协同办公，简单方便！

尤其在做手机原型图的时候，墨刀几乎是大部分产品经理的首选之一。

国产经典！

3.sketch

目前只支持mac，轻量级矢量设计工具，一张大画布，让所有图的逻辑清清楚楚，作图也好，切图也好，逻辑也好，都非常好！

对稍微有点设计功底的产品经理来讲，完全可以摒弃原型图，直接用sketch来上手做效果图。说得再狠点，加了颜色那就是第一稿的效果图。

对产品经理的审理和设计功底有要求，大概只有小众的拥有设计功底的PM才敢直接上手sketch这款神器！

4.mockplus

又称为摹客，可以快速设计原型图，业内口碑不错。