中文站长

 找回密码
 立即注册

PM若何疾速完成并托付视觉需求?

[复制链接]
发表于 2017-6-1 10:29:07 | 显示全部楼层 |阅读模式
不少PM以为画视觉稿是视觉设想师的工作,所以偷懒也不清算视觉需求给到对于方,最终验收发觉短少局部视觉稿,或许画出的视觉稿和PM请求的差别很大。引见我本人研讨进去的疾速托付视觉需求的办法论,完全值得学一学。

只要当PM将一切的视觉需求逐个托付给视觉设想师,才干包管视觉设想师全方位理解PM的设想思惟,以及不会漏做响应的线框图。
一、需求托付的文章刚入门的PM能够简略的把一切原型一股脑丢给视觉设想师,能够连现在版本仍是一切版本都不辨别。也不会辨别线框图和交互图。视觉设想师只能本人揣摩,以及自动来问你。
当你的PM经历丰厚了,最少会将视觉需求从所谓的原型(线框图+交互+逻辑)中抽离进去,别离到每一个版本,而且依照本质分红以下局部:
新增的线框图优化的线框图原有线框图新增的视觉控件原有线框图优化的视觉控件至于删除的局部,间接由PM和前端工程师沟通即可。
二、若何托付给视觉设想师点击线框图,可跳转到响应页面检查细致消息。局部线框图之间相关系,运用线条表现。点击网址间接检查演示。

我置信有不少PM画过相似的原型视觉稿,然后给到视觉设想师。
凡是的做法正在Axure中新建一个页面,然后将需求做的线框图以及控件,复制到这个页面中。然后挑选并排序。最终用线段联络联系关系起来。
具有的困惑需求挑选你需求的线框图全数或许局部文章比方某几个控件。既然是复制,那边后续的原始线框图假如修正,需求从头找出并复制一遍。原型和视觉需求不正在一个位置, 视觉设想师很难同一检查理解。所需的制造时候其实挺多的。三、若何疾速生成视觉需求之前我正在文章《Axure原型加流程图功用的高效团结》其实曾经分享过一局部文章。而这篇文章我来全方位完好的教大师若何疾速生成视觉需求。
新建一个页面正在Axure中新建一个页面,定名为“输出视觉稿”。用来寄存需求设想的线框图和控件。
新建页面快照将默许元件库-标志元件中的页面快照拖到该页面中。倡议地位放到(0,0)。

设置援用的页面双击该元件,设置援用的页面。

觉得结果很丑,可是展现了援用页面的一切文章。此时假如修正援用页面的文章,这个页面快照也会更新。

设置页面快照属性我们需求调整一下设置,选中该元件,正在右侧的属性最底部有个页面快照属性。

援用页面
我们方才设置过,你也能够正在这里修正。
顺应比例
偏移量,是指你援用原始页面中的区域地位,比方我的线框图的开始地位,就是手机原型全体的地位城市设置为(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,荡子PRD系列51prd.com,公家号:langzisay。
本文未经答应,制止转载。
注:相关网站建立技巧阅读请移步到频道。
站长
回复

使用道具 举报

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|中文站长

站长网 WWW.MSNZZ.COM 版权所有 All Rights Reserved.

MSN站长网

WWW.MSNZZ.COM中文站长

快速回复 返回顶部 返回列表