PM如何快速完成并交付视觉需求？

PM如何快速完成并交付视觉需求？

很多pm认为画视觉稿是视觉设计师的事，所以很懒，不给对方视觉要求。最后，项目验收发现缺少一些可视草稿，或者绘制的可视草稿与PM规定相差很大。引入我自己研究的快速交付视觉需求的科学方法论，绝对值得学习。

只有PM把所有的视觉需求交给视觉设计师，视觉设计师才能全面掌握PM的设计理念，不容易遗漏相对的线路图。

一、必须交货的內容

PM这种新手，很可能简单的把所有原型都扔给视觉设计师，很可能当前版本号和所有版本号没有区别。它也没有区分线框和交互图。视觉设计师只是自己去揣摩，极其主动的去问你。

如果你的PM经验比较丰富，你至少会把视觉需求从朴素的原型(线框的交互逻辑)中分离出来，分离到每个版本号中，根据其特点分为以下几个部分:

增加的线框图提升的线框图原来线框图增加的视觉控件原来线框图提升的视觉控件

对于删除的部分，PM可以立即与前端开发沟通。

二、怎样交由视觉设计师

点击折线图自动跳转到对面页面查看详情。线框的一部分中间有关系，应该用线框来表示。点击网址立即查询试听。

我相信很多PM都画过类似的原型视觉稿，然后交给视觉设计师。

一般的作法

在Axure中创建一个新页面，然后将必要的线框及其控件复制到这个页面。然后选择和排列。最后用直线连接。

存在的不足必须挑选你需要的线框图所有或是一部分內容例如某好多个控件。即然是拷贝，那事后的初始线框图假如改动，必须再次找到并拷贝一遍。原型和视觉要求没有一个地区，视觉设计师难以统一查询掌握。需要的制做時间实际上挺多的。三、怎么才能形成视觉要求

其实我之前的文章《Axure原型与流程图函数的高效结合》已经分享了一部分。在这篇文章中，我将详细教你如何形成视觉需求。

新创建一个页面

在Axure中创建新页面，命名为“输出视觉手稿”。用于存储必要设计方案的线框和控件。

新创建页面快照更新

将“默认组件包-标识组件”中的“快照更新”页面拖到此页面。建议放入(0，0)。

设定引入的页面

双击组件，设置要介绍的页面。

我觉得实际效果很丑，但是显示了介绍页面的所有内容。如果此时引入页面的内容发生变化，这个页面快照更新也会升级。

设定页面快照更新特性

您必须调整设置并选择组件。右侧功能的底部有一个页面快照更新功能。

介绍页面

很快就被大家设定好了，也可以在这里修改。

整合比例

Offset是指你引入初始页面的区域部分，比如我的线框的起始和结束部分，也ss="superseo">ss="superseo">就是手机上的原型的所有部分都会被设置为(0，0)，如下图所示。自然有PM(20，20)的一些习惯性应用，PM的每一页都有很多不同的部分。

缩放比例是指将初始页面的所有内容缩放到您设置的页面快照更新规范中。默认设置为170×300。

一般情况下，您应该取消可用比例，并将缩放比例设置为100%。

添充

默认设置为(5，5，5，5)。一般可以改成(0，0，0，0)。你可以发现它和初始页面越来越像，也就是只有左上部分。

改动页面快照更新规格

根据您的定义更改原型屏幕分辨率。我这边都是375×647。文章详细内容为“为什么375×667是手机样机的最佳分辨率”，如何设置样机的屏幕分辨率详见“如何在Axure中正确设置APP样机的尺寸”。

以上就是给“输出视觉稿”添加线框的方法。看起来很复杂，但是如果你的原型设计方案是标准的，或者你看完了我的浪子PRD教程的所有例子，以上两步真的很快，10秒钟就够了。

假如必须輸出一部分视觉控件

有时候，你要在一个已有的页面上添加多个控件，这样就不用通过所有页面的要求，只需要画出相反的控件就可以了。最好视觉设计师也可以去初始页面查询基本信息。

点击手势，设置哪些控件只显示信息。

假设你只需要在这个页面中改变上方导航栏的tab键，那么你就可以隐藏其他控件。

四、汇总

这种显示视觉要求有许多优点。点击试听网站地址查询，点击线框自动跳转到对面页面查看详细信息。

视觉需求和原型本身的终极关系，大大降低了视觉设计师和前端开发人员的理解门槛，及其高效的实现需求。

另外，其实PM产出率的视觉要求和视觉设计师的最终视觉稿是一脉相承的。

有关阅读文章

Axure原型和流程图的有效集成

为什么375×667是手机原型机最好的屏幕分辨率？

如何在Axure中正确设置APP原型的规格

通用移动电话商品标准V2.0

#有关创作者#

天籁子，业务流程PM，天籁子珠三角系列产品51prd.com，微信微信官方账号:langzisay。

未经批准，严禁截留。

注:阅读相关网站基本建设方法的文章，请移至网站建设教程频道栏目。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/zz/769088.html