网站的设计和建设离不开高质量的前期策划，网站策划做得好，可以避免很多无谓的返工和重复，而且对于网站的后期推广、维护等也具有非常重要的作用。本章内容圭谷设计与大家一起分享网站策划必知的6项要点。

关键词

网站主题

分析资料

网页设计的本质

用户体验

网页文案

设计切入点

主要内容包括

网站的主题一定要明确

分析背景材料3种途径

用户体验设计4个要点

达到“设计”目的5个要点

网页界面设计的4个切入点

网站文案写作的4项技巧

2.1 网站的主题一定要明确

网站的设计，最终是要给浏览者一个实实在在的获取有效信息的载体，因此就必须要有一个十分明确的主题，然后在设计主题的指导下，运用各种设计技巧来表现网站的内容。本节内容，我们一起从浏览者类型、主题、内容3方面一起来体验如何明确网站的设计主题。

2.1.1 按照用户类型确定表现形式

网站的设计首先要有一个明确的主题，明确地告知浏览者，网站主要提供的服务是什么，网站可以解决的问题是什么？否则，忽略了自身的特点，一味使用绚丽的图像来堆叠，一味使用眼花缭乱的动画来点缀都是不可取的。

如图2.1所示是一家教育培训网站，该网站就是要满足有培训需求、希望获得一份满意工作的应往届大学毕业生、初入职场的年轻人，所以在内容的表现上采用了多入口、多形式的交互方式，便于网站访问者快速进行培训咨询。

首先网站明确了访问的3类用户群：

1 参加培训意向特别强烈的浏览者；

2 犹豫不决的浏览者；

3 潜在的培训人员。

对于意向特别强烈的浏览者，以“免费试听”+“实训案例展示”作为载体，设计既简单又实用的网站界面。同时，为了便于浏览者选择，采用了明度、饱和度较高的黄色按钮来提示浏览者点击，如图2.1所示。

对于犹豫不决的浏览者，通过解答疑问、课程展示、培训形式多样化等作为载体，运用高明度、轻松的色彩来设计网站的界面，无形中为浏览者营造一种轻松的学习氛围，如图2.2、图2.3所示。

对于潜在的培训人员，通过采用视觉冲击力较强的banner图像为浏览者创造一个良好的印象，通过就业实例展示、师资力量展示等作为设计载体，最大限度的降低浏览者的内心顾虑，提升网站的可信度，如图2.4、图2.5所示。

2.1.2 明确的主题清晰的内容

一个优秀的风站要有一个明确的主题,整个网站都要围绕这个主题,也就是我们在青岛网页设计之前要明确这个网站有什么目的,用来做什么。例如大众化的电商网站主要以销售大众化的商品为主，所以设计的主题自然就要围绕简单、易用来展开，反之，如果是设计奢华、高端的珠宝、皮草等产品的网站，自然就要围绕高端产品所表达的生活质量、商品所包含的艺术性、商品的拓展价值等方面来确定设计的主题。然后，在具体的设计中所有页面都是围绕着这个设计主题来制作页面的具体容。具体来说，我们所设计、提供的内容应该准确的回答好以下4个问题的答案：

1 为谁提供服务和产品（信息）；

2 企业能提供什么样的产品和服务（信息）；

3 网站的目的消费者和受众的特点是什么；

4 企业产品和服务适合什么样的表现方式（风格），如图2.6所示。

2.2 分析背景材料3种途径

任何企业设计网站都应该站在浏览者的角度去思考问题，而作为设计师，更应该考虑到用户的特征和需求，这样才可以制作出可以为企业带来盈利的网站。所以，作为初学者的我们在开始接触网站设计工作之前应该首先找到目标企业的相关资料进行必要的分析，做到了解资料、熟悉背景、明白需求。本节内容笔者与大家一起分享分析背景材料的3个途径。

2.2.1 网站所属行业的资料分析

设计网站之前首先需要对网站所属行业的资料进行分析，做到明白行业的网站基本特征。对此，笔者认为可从以下3方面展开。

01 平面媒体资料的分析，主要包括对行业内同类企业的宣传册资料的分析及同类行业的VI形象设计资料的分析，因为这些资料代表了行业内企业的基本形象和对外展示的基本内容

02 分析网站所属行业的同类电视、网络、移动媒体类视频广告。在目前移动化信息共享时代，这些视频类广告是人们接触最多的广告，通过分析这些广告，我们可以了解企业对外宣传的主要诉求点及广告创意的表现形式，当然也包括一些基本的色彩搭配，如图2.9、图2.10所示。

03 分析行业的发展历史及前景。

这些资料一般可参考一些具有权威性的网站所发布的数据统计。作为设计师，了解一些基本的行业数据，便于设计出既符合企业当前需要，又预留未来网站改版和更新的余地。

2.2.2 同类网站及竞争对手网站的分析

对于网站所属行业竞争对手资料的分析，有助于加深设计师对整体行业的把控，同时还可以提醒客户，当资料不完整时给予必要的提示，当网站的功能不完善或不完整时也便于与客户展开必要的交流。

当设计师对竞争对手的网站资料进行分析完成以后，基本上就可以对企业网站的风格定位、基本需求、同类网站的优缺点等有了一定的认识，这样更便于设计师按照企业的需要找到创意的切入点，发挥自己的优势，设计出更为完善和符合浏览者喜好的网站。如图2.11所示为韩国最大的化妆品集团Amore Pacific爱茉莉太平洋旗下的品牌网站，主要代表性产品有梦妆多效矿物修容BB霜、梦妆隔离霜、梦妆眼霜、梦妆粉饼等。我们发现该网站十分简练，在突出产品的质量和功效的同时，通过健康、清秀的模特，也为我们传达出了靓丽、健康、时尚的生活观念，如图2.11所示。

所以，设计师明白了竞争对手及同类网站的资料就可以在设计产品内容页面的同时还可以设计出企业所包含更深层次的传播诉求。

TIPS

提示：很多时候，客户只会说我们想要和某个公司类似的网站，具体的规划及要求都不会十分明确，需要我们在了解企业资料的基础上给予必要的引导。

2.2.3 背景资料的自我积攒

就像一位网友说的那样，美女长得美，但是后天的美容同样很重要。网页设计师如果希望获得更大的发展和设计作品质量的提升同样需要注重对设计资料的自我积累。

在信息技术飞速发展的今天，设计师已经不是简单地通过套用几个模板就可以得到用户认可的初级阶段了，更多时候需要我们加强自我的知识积累。例如，在目前情况下，我们可注意搜集一些与手机网站、Ipad平板电脑等移动网站有关的行业资料，这样我们的设计价值也会随着时代的发展而不断发展。下面笔者为大家总结了关于网页设计师需要关注的两个领域。

01 手机电子商务:主要是考虑到4G时代的到来，移动互联网必然会引起各个企业和商家的重视，那么一直相对应的手机网站的设计也就随之升温。

02 淘宝商城：移动互联时代，人们的碎片时间也将成为商家必争的领域之一，而类似B2B、B2C这种成熟的网络销售模式必然需要及时地改版和服务质量的提升，那么与之相对应的淘宝界面设计、淘宝商城界面设计也就成为网页设计师可以拓展自我技能的“白领”领域。如果您有兴趣，可阅读一下本系列图书的另一本姊妹书《淘宝店面设计从入门到提高》。