[2] UI原型设计工具Pencil Project 学习系列----- 入门

原创 2017年07月27日 22:51:28

在上一篇文章,笔者提到了一个开源免费的超级强大的UI原型设计工具---Pencil Project,那么该如何使用这个软件呢?下面让笔者来分享一下简单的心得。本文以Window操作系统为例子。

@ 打开Pencil Project


@ 创建新的文档

点击上面的Create Document 按钮,就会弹出下面的界面,然后按Ctrl+S快捷键,就能保存项目的名称。



@ 就可以在当前的页面做画图了


@ 因为我话的HTML的UI Mock的图,所以在用之前,先引入第三方的扩展的BootStrap的集合,首先打开

集合管理



@选择要安装的集合:BootStrap



@ 插入一个浏览器框架



@添加自己想添加的任何元素和内容



一个简单的网页的例子就做好了!!!! 

下一节,将会介绍一些高级功能。


版权声明:本文为博主原创文章,未经博主允许不得转载。

[3] UI原型设计工具Pencil Project 学习系列----- 进阶

前面2个章节,笔者分享了Pencil Project的一些基本用法。这篇文章来分享一些高级功能。比如,如何添加表格,如何添加浏览器框架, 如何保存和使用定义模板,如何导出成PDF或者图片。下面请听笔者...
  • chancein007
  • chancein007
  • 2017年07月27日 23:37
  • 1435

[1] UI原型设计工具Pencil Project 学习系列----- 为什么选择

笔者最近在设计一个项目的UI原型,这个项目是一个Web项目。 于是考察了市面上比较流行的工具。当前市面上比较流行的20个 UI原型设计。这么多工具,那该如何选择呢 ? 我的原则如下: #1 必须是开源...
  • chancein007
  • chancein007
  • 2017年07月26日 22:26
  • 789

使用TDD方式开发:根据博客ID列出CSDN所有博客文章

最近,在做一个Code Kata,突然想把自己CSDN博客上面所有的文章全部列出来,而且是先写测试,在写实现(传说中的TDD)。下面把其分享出来。笔者是基于org.htmlparser.htmlpar...
  • chancein007
  • chancein007
  • 2017年01月11日 23:25
  • 824

优秀界面原型开发工具PencilProject独立运行版本

  • 2011年04月01日 15:02
  • 10.3MB
  • 下载

原型设计工具Pencil的使用

Pencil是一款开源的可以用来制作图表和GUI原型的工具,可以作为一个独立的app,也可以作为Firefox插件。内置模版可以帮你绘制桌面和移动界面中用到的各种各样的用户界面,包括流程图、UI和一般...
  • Kiss_The_sky
  • Kiss_The_sky
  • 2016年11月24日 22:43
  • 1022

[2] UI原型设计工具Pencil Project 学习系列----- 入门

在上一篇文章,笔者提到了一个开源免费的超级强大的UI原型设计工具---Pencil Project,那么该如何使用这个软件呢?下面让笔者来分享一下简单的心得。本文以Window操作系统为例子。@ 打开...
  • chancein007
  • chancein007
  • 2017年07月27日 22:51
  • 968

界面原型设计工具pencil

  • 2014年03月02日 15:56
  • 17.26MB
  • 下载

界面原型设计工具使用系列(四)-Pencil

Pencil是一个功能强大的界面原型设计工具,相比较于前面介绍的几个,这个工具是一个需要安装的应用程序, 支持中文,可以设计网页和桌面程序界面,侧重点在于设计,支持自定义控件和导出模板,功能确实很强大...
  • wangyong0921
  • wangyong0921
  • 2012年02月21日 11:13
  • 4538

GUI原型设计工具Pencil

http://pencil.evolus.vn/ 一看便知。各种风格的,包括手绘。还可以画流程图。非常强大!...
  • thisisfangsheng
  • thisisfangsheng
  • 2015年07月14日 13:23
  • 624

project使用教程

  • 2013年11月14日 20:35
  • 1.39MB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[2] UI原型设计工具Pencil Project 学习系列----- 入门
举报原因:
原因补充:

(最多只允许输入30个字)