产品必备技能 | 如何画原型

产品当然要会画原型啦~

电商产品底座怎么画_电商产品图怎样怎么做

电商产品底座怎么画_电商产品图怎样怎么做

聊聊怎么画原型吧！

在画原型之前，更重要的事情，就是画 页面流程图 和 信息架构图 ！如你没有这些东西，就开始画原型，那么等着你的就是没完没了的改改改。

页面流程图是以用户视角，看流程合理性。通常适合于跳转比较复杂的产品功能，如电商、社交产品。

为什么要画页面流程：

（1）是交互设计/原型设计的基本依据，是逻辑基础。如果你都没想好页面流转的顺序，那么你画的原型一定不是可以确定下来的版本

（2）代表了用户的作过程，先画页面流程图能迅速发现体验问题。有了页面流程图，你可以设身处地想象用户在使用产品时的作流程，发现其中可能出现的问题

（3）突出页面重点元素与逻辑关系，提升原型的设计效率。很多页面不是全新页面，而是在原有页面做一些修改，如果你知道页面流转顺序，那么会给你画原型减轻很多工作量

页面流程图包含：

（1）四方形：业务流程中的四方形部分，异常流程或弹层通常用菱形表示

（2）流向：主干流向和辅助流向

（3）重点元素：每个流程中，重点要体现和表达的内容是什么

画页面流程图的工具：

（1）Axure：画了页面流程图可以紧接着画原型

（2）ppt：方便讲解

需要注意的地方：

（1）回归业务流程，明确主线：页面流程一定来自于业务流程，一般为业务流程中的方形部分。异常流程一般为弹层或弹窗提示。业务流程画的好，页面流程就简单。

（2）明确页面中的重点元素：功能在页面中，有哪些是需要表现元素。增加异常流程的处理逻辑。增加辅助的帮助页面。考虑下游触发点（按钮/链接/滑动...)。

（3）沟通与优化：首先要尽可能穷举涉及的页面，然后做减法，有些页面合并或删除。通过原型草图，优化调整页面关键元素。与UI、UE、前端研发多沟通会有更好的效果。

页面流程图一般规则：

页面流程图例：

一个具体案例：

业务流程：

页面流程：

主要是分离出了普通用户的作流程，加异常处理。

对于普通用户的关键页面和关键流向：

页面流程图：

（1）分离出5个页面，确定流程流向

（2）固定元素，例如在“1购物车”中，“提交订单”就是下游触发点，点击后流向下一个页面；在“2输入优惠码”中有关键元素“填写优惠码”，另外还有下游触发点“确认订单”...

（3）针对每个页面去画对应的原型图

信息架构图，以产品视角，看包含多少功能点。适合于层级分明的，如音乐产品、客户端、阅读类产品等。

信息架构图例1：

有了页面流程图或信息架构图，现在终于可以开始画原型啦。首先，什么是产品原型设计？

产品原型 ，俗称 线框图 ，大概就是草图的意思吧。它是产品落地的关键点，是从虚拟概念到用户接触的。同时也是产品产出的关键内容，上传下达，上给老板，下给UI、UE同事。

产品从原型到上线的流程：

大公司的产品只需要做手绘和低保真的部分，小公司可能还要交互设计...

案例：

好的原型有什么特点：

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

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

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

常用工具：

（1）纸笔：自己画画，快速学习和定位

（2）白板：多人讨论

（3）软件Axure/Sketch/墨刀：产出正式文档

案例：

（1）研究流程：业务流程->页面流程

（2）确定页面框架：大概确定页面布局和大的框架

（3）画原型：画模块，确定交互细节

注意事项：

（1）尽可能用真实比例、真实文案，使元素更真实，也避免在需求评审时被之一。尽可能真实模拟极端情况，并示例清楚。

（2）紧扣需求主体，不横生枝节。如果原型需要增加新功能，一定要是来源于需求，并且要考虑后端数据来源。

（3）不要上颜色！原型就用黑白灰，不要给UI、UE挖坑

（4）目录树清晰，阅读流畅

（5）保存修改记录，关键修改重新保存文件

画/改原型的时间尽量控制在20%工作时间之内，否则就要问问自己是不是哪里出问题了哦。

产品需求想明白了没？？？

产品流程理清楚了没？？？

手绘草图画了没？？？

手绘草图和Boss确认了没？？？

奇石底座怎么制作

制作奇石底座的过程相对简单，需要准备以下材料：透明玻璃胶或强力胶水、磨砂玻璃或亚克力板、石膏粉或混凝土等。

1.首先将奇石底部洗净并晾干，然后用铅笔在磨砂玻璃或亚克力板上画出奇石的形状，然后用锯子或切割机将其切割成相应的形状。

