如何编制网站规划文档（网站策划与布局涉及的主要内容有哪些）

网站的策划与布置涉及哪些方面

首先，我们需要根据用户需求进行梳理、分类，构建网站栏目的树形结构以清晰展示站点架构，栏目的规划需详尽，具体为佳。随后，我们采用同样的方法，对二级栏目的子栏目进行分类，并逐一确定每个二级分栏目的主页需要放置哪些具体内容，二级栏目下的每个小栏目需要放置哪些内容，以便用户和网站开发人员能清晰了解本栏目的每个细节和模块功能。具体包括以下几项：

第一，栏目概览，包括栏目定位、目标、服务对象、子栏目设置、首页内容、分页内容！这部分起到索引作用，使用户能对栏目有一个大致的整体把握和了解。

第二，栏目详情，对每个子栏目的具体情况加以描述，包括子栏目名称、栏目目标。（需将子栏目目标写清楚，在实际开发过程中可与美工或技术人员详细沟通）

第三，相关栏目，说明本栏目与其他栏目之间的联系，沟通，设置此项是为了通过栏目之间的联系，增强网站的整体性。

四、网站开发过程中与相关开发人员的沟通协调：在各个栏目模块功能确定后，网站策划人员需让页面设计人员（或美工）根据《网站建设方案书》中栏目的划分来设计网站页面，在此过程中，网站策划人员应将需要特殊处理的地方与页面设计人员（或美工）说明！在设计网站页面时，页面设计人员（或美工）需根据方案书中每个栏目的具体位置和网站的整体风格进行确定，为使网站有整体感，应在网页中放置一些贯穿性的元素，最终需拿出至少两种风格的方案，每种方案应考虑客户企业的整体形象，与客户企业的精神（或VI）相结合。

网站页面设计完成后，下一步是实施，由页面设计人员（或美工）负责实现网页，并制作成模板，交由技术开发人员进行模块功能的实现。

网站页面的设计和模块功能的开发应同时进行，如何统筹安排是网站策划人员的一项重要工作任务。在上述过程中，网站的技术开发人员应处于开发程序的阶段，如果实现过程中出现什么问题，技术开发人员应与页面设计人员（或美工）及时沟通，以免程序开发完成后发现问题需要进行大规模返工。

五、网站初步完成前的整合测试：接下来，当双方工作都完成后，就是整合。网站策划人员需统筹协调测试人员进行内部测试，测试完成后，没有问题就可以交付客户了！

六、网站项目开发完成后的宣传推广：有些客户在完成网站项目建设后，会进行一系列的宣传推广，这时网站策划人员可根据自身能力（或与市场策划人员和组）制定一系列网站宣传推广工作并实施。

网站的总体设计内容包括：

首先，我们要明确网页设计的任务。

一、设计任务

设计是一种审美活动，成功的设计作品一般都很艺术化。但艺术只是设计的手段，而非设计任务。设计任务是实现设计者的意图，而非创造美。

网页设计任务，是指设计者要表现的主题和要实现的功能。站点的性质不同，设计任务也不同。从形式上，可以将站点分为以下三类。

第一类是资讯类站点，如新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量信息，且访问量较大。因此需注意页面分割、结构合理、页面优化、界面亲和等问题。

第二类是资讯和形象相结合的网站，如一些大型公司、国内高校等。这类网站在设计上要求较高，既要保证资讯类网站的要求，又要突出企业、单位的形象。然而，从现状来看，这类网站存在粗制滥造的嫌疑。

第三类是形象类网站，如一些中小型公司或单位。这类网站一般较小，有的只有几页，需要实现的功能也较为简单，网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。

当然，这只是从整体来看，具体情况还需具体分析。不同的站点还需区别对待。别忘了最重要的一点，那就是客户的要求，它也属于设计任务。

明确了设计任务后，接下来要考虑的就是如何完成这个任务了。

二、设计实现

设计实现可分为两个部分。第一部分为站点的规划及草图绘制，这一部分可在纸上完成。第二部分为网页制作，这一过程在计算机上完成。

