个人网页设计草图 第1篇
Pencil这个软件，上手并不难，但是用的时候你可以强烈地感受到它的优缺点：
总的来说，Pencil毕竟只是用来快速绘制GUI草图的工具，功能不必太多，绘制时，字体、换行什么的恐怕不是太重要，最重要的是各元素的位置以及元素的搭配，Pencil显然可以做到。这次绘制的网页比较简陋，没能完全体现Pencil的功能。Pencil内置的元素非常丰富，可涉及的场景很多，除了网页，iOS与Android上的界面也可用它来设计。
个人网页设计草图 第2篇
下载安装之后，我们打开Pencil，会看到如下界面：
然后最左边，内容最密集的区域即“Shapes”区，最左侧栏是不同场景下的元素集合，我们可以从不同元素集合挑选任意我们想要的形状元素，然后把它直接拖入中间的空白工作区即可把它添加到草图中：image
工具栏在最上方，便于我们进行一些常用快捷操作。
最左边是复制、剪切、粘贴：image
再往左是工作区试图的放大、最大、缩小：image
再往左是只有当选中多个元素时（只需在工作区按住并拖动鼠标就可选中）按键才会可用：image
这些按钮的作用依次为：左对齐、（垂直方向上）居中对齐、右对齐、上对齐、（水平方向上）居中对齐、下对齐、使高度相同、使宽度相同、使水平间隙相同、使垂直间隙相同。
最后是尺寸与位置：image
从左到右对应的是与左侧边界距离、与上方边界距离、锁定位置、宽度、高度、倾斜角度。
左上角按钮作用是文件的打开、储存、导出以及应用设置等等：
个人网页设计草图 第3篇
图：这是我为一个私立学校设计网页是画的草图。目的就是要在充分展现网页布局的同时，又不浪费太多时间在PS的渲染上。
首先，将页面上的关键内容收集起来。我会使用便利贴或者建立一个文档。当然，我还是会从文字入手，不过文字只是将最原始的创意记录下来，这样我就清楚网页上将会出现什么内容。
第二，我会从不同的创意中挑出一些来进行手绘。一点我有了很棒的点子，我就可以下定决心完成它。通常我都会从客户和同行中得到很多反馈。手绘草图在视觉上是很不正式的，这样客户会更放心的选择中意的方案来进行下一步的制作。
个人网页设计草图 第4篇
图：找到合适的绘图工具很重要。我很喜欢用Uni-Ball Vision. 一只便携的小毛笔可以方便填充颜色。
一般来说，这些就是会议中互动绘画常用的工具。
钢笔——我很爱用钢笔来画画。当然，这需要有一定的自信，但是你可以随时重组你的线条。客户也很喜欢墨水的可见性。我最喜欢的笔是Uni-Ball Vision。它是防水的，你可以使用水彩来上色。
便携白板——拿一张旧的白板，然后裁成小块，这样就有很多小的便携白板了。你可以带着你的便携白板从一个办公室到另一个办公室，也可以与印象笔记一起使用来记录工作和草图。
大尺寸速写本——不要畏畏缩缩的用小尺寸的速写本来为客户画图。找一个至少14英寸长的本子。这样可以更好的展示你的作品。
活动挂图——活动挂图其实跟便携白板差不多，都是可以吸引客户的工具。如果是可粘贴的，就可以贴在墙上方便长时间的设计讨论。
最为一个设计师，最棒的工具就是你的想法。你快速高效展现信息的能力将你与网页建设流程中的其他人区分开来。手绘则可以将你从鼠标和显示器前解放出来。
拥有过硬的手绘技能的话，设计师们可以即兴创作，并将对话引导向创新的道路上。手绘可以是慵懒的，这样可以保持项目的亲切感。赶快握好你的笔，操起速写本，将你的涂鸦变成有市场价值的图画吧。
个人网页设计草图 第5篇
有一点是可以肯定的，那就是熟能生巧。所以拿起笔，操起速写本开始不停的涂鸦吧。我发现最好的方法就是在排队或者等待的时候练习速写，在你喝咖啡的时候，或者在杂货店购物的时候，又或者在等火车的时候。任何等待的时间都可以利用来进行手绘练习。画下任何你看到的东西，这将会帮助你给在客户面前呈现你的想法。对每日所见的物品进行绘画可以帮你收集灵感，随身携带速写本的话你就可以随时记录下自己的想法。随着练习的时间与数量的增加，你的手绘将会越来越精致，并且会发展成为更正式的绘画风格。
个人网页设计草图 第6篇
图：Doodlers Anonymous是一个很棒的社区，你可以在这里开始练习手绘，也可以看到其他人的涂鸦作品的同时发现别人的闪光点。这同时也是一个分享与交流的好社区。
要警惕，这个世界是很残酷的。练习手绘也会是很困难的。如果你不是个绘画老手，或者没有准备好绘画的工具…… 那就还是在工作之余多花些时间练习吧。如果想找些灵感，就常去看看 Worldwide Sketchcrawl， Doodlers Anonymous，还有 Urban Sketchers。
在研读绘画教程和不断在绘画博客上提交习作之后，你就要想想，我是不是已经准备好在客户面前进行手绘了？
图：城市画者是一个国际性的、非盈利性的、致力于手绘观察的网站。它在Flickr和Facebook上都有很有影响力的社区。它的官方博客上精选了一群手绘高手的习作来分享给大家。你可以在它的博客、Flickr还有Facebook社区上找到很多值得参考的绘画技巧。
要记住，简笔画是不能打动人的。所以有能力进行手绘是非常重要的一点。也许你需要花些时间来练习，并想想如何在客户面前展现你的创意。
图：这是个初期的电子手绘草图。我当时在尝试着将线框数位手绘与Wacom数位板混搭使用。从这里我发现，想要更多地与客户进行互动，简笔画是远远不够的。