如何用线条做产品

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

我们首先明确两个定义：

原型的定义：

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

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

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

原型设计的定义：

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

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

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

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

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



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

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

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

2. 所需的时间和精力；

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

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

5. 价格和学习曲线。

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

希望对你帮助~

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

㈡ 想知道用CDR怎么画出产品的线条图

CDR中氏知使用贝塞尔曲线（PS中交钢笔，CDR中这么叫）

如果想节省工序，就在PS中使用阈值或竖培通过将图片处理为线条画后导入CDR中，然后使用查找-全部线条，然后一点点修饰好。（将导入的图片放在下层并且调整透明度后锁定余核唯）