本文目录一览：
线框图、原型、视觉稿需要分这么清楚?
顺便说说我习惯的分类和叫法：一般Mockup就直接叫做快速原型了，这种一般就是无交互的简单线框图；然后用Axure设计出来的一般就是交互原型，是在Mockup的基础上有了可以实际交互的功能；而视觉稿一般就是视觉设计师设计出来的效果了，产品和交互都不插手的（当然交互部分产品和交互设计师职能会出现重叠，这个看公司的岗位配置了）。
线框图和原型在保真度、功能、使用场景及成本上存在显著差异。具体如下：线框图定义与特点：线框图是一种低保真且静态的呈现方式，主要用于表达设计想法。它类似于建筑蓝图，详细描述了如何构建用户界面，包括内容大纲、信息结构、布局以及交互行为的描述。
原型：是包括交互、线框在内的产品雏形。视觉：是根据原型设计的包装，美化，使原型更完整的出现在大众的眼前。
原型图 —— 原型添加更多的界面细节以及交互，已然是相当真实的网页设计模型，能够进行初略的产品演示和测试。视觉图 —— 更进一步丰富视觉、细节以及交互，与最终产品十分接近，方便演示和迭代。当然，设计师设计过程中，使用的工具也会有所不同。
线框图、模型图、原型图的核心区别在于目的、保真度、功能性及使用阶段不同：线框图用于低保真沟通结构，模型图用于高保真展示设计，原型图用于功能测试与交互验证。详细对比目的 线框图：以结构沟通为核心，帮助团队快速理解页面布局、信息层级及功能分布，适用于早期需求对齐。
绘制线框原型图的10个要点,做与不做
例如：我们电子商务网站的产品中，有结账页面，这与许多其他网站类似的。如果你觉得因为一样可以选择不绘制产品这个部门的线框图，而是专注于应用程序中不太明显的部分。其实这样会导致你遗漏交互内容，影响用户体验。所以请避免这样的误区，确保应用程序的每个部分都有线框图。
确保原型图能够清晰传达设计意图，让开发和UI团队能够迅速理解并实现。墨刀实战提速技巧 两秒定位法——善用组件库代替手动绘制 操作演示：a. 在墨刀工作台左侧点击【组件】→【我的】→【新建】（如“电商通用组件”）。b. 将高频组件（如商品卡片、导航栏、弹窗）保存为我的组件。
实际工程中不可能实物多大就画多大的图纸，也就是说电脑内的AutoCAD图形文件它还不是图纸，而仅仅是个图形电子文件，要把它变成实实在在的物理图纸就需要1：n打印出图。
确定需求之后，产品经理会做具体的说明，让交互、UI、开发、测试明确产品需求，明确项目的具体细节。这个阶段里面是最关键的，涉及到需求与产品的对接。PRD文档和线框原型图一般情况都是在这个环节内明确的。
应对原则：商超新增销售费用先不表态，观察局势；亏本买卖坚决不做，明确心理底线；增加产品在商超的上架率；与商超谈判不到最后一刻绝不松口。资源管理：支持误区：经销商对厂方支持存在不需要支持只要裸价运作、支持越大越好、把厂家投入费用当作应得利益省下来就是利润等误区。
用过滤器（filter，简写是fi）最后可以一下把填充和填充的线框轻易的分开，而且画图又不是每天算面积。比方说：行政办公用地层叫做C1行政，商业金融业用地层叫做“C2商业”，消防站用地层叫做U9消防站，公共停车场层叫做“S31停车场”。一般到分类标准的小类绰绰有余了，可以严格的把用地性质分清楚。