2.在磨砂玻璃或亚克力板的底部涂上透明玻璃胶或强力胶水，然后将奇石底部粘在上面。确保奇石底部和磨砂玻璃或亚克力板完全贴合，然后将其放置在平坦的表面上，等待干燥。

3.等待玻璃胶或强力胶水完全干燥后，就可以制作底座了。可以使用石膏粉或混凝土制作底4.座。将石膏粉或混凝土倒入底座的模具中，然后将磨砂玻璃或亚克力板插入其中。确保磨砂玻璃或亚克力板的位置正确，然后等待石膏粉或混凝土干燥。

4.等石膏粉或混凝土完全干燥后，就可以将底座拿出来了。此时，您的奇石底座就制作完成了。如果需要，可以将底座喷涂漆，以达到更好的效果。

榨汁机怎么画

榨汁机的画法如下：

准备材料：A4纸、签字笔。

1、画出榨汁机的杯子。

2、画出榨汁机的底座。

3、在底座上画上按钮和显示屏等。

4、涂黑阴影和显示屏的位置。

5、涂黑阴影和显示屏的位置。

榨汁机是一种可以将果蔬快速榨成果蔬汁的机器，小型可家用。它早在1930年由诺蔓·沃克博士（Dr Norman Walker）发明。在此基础上，后来由设计师们改进出不同款式及不同原理的榨汁机。

功能解析：（又称果汁机）做纯果汁。启动机器以后，电机带动刀网高速旋转。把水果蔬菜从加料口推向刀网，刀网的尖刺将果菜削碎，在刀网高速运转所产生榨汁机的离心力的作用下，果渣飞出刀网进入渣盒，而果汁穿出刀网流入果汁杯。

榨汁机保养：

1、榨完果汁后，将榨汁机与电源断开，分离杯桶与主机。先把机器简单清理一下，不要让机器中的果渣等杂物凝结，这样会给接下来的清洁带来一定的麻烦。

2、有条件的可将刀头拆卸下来，但次数不宜过于频繁，刀头处容易缠绕水果及其他食物的纤维或残渣，应先顺着缠绕的方向将残渣拽出，再用水冲洗。

3、家里有废旧的小毛刷或牙刷千万不要丢弃，它们在清理小地方的时候别具功效，这样清洁的效果更好。

4、如果刀头是用来绞肉的话，将剩下的馒头掰成馒头渣，放入搅拌机进行搅拌，这样能够有效吸附肉末等，清洁起来比较干净。

5、外观的清洁比较简单，用抹布擦拭即可，切记不能用水冲洗，或者用硬物刮洗，以免造成表面伤害，底座不能浸入水中，以免电机的绝缘部分被破坏。

沙发怎么画简单又漂亮

首先在两边画出圆圈状的扶手末端，用线条绘出沙发的底座，再画好扶手和靠枕，后面画上沙发靠垫,接着用线条绘出沙发的阴影。接下来给沙发涂上灰绿色和灰色，然后加深沙发、靠枕的阴影颜色,简单又好看的沙发就画好啦!

详细步骤如下：

1、我们首先在两边画出沙发的两边圆圈状的扶手末端，然后用线条绘出沙发的底座，底座画成两层的样子。

2、顺着两边的圆圈往后画出沙发的扶手,扶手与坐垫的交界处加深一下颜色， 再画上三个沙发靠枕。

3、接着在后面画上沙发半圆形的靠垫，然后用勾线笔仔细绘出沙发的阴影和褶皱线条。

4、接下来我们用灰绿色涂一部分沙发, 用深灰色涂出靠枕的阴影，再用灰色涂一部分沙发。

完成以上步骤，简单的沙发简笔画就完成啦!

ug画图怎么在建模里面画装配图

调出装配工具条。

首先新建一个装配空文件。此空文件必须有坐标系。

然后通过装配命令栏里的“添加部件”把各个部件添加进来，这有个要点，首先要选取一个部件作为底座，让其与装配空文件进行坐标系三面对齐约束，这个底座根据产品自己选取，这样对后面的设计很有帮助。然后在添加其他部件与这个底座进行各种约束。

不需要画的啊，把单件装配到一起，然后进入制图模块就可以了，装配图就出来了

1，只能够在装配图里画零件图，在零件图里面是不能够画装配图的

先画好单独的零件图，然后在装配模块里面组合，再出2D图纸

可以直接画的

在左上角功能区域，把装配勾选起来

功能菜单掉出装配功能

直接画，画完了把几何体到组件

把装配图当零件图来画就行了。

直接把组件拖进来即可