草绘不仅仅是简单的线条勾勒，所有的设计元素（布局、线条、字体、颜色等）都要在草绘阶段确定下来。草绘的作用是将构思图形化、具体化，以便从整体上把握设计的方向。下面是我构思的 WordPress主题——renniaofei 的草绘图。

这是我用铅笔画的一张草图，在画草图的时候，顺便记下那些重要的设计元素的属性值，例如 背景色、字体、页宽等。

其实草绘并不是我们想象的那么简单，因为在草绘阶段，你必须尽量多的将设计元素确定下来，这是一个反复衡量和取舍的过程，我觉得是相当痛苦。

草绘确定下来以后，利用绘图软件绘图就没什么太多的技术含量了，无非就是经验和技巧而已。

制作此主题的过程记录：

• 任鸟飞首款免费WordPress主题 — 使用说明
• 任鸟飞首款免费WordPress主题 — 正式发布
• 任鸟飞首款免费WordPress主题 — 预览调试
• 任鸟飞首款免费WordPress主题 — HTML和CSS源文件
• 任鸟飞首款免费WordPress主题 — 网页美工
• 任鸟飞首款免费WordPress主题 — 草绘
• 任鸟飞首款免费WordPress主题 — 开发概述

您可能也喜欢：
任鸟飞首款免费WordPress主题 — 使用说明	任鸟飞首款免费WordPress主题 — 开发概述	任鸟飞首款免费WordPress主题 — 正式发布	任鸟飞首款免费WordPress主题 — HTML和CSS源文件	任鸟飞网站设计博客主题调整
来自无觅网络的相关文章：
[WordPress主题]Proyecto-适合商业及图片类 (@citydog)	[WordPress免费主题]Simple Pro TT (@citydog)	WordPress 图片主题：Photoria & Shaken Grid (@citydog)	WordPress大气CMS主题：Kryptonation (@99psn)	Dandelion–强大的个性WordPress主题 (@99psn)
无觅

通过简单的线条，并辅助一些其他图形元素，勾勒出网页的布局，并标注出网页上的重要设计元素。

草绘是网页设计过程中的起始阶段，须从整体上定义好与网页设计相关的各个设计元素的属性， 例如网页布局 颜色搭配 字体选择 等 ，下面我们列出一些优秀的草绘案例供欣赏借鉴。

1. Coastal Capital Partners Wireframe Sketch

2. CommLogix Wireframe Sketch

3. Data Techniques Product Wireframe v1

4. Complex designs

5. Colour and stars

6. Early Ember sketches in color

7. sketch: vimeo conversations page ideas (alt)

8. Mega-dropdown explorations

9. Video detail initial sketches

10. Category page layout

11. Sketching

您可能也喜欢：
分享一些网页上常用到特殊字符	任鸟飞首款免费WordPress主题 — 网页美工	网页设计的12种颜色	国内网站建设、网页设计公司Top40	常被遗忘但非常有用的10个CSS属性
来自无觅网络的相关文章：
14个红色的网页设计欣赏 (@artfans)	CSS网页布局的常用规范 (@admpub)	60佳灵感来自大自然的网页设计作品欣赏 (@artfans)	来自deviantART 的30个令人印象深刻的网页设计 (@sudasuta)	推荐给网页设计师的15个很棒的网站 (@artfans)
无觅