[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或者图片。下面请听笔者...

Delphi7高级应用开发随书源码

  • 2003年04月30日 00:00
  • 676KB
  • 下载

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

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

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

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

UI原型设计工具Mockups

  • 2014年12月06日 16:40
  • 18.85MB
  • 下载

界面原型设计工具使用系列(三)-Mockup Builder

继续试用,今天测试了一个用silverlight编写的工具:Mockup Builder,自称杀手级的界面原型设计工具,个人感觉总体比Lumzy差些,但是其支持的控件同样很丰富,支持网页界面设计和桌面...

原型设计工具Axure(分卷1/共2劵)

  • 2014年03月18日 21:56
  • 47.68MB
  • 下载

【转】免费的手绘风格开源原型图设计工具:Pencil

Pencil 是一款开源的手绘风格原型图绘制工具,可以用来绘制各种架构图和流程图。目前最新版本是1.2,同时还提供 Firefox 的插件。 主要功能: 内置多种原型设计模板 多页背景...

[Axure]原型设计软件:Axure RP简单介绍与基础入门学习目录

Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。 主要有以下几条功能:...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[2] UI原型设计工具Pencil Project 学习系列----- 入门
举报原因:
原因补充:

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