原型设计,圆形设计的图案

做产品原型设计有哪些需要注意的问题

1、画原型前先考虑好业务逻辑和交互逻辑。梳理好逻辑关系，在开始原型设计时才不会出现前后矛盾的状况。

2、原型图要规范，简单整洁，主要可以概括为：页面框架要清楚；页面不影响设计；页面元素要统一；页面排版要整齐。

3、原型设计不宜占用过多时间。原型图的意义是为团队成员呈现产品的主要功能和逻辑关系，因此不能为了好看而主次颠倒。对于产品经理来说，在原型设计阶段，只需要使用摹客Mockplus之类的专业工具，就能快速完成原型设计，更多的时间则留给用户需求和产品功能的整理，这样才不会犯本末倒置的错误。

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

原型设计工具，说白了就是能够帮助设计师制作静态或动态网页/App设计模型的工具。

在界面设计初级或中期，为了能够方便和其他设计师讨论、测试产品相关的设计想法，需要利用各种原型工具将产品模型做出来，一个个界面修改和迭代，必要的时候，还可以制作成动态的模型，直接测试，看看可能会有哪些问题或不足等。

而且，现在市场上其实有很多好用的原型工具。就像我们团队用的就是一款叫摹客Mockplus的原型工具。制作原型的时候，不仅提供大量优质模板，还可以直接拖拽各类组件或图标，按需从头快速绘制原型。 交互和动画也可以拖拽添加。 总的来说，使用起来相当简单。

原型设计的原则与过程

整体感受（页面结构清晰、跳转关系明确、与业务流程一致、完整表达用户需求）

独立页面（功能元素明确有序、位置关系清晰、不同状态变化清晰）

交互设计（清晰的交互逻辑、一致的交互方式、界面统一）

手绘——低保真（产品需求明确、流程清晰、先有确认好的手绘）——高保真——UI设计——上线

明确本次需求的用户与场景

认真研究需求的业务流程图

完成页面流程与目录

确定页面框架

确定交互细节、串联

讨论迭代、细节修正

先手绘

真实比例与文案

模拟极端情况

原型不上色

目标树清晰流畅

保存好修改记录

紧扣需求主题，不节外生枝

努力、认真多画

1.完整新产品、新功能、链条长、交互界面与逻辑复杂

需求分析：明确用户、场景、需求问题，以及产品亮点

产品功能：核心流程、信息架构图、版本过程、流程（用户及内容流向、信息交叉）

架构（模块、功能点）、演变（完整的状态需要几个版本、每个版本包含哪些功能模块）。

项目提速：

1.做什么：

进度：控、跟、保进度

资源：协调资源

风险：延期、变更风险预警

2.明确目标、统一思想

明确目标：完成什么产品功能、上线后对各方的收益情况

明确时间：开始及预期结束时间

明确回报：奖励规则

3.拆分项目并公开：

拆分阶段上看板：TO DO,Doing，QA，上线

拆分功能上看板：本项目有哪些功能点、写卡片

功能点责任到人：正在做的功能点，由谁负责，进行卡片登记

4.进度透明：站立会、看进度（表扬和帮助）

5.总结项目：结束总结、营造氛围、解决问题（什么问题、由谁造成）

1.专业度：少改需求；明确功能重点及需求优先级；清晰文档；评审测试用例；测试过程全程参与

2.职业素养：保持冷静的情绪以及客观的情况汇报。不迟到、陪加班、多鼓励、少抱怨、公开透明，保存各项记录，给团队争取提前量。

原型设计的特征

现今原型设计，只要选择好合适的原型设计工具（例如摹客Mockplus）之后，网页或App原型制作并不困难，且拥有以下特点：制作简单快速、交互丰富、可分享、可测试、可真机演示以及可实时协作更新迭代等等。

(六)设计思维之原型设计

原型设计：设计团队基于前三个步骤找出解决方案的过程

好处：有效防止设计师忽略重要元素、避免不准确不合理的假设

应该具备的属性：

1. 成本低 ，模型关注的是产品的某些功能，建议使用随手可得的材料

2. 便于沟通，原型应该易于理解，促进开发人员与需求方的沟通

快速搭建原型能推进方案的优化，从而实现高效的沟通。设计师在思维发散阶段得出最优的解决方案之后，需要在原型设计阶段把它初步呈现。原型设计阶段不是一步达成的，它与需求理解，问题定义，思维发散三个步骤共同构成了思维设计6大步骤中的一个内部小循环，内部反馈跟设计优化是推动小循环的动力。只有原型达到预期设计的目标，才会跳出内部的小循环。

原型设计——用手来思考

第一步：实用工具制作模型

- 不需要原型多精致，只要能表达想法即可

第二步：讨论模型并发现问题

- 原型开发完成之后，让小部分用户和内部人员进行测试，在不同的使用情景分别评估想法的可行性，并及时记录。

第三步：迭代优化

- 基于原型讨论的结果，保留好的设计方案，摒弃差的设计方案，然后根据新的问题重新设计方案，并制作原型进行测试。

例子：IDEO设计公司使用原型设计帮助喜达屋酒店拓展业务

目标：面向年轻时尚城市客户群体的雅乐轩

困难：不知如何验证方案的效果，不kennel为了验证雅乐轩的用户反馈，花巨资装修房屋

解决方案：在网络平台上搭建了雅乐轩的三维模型，用户可以直观看到酒店的装潢、设计以及整体布局，同时还有提问模块允许用户提出意见，设计团队也可以根据反馈进行模型改进。

亮点：这里网站既是接触用户的载体，也是收集反馈的平台

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

我们首先明确两个定义：

原型的定义：

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

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

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

原型设计的定义：

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

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

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

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

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

（原型设计在产品设计中所处的位置）

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

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

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

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

2. 所需的时间和精力；

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

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

5. 价格和学习曲线。

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

希望对你帮助~

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