当建立一个网站，有一个过程要遵循，特别是如果你刚开始作为一个网页设计师。好的指导方针可以帮助你减少健忘，从而更好地工作。

随着时间的推移，每个设计师或公司都会为他们的web设计过程开发独到的组件，但基本元素保持不变：学习、规划、设计、编码、启动和维护。

本文将以北京网站建设时代的创意信编辑为例，分享网站的设计过程。

在我们开始之前，让我分享两件在整个设计过程中应该做的事情。

你应该做的事就是寻求反馈。通过定期获得反馈，您可以节省大量浪费的时间和精力。

你应该继续做的第二件事是测试网站的功能。

一、 学习

发现并理解你首先需要构建的东西是整个网站设计过程中重要的部分，这并不奇怪。

为什么？很简单。你知道你需要做的事情越多，创建一个成功网站的机会就越大。

这样想：如果你是一个弓箭手，你不需要知道箭的目标位置吗？这就是目标的目的。中间的小红点是靶心。因为它比较小，很难击中，但即使你瞄准它却没有击中，你肯定会比你向空中射箭想要随机直接击中更近。

那么你怎么能成为网页设计师的目标呢？在进一步研究之前，您需要定义如何在项目中发挥作用。

作为一个网页设计师，直击目标会让你的客户得到他们想要的，这就是他们为你付出的代价。

顾客需求的内容因具体情况而变化很大。既然你不是一个精神上的读者，你需要主动去发现他们想要什么。

在某些情况下，他们甚至可能不知道自己想要什么，而在另一些情况下，他们可能发现很难用语言表达他们的想象力，因为他们不知道CSS、AJAX或关系数据库等行业术语和概念。

幸运的是，web设计师可以使用一个工具轻松地收集这些信息。这叫做创意简报。创意简报基本上是你向客户提出的一系列问题，这样你就能了解项目的范围和目标。

您可以在面对面会议或电话会议中提出这些问题，也可以在您的网站上提供一个处理客户答案的web表单。

您应该以您和您的客户满意的方式获取这些信息，但无论您做什么，都不要跳过创意简报，因为它将是您项目的生命线。

在创意简报中你应该问些什么问题？例如：

二、计划

一旦你了解了构建需要什么，就应该开始计划如何实现它。在你开始设计一个网站之前，你需要确切地知道如何设计它，所有这些都从创建一个设计策略开始。

您创建的每个网站的设计策略都应该是手工制作的，以符合客户的愿景（如果您为自己设计网站，您就有资格成为客户）。

什么因素会影响你的设计策略？通过向您提供一些基本信息，例如您的时间框架和您的网站的目标受众是谁，创意简报将是您计划的基础。

了解你的受众尤其重要，因为它会影响你浏览网站的地点和方式。例如，您是否还需要为touch创建一个特定于移动设备或iPad的版本？

无论在整体战略图景上留下怎样的空白，都需要通过自身的一些研究来填补。现在是时候访问竞争网站，看看什么类型的设计已经在目标市场，所以你知道如何区分你的设计。

在你做研究的同时，你还将开始头脑风暴，讨论要使用的颜色、效果的放置位置、要使用的字体以及其他类似的细节。

在这一点上，你也应该做笔记，截图和启动情绪板。

接下来，是时候创建一个模型，开始让你的想法更具体。我喜欢先在普通的旧报纸上概述我的想法，就像许多其他网页设计师一样。

现阶段，不仅要认真考虑网站的布局，还要考虑网站的结构和导航的形成。

在点击Photoshop或illustrator来创建更具体的内容之前，你有机会看到有效的方法和尝试不同想法的好地方。

这个过程的这一部分也是评估您需要使用哪些工具的好机会。您不应该为创建的每个站点使用计划的工具集。这对所有参与者来说都是一种潜在的危险做法，包括网站的终用户和客户（更不用说你的投资组合看起来有多单调）。

三、设计

现在我知道，有很多网页设计师喜欢直接跳到设计阶段，而不考虑学习或规划，但设计不仅仅是创作的行为。你想真正创造一些好的和有用的东西，你不能不做一些前期工作，然后才开始设计。

如果你已经完成了你的学习和计划，实际的设计将变得更容易。当你不必担心细节的时候，它确实会开启一个全新的效率和生产力水平，因为你可以专注于更重要的事情。

一旦你准备好开始设计，记住你需要设计的不仅仅是主页。你还需要设计你的网站的子页面。有时，设计一个主页概念、分割它并开始编码以获取子页面是很容易的。你可能还需要设计一个移动版或iPad版的网站。

设计阶段本身很简单。只需打开Photoshop（或您选择的图形创建工具）就可以开始模拟生活、出汗细节，并使其像素。即使你认为你正在做的项目很无聊，只要盯着墙看24小时，把你所有的工作都投入进去。

在设计阶段，务必寻求反馈，以确保满足所有规定的要求。如果客户想要进行更改，那么是时候在设计被切片和编码之前进行更改了，如果在设计阶段进行更改，那么很难进行非常简单的更改。

四，代码

一旦你有一个好的设计，你需要把它变成一个真正的网站。不管您将使用什么内容管理系统，安全的方法是从通用的HTML和CSS模板开始。

继续添加标题、描述和元标记，或者至少记录下将来使用内容管理系统的情况。

通过插入div页眉、页脚和内容区域的主要部分开始编写HTML/CSS。

接下来，开始添加文本和图像内容。目标是尽可能保持标记的语义，以便每个元素都有意义。

避免分裂和使用太多的div。例如，不需要div来包含徽标。尝试改用H1或P，它们可以是完全相同的样式（例如，使用displaycss属性将它们转换为块元素）。

不要忘记使用W3C提供的验证工具来确保您的代码是有效的（还要理解验证工具的缺点）。

您还需要做一些浏览器测试，以确保网站的外观和行为符合预期，并提供统一的品牌体验，无论用户如何访问它。如果您对不同类型的计算机的访问权限有限，则可以使用browsershots等工具。

使用firebug和Yslow调试您的站点，并确保您的工作以速度运行。

五，释放

当你终改进网站时，是时候向公众发布它了。发布方式对不同的人来说是不同的，例如，如果你打算重新设计一个使用内容管理系统或发布平台的网站，那么你的发布可能就和应用一个新主题一样简单。

如果在沙箱或本地开发环境中设计新站点，“上线”意味着将文件FTP到生产服务器。

六，保持

在您的计划阶段，您应该确定谁将负责网站维护，如果客户无法维护网站，您可能需要建议他们聘请第三方帮助您定期或根据需要管理和执行维护任务。

在项目移交/关闭期间，它还可能有助于为您的客户提供一些指导和基本培训，以确保他们了解如何正确维护网站。