在规划好网页的基本元素和内容后，需要进一步设计出网站的草图。网页草图可以更直观地体现网页的各个细节，更有利于与用户的沟通交互，是网页设计下一步制作工作的必要准备。
活动实施
网站首页的草图最好是用笔和白纸大致绘制，尽量具体些，也可以用Photoshop软件绘制草图。草图绘制过程是一个思维挖掘的过程，也是一个不断进行自我否定的过程。可以先从不同的角度、不同的风格进行设计，由顾客进行评价与选择，最后根据他们提出的意见和建议，选出一个综合感觉较好的草图作为最终草图。草图的具体设计过程在其后的章节中将详细介绍，这里先给出网站首页的草图。其中包括：网站Logo、导航栏、搜索栏、广告Banner.版权声明等几个重要栏目。
版面布局的步骤：
(1)、草案
新建页面就像一张白纸，没有任何表格、框架，可以尽可能地发挥想象力，将想到的“景象”画上去(建议用一张白纸和一支铅笔，当然用作图软件Photoshop等也可以)。这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽可能多画几张，最后选定一个满意的作为继续创作的脚本。
(2)、粗略布局
在草案的基础上，将确定需要放置的功能模块安排到页面上。(注:功能模块主要包含网站标志、主菜单、新闻、搜索、友情链接、广告条、邮件列表、计数器、版权信息等)。这里必须遵循突出重点、平衡谐调的原则，将网站标志、主菜单等最重要的模块放在最显眼、最突出的位置，然后再考虑次要模块的排放。
(3)、定案
定案是将粗略布局精细化，具体化。在布局过程中，可以遵循的原则有：
①正常平衡:亦称“匀称”。多指左右、上下对照形式，主要强调秩序，能达到安定、诚实、信赖的效果。
②异常平衡:B卩非对照形式，但也要平衡和韵律。此种布局能达到强调性、不安性、高注目性的效果。
③对比:不仅利用色彩、色调等技巧来表现，也可以用文字、图形等来表现，在内容上也可涉及古与今、新与旧、贫与富等对比。
④凝视:利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。
⑤空白:一方面对其他网站表示突出卓越;另一方面也表示网页品位的优越感，这种表现方法对体现网页的格调十分有效。
⑥尽量用图片解说。此法对不能用语言说服、或用语言无法表达的情感，特别有效。
