在日常工作中,我们经常需要和不同领域的同事进行沟通,看图说话是很有效的方式,但也不是每个同学的绘画能力都很强,在这里推荐一款超轻量级的小工具 Pencil,它轻量级到什么程度?它只是FF的一个插件,但是不要小看他,功能十分强大。
拿现成的一个例子,今天在RTX中讨论一个开发中的页面布局,产品的同学觉得商品图片和用户头像的展现方式有点奇怪:
原方案:
![点击图片,在新窗口显示原始尺寸](http://home.blueidea.com/attachment/201007/8/498022_1278584073kKbm.png)
遇到这种情况,如果让设计师重新设计页面再进行讨论显然是需要耗费大量时间,这个时候我们就可以用这个小插件来帮助我们快速的画出原型图进行讨论。
候选方案1:
候选方案2:
候选方案3:
前后总共才花了不到10分钟就可以快速提供3个新的示意图,产品同学也很方便的在新方案上面进行了标注,讨论得以继续,而无需等待UI的重新输出。
上面只是日常开发中的一个小片段,还有很多情况我们都需要这样快速的输出一些原型图,Pencil就是你随时随地的好帮手。
下面来看一下Pencil的庐山真面目吧:
侧边栏上提供了大量的控件,只需要拖放到画布上就可以了。
比较有童趣的同学还是使用手绘风格的原型图哦
除了画原型图以外,Pencil还能画出各种示意图哦,做PPT苦恼的同学们有福了
候选方案1:
![点击图片,在新窗口显示原始尺寸](http://home.blueidea.com/attachment/201007/8/498022_1278584074hrPj.png)
候选方案2:
![点击图片,在新窗口显示原始尺寸](http://home.blueidea.com/attachment/201007/8/498022_1278584074wn75.png)
候选方案3:
![点击图片,在新窗口显示原始尺寸](http://home.blueidea.com/attachment/201007/8/498022_1278584074p46k.png)
![点击图片,在新窗口显示原始尺寸](http://home.blueidea.com/attachment/201007/8/498022_1278584074r777.png)
前后总共才花了不到10分钟就可以快速提供3个新的示意图,产品同学也很方便的在新方案上面进行了标注,讨论得以继续,而无需等待UI的重新输出。
上面只是日常开发中的一个小片段,还有很多情况我们都需要这样快速的输出一些原型图,Pencil就是你随时随地的好帮手。
下面来看一下Pencil的庐山真面目吧:
![](http://home.blueidea.com/attachment/201007/8/498022_12785840757xMd.png)
侧边栏上提供了大量的控件,只需要拖放到画布上就可以了。
![](http://home.blueidea.com/attachment/201007/8/498022_1278584076z2St.png)
比较有童趣的同学还是使用手绘风格的原型图哦
![](http://home.blueidea.com/attachment/201007/8/498022_127858407646C0.png)
![](http://home.blueidea.com/attachment/201007/8/498022_1278584076PQag.png)
除了画原型图以外,Pencil还能画出各种示意图哦,做PPT苦恼的同学们有福了
![点击图片,在新窗口显示原始尺寸](http://home.blueidea.com/attachment/201007/8/498022_1278584077w8VU.png)