Pencil教程–自定义组件安装

在前面《原型工具Pencil使用介绍》中有说到Pencil支持自定义组件安装,也简易的介绍了安装使用方法,这里再详细的介绍一下如何安装自定义组件。在最新版本的Pencil 1.3中,自带的组件库是比较少的,只有三个,但在Pencil 1.2版本中自带的组件库有七个,而且1.3个人感觉只是界面布局上的更新,操作方面的变动并不大,把很多东西整合了,逐渐变得有点类似Balsamiq Mockups的操作方式,不过个人还是习惯1.2的这种方式,默认组件也多,可以少安装一些自定组件。

Pencil的组件安装包或者组件图片可以在官方网站上下载,也可以自己制作,用图形设计软件做好之后再加入到Pencil当中去,这里就分安装包安装和自定义安装两种方式介绍组件安装方法,仅限Pencil客户端的,火狐浏览器插件形式的没有这个功能。

安装包安装的方式比较简单,首先去官方网站下载对应的安装包,下载地址:http://pencil.evolus.vn/en-US/Downloads/Stencils.aspx,一般为.zip格式的压缩包文件,也可在本文下方下载,下载到本地之后,在Pencil界面上选择Tools>>Install New Collection,然后选择安装包打开即可,Pencil会提示你是否确认安装,这个大家都会选的啦,后面Pencil就是自动处理了,安装好之后,新增的组件库就会出现在左侧的组件导航框里面了。

?

自定义安装的方式稍微复杂一些,首先要自己先做好要导入的组件图片,格式比较灵活,可以是JPG、GIF、PNG的,如下图所示,最好是放在同一个文件夹当中,因为后面需要拖动图片的。

?

然后打开Tools>>Stencil Generator编辑器,在左侧select images空白处的下面会有Drag images into the listbox above的提示,即将上面所制作好的图片文件全部拖到这个框里面,然后给这个组件库取个名字,描述一下组件库,并标明作者就可以next到下一步骤了。

?

接下来是确认页面,再输一遍组件库的名字就可以点finish完成了。选择好保存路径,然后连续点两次OK就算完成了,把Stencil Generator编辑器的窗口关掉就可以了,Pencil默认是不关闭这个窗口的,这样就生成了一个User Group.zip的组件库安装包,接下来按照第一种方式直接安装就可以了。

?

两种安装方式就介绍完了,正因为Pencil支持这样的组件安装,因此其扩展性是非常强大的,可以制作自己所需要的组件,也可以将日常工作当中经常用到的一些组件组合制作成组件库留存,方便后续调用,这点与AxureRP的组件库功能有点类似。

《原型设计》微电子杂志? 点此订阅

点此下载常用pencil组件库



无觅相关文章插件,快速提升流量

评论已关闭!