铅笔是一个线框工具，我们可以用它来绘制应用程序用户界面的模型。铅笔的伟大之处在于它是轻量级的，易于使用，并且与Firefox紧密集成。最重要的是，它是一个免费的开源应用程序！在本文的最后，我们将给你一个简单的演示，告诉你如何使用铅笔来创建一个像Brizzly一样的线框。

我们为什么要创建线框？

线框是页面布局理念的草图。线框侧重于页面的信息设计，以确保设计符合用户的需要。线框通常由不同的形状(如方框、椭圆形和菱形)组成，以表示内容、功能和导航元素。这些形状显示它们在页面上的位置。

乍一看，创建页面的粗略草图似乎是浪费时间。线框对于让用户关注页面上的重要性元素非常重要。创建页面的粗略草图，而不使用花哨的视觉元素，可以将用户的注意力转移到重要元素上，例如页面组件的大小、布局和位置。当用户开始关注页面的重要元素时，我们将开始更好地理解客户真正想要和需要从软件中得到什么。创建线框可以让您和您的用户有效协作，及早发现潜在的设计问题。

铅笔入门

从铅笔的加载项页面下载铅笔。一旦你安装了铅笔，你就可以从“工具”>“铅笔素描”中找到它。

这就是Brizzly的样子。这是一个相当酷的Web应用程序，可以将你的Facebook和Twitter聚合到一个页面中。

这是线框的最终结果。此线框中的主要形状为、矩形、文本框和选项卡。文章的下一节将给出一个如何创建每个形状的简单示例。

创建矩形

创建线框形状的第一步是将形状从“形状集合”菜单拖到画布上。

我们可以自定义铅笔中任何形状的文本、边框和背景颜色。右键单击矩形并选择“属性”以打开“属性”窗口。这是背景属性屏幕。将矩形背景颜色设置为白色(#FFFFFF)。