设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，其中包含文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。除了要有一台配置不错的计算机外，软件也是必需的。不能简单地说一个软件的好坏，只要是设计者使用起来觉得方便且得心应手，就可以称为好软件。当然，它应能满足设计者的要求。笔者常用的软件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、ImageReady，这些都是很不错的软件。接下来，我们要通过软件的使用，将设计的蓝图变为现实，最终的集成一般是在Dreamweaver中完成。虽然在草图上，我们已确定了页面的大体轮廓，但灵感一般都是在制作过程中产生的。设计作品一定要有创意，这是最基本的要求，没有创意的设计是失败的。在制作过程中，我们会遇到许多问题，其中最敏感的莫过于页面颜色了。

设计首屏的第一步是版面规划。我们可将网站视为传统报纸杂志进行编排，其中包含文字、图像乃至动画，我们的任务是利用最合适的方式将图像与文字布置在页面的不同位置。除了需要一台配置较高的电脑外，软件同样不可或缺。不能简单以软件优劣来评价，只要设计者使用方便、得心应手，即可称之为好软件。当然，它还需满足设计者的需求。作者常用软件包括Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、ImageReady，这些都是相当优秀的软件。接下来，我们要通过软件操作，将设计蓝图变为现实，最终集成通常在Dreamweaver中完成。尽管在草图上我们已确定了页面的大致轮廓，但灵感往往在制作过程中产生。设计作品务必具有创意，这是最基本的要求，缺乏创意的设计是失败的。在制作过程中，我们会遇到诸多问题，其中最棘手莫过于页面颜色。

三、色彩的运用

色彩是一种奇妙的存在，它既美丽又丰富，能唤醒人类的心灵感知。通常，红色是火的颜色，代表着热情、奔放；也是血液的颜色，象征着生命。黄色是明度最高的颜色，显得华丽、高贵、明快。绿色是大自然草木的颜色，寓意着纯自然和生长，象征着安宁、和平与安全，如绿色食品。紫色是高贵的象征，具有庄重感。白色能给人以纯洁、清白的感觉，代表着和平与圣洁。

我们知道，颜色是光折射产生的，红、黄、蓝是三原色，其他色彩都可以用这三种色彩调和而成。换个角度思考，我们可以利用颜色变化来表现光影效果，这将使我们的作品更贴近现实。

色彩代表着不同的情感，具有不同的象征意义。这些象征意义是人们思想交流中的一个复杂问题，它因人的年龄、地域、时代、民族、阶层、经济地区、工作能力、教育水平、风俗习惯、宗教信仰、生活环境、性别差异而有所不同。

单纯的颜色并无实际意义，与不同颜色搭配，其表现出的效果也不同。例如，绿色与金黄、淡白搭配，可产生优雅、舒适的氛围。蓝色与白色混合，能体现柔顺、淡雅、浪漫的氛围。红色与黄色、金色搭配，能渲染喜庆的氛围。而金色与粟色搭配则会给人带来暖意。设计的任务不同，配色方案也随之不同。考虑到网页的适应性，应尽量使用网页安全色。

但颜色的使用并无一定法则，如果一定要用某个法则去套，效果可能适得其反。经验上，我们可先确定一种能表现主题的主体色，然后根据具体需求，应用颜色的近似和对比来完成整个页面的配色方案。整个页面在视觉上应是一个整体，以达到和谐、悦目的视觉效果。

四、造型的组合

在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是一个非常重要的元素。无论图像还是文字，画面上的所有元素都可以统一作为画面的基本构成要素——点、线、面来进行处理。在一幅成功的作品中，点、线、面的共同组合与搭配是构建整个页面的关键。

通常，我们可以使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、交错、节奏、韵律、归纳、变异、特写、反射等等，它们各自具有独特的特点。在设计中，应根据具体情况选择最适合的表现手法，这样有利于主题的表现。

通过点、线、面的组合，可以突出页面上的重要元素，强调设计的主题，增强美感。