网页设计的过程！

几乎每一个网页设计师可以证明，他们的大部分工作是重复的。我们发现自己完成相同的任务，即使稍加修改一遍又一遍，对每个Web项目。经过详细的网站设计和开发过程可以加快您的工作，并帮助您的客户了解项目的作用。本文试图说明如何开发网页设计可以组织开发的思想，加快项目的时间表，并准备发展一个自由企业的一个过程。

首先，究竟是一个“过程”？一个Web开发过程是一个需要采取从开始到结束，以完成一个典型的Web设计项目的步骤记录的轮廓。它划分和归类的工作，然后分解成任务，并可以作为每个项目的路线图所使用的资源这些高层次的部分。

一个典型的过程

这里是一个标准的过程，是放在一起使用来自互联网以及我自己的经验例子。（注：请参阅在每个阶段结束时的资源链接。）

1。规划

规划阶段可以说是最重要的，因为什么决定，并制定在这里为整个项目的阶段。这也是阶段，需要客户的互动和随行注重细节。

• 需求分析
  ，包括客户的目标，目标受众，详细的功能要求，并尽可能多的相关资料，你都不可能收集。即使客户有精心策划的他或她的网站，不要怕从你的经验，提供有益的建议。
• 项目章程
  项目章程（或同等文件）总结了已收集并同意后，在前面点的信息。这些文件通常是简洁，而不是过分的技术，他们作为整个项目提供参考。
• 站点地图
  站点地图导游到底是谁在结构丢失的用户或需要找到一条信息迅速。而不是简单的列表页面，包括一个网页链接和组织层次是很好的做法。
• 合同定义的角色，版权和金融分
  这是一个文件的关键因素，并应包括付款条件，项目结束条款，终止条款，著作权的归属和时间表。小心盖上自己的这份文件，但要简洁，高效。
• 访问服务器和建立文件夹结构
  典型的信息获取和验证，包括FTP主机，用户名和密码，控制面板的登录信息，数据库配置及任何语言或框架目前已安装。
• 确定所需的软件和资源（商业摄影，字体等）
  之外确定任何第三方媒体的需求，找出你可能需要聘请分包商及任何其他软件，你可以亲自要求。所有这些添加到项目的预算，客户如有需要充电。

这一阶段的资源链接：

• Jumpchart：客户端/开发协作工具
• Dropbox的：文件共享和协作工具
• Mindmeister：免费线上心智图软件
• 写作防弹网页设计合同

2。设计

在设计阶段通常涉及移动在规划阶段变为现实进一步所列资料。其主要成果是有记录的网站结构，更重要的是，可视化表示。当设计阶段完成后，网站应该或多或少已经形成，但对于内容和特殊功能的情况下。

• 线框和设计元素规划
  这是该网站的可视化布局初步形成。利用从规划阶段客户端收集的资料，开始设计布局使用线框。铅笔和纸张有着惊人的有用在这个阶段，尽管许多工具以及在线帮助。
• 需求分析的基础上实物模型
  设计模拟- UPS在Photoshop中相对容易的修改允许的话，它保留了设计元素在各层组织，它素数的切片和编码您到时以后。
• 审查和批准周期
  的审查，调整和审批的实物模型周期经常发生，直到（理想）客户端和承包商与设计感到满意。这是最简单的时间进行更改，而不是设计后已编码。
• 切片和代码有效的XHTML / CSS
  它的编码时间。切片最后Photoshop的实物模型，并编写HTML和CSS的基本设计规范。互动元素和jQuery还在后面：现在，只获得视觉效果一起在屏幕上，并且一定要验证在移动之前的所有代码。

这一阶段的资源链接：

• 为线框草图打印模板
• 颜色方案设计
• 型测试仪，字体比较
• iPlotz，在线模板和线框工具
• 条纹发生器
• Favicon发生器
• 图标搜索器
• 证券交易所，自由照片

3。发展

开发涉及到大量的编程工作，以及装载的内容（不论是由您的团队或客户端的）。保持代码的组织和评价，并参考不断的规划细节完整的网站需要的形状。采取的战略方针，并避免通过不断的测试，当您去未来的麻烦。

• 构建发展框架。
  这是唯一的要求时，可能会迫使你偏离的过程。如果你使用Rails的，一个ASP / PHP框架或内容管理系统，红宝石现在是时候落实，取得了基本的引擎启动和运行。这样做早期确保服务器能够处理的安装和设置顺利。
• 每一页的类型代码模板。
  一个网站通常有几页（如家，大致内容，博客文章，形式），可以基于模板的。为此，创建自己的模板是很好的做法。
• 开发和测试的特殊功能和互动性。
  这里就是看中要素开始发挥作用。我想借此在添加静态内容的网站，因为这个服务现在提供了一个比较干净，整洁的工作空间。有些开发商想获得形式和验证并在此阶段运行也是如此。
• 填写的内容。
  对于枯燥的一部分时间：加载客户端或作家提供的所有内容。虽然平凡，不失误在这里，因为即使是最简单的需求紧张的页面排版和精心注重细节。
• 测试和验证的链接和功能。
  这是一个完整的网站检讨的好时机。作为一个指导你使用文件管理器，穿行每一个页面上，您已经创建了，一切从主页，提交确认页面，并确保一切工作正常，这是你没有错过任何视觉或功能。

这一阶段的资源链接：

• Wufoo，形成发电机
• 土坯Browserlab，跨浏览器的分析
• 选择合适的Web平台

4。启动

对发射阶段的目的是准备供市民浏览该网站。这就需要设计元素，互动性和深刻的测试和功能，最重要的是，一个用户体验审议的最后抛光。在这个阶段的一个重要步骤是将早期的网站，如果需要的话，其永久Web服务器。在生产环境中进行测试非常重要，因为不同的服务器可以有不同的功能和异常行为（如不同的数据库主机地址）。

• 抛光
  特别是如果你不急于满足最后期限，打磨基本完成设计可以有很大的不同。在这里，你可以识别的网站，可以在小的方面改进的地方。毕竟，你想成为这个网站的客户端自豪。
• 转移到现场服务器
  这可能意味着转移到现场的Web服务器（虽然希望你已经在生产环境中进行测试），“取消隐藏”的网站或消除“正在建设中”页面。你的最后一分钟的直播网站审查发生了。要确保这个阶段的客户都知道，和敏感的时间，如果该网站已流行。
• 测试
  运行通过使用可用的工具的最终诊断，网址为：代码验证器，破碎环节跳棋，网站健康检查，拼写检查等等。你想找到自己的任何失误，而不是从客户或最终用户听力的投诉。
• 最后的跨浏览器检查（IE，火狐，铬，野生动物园，歌剧院，iPhone，黑莓）
  不要忘记检查在多个浏览器的网站最后一次。正因为代码是有效的，并不意味着它会与在IE 6脆布局神采奕奕。

这一阶段的资源链接：

• W3C验证（HTML，CSS）
• 土坯Browserlab，跨浏览器的分析

5。后启动

经营重新进入在这一点上的图片作为你把相关的项目关闭所有的小任务的照顾。包装源文件，使用说明和提供任何必要的培训在这个时候发生。始终保留为尽可能简洁地告知客户，并试图预测任何问题，他们可能有。不要留下一个封闭的门项目;沟通您是在为将来的维护提供，并致力于持续的支持。如果维修费尚未得到共享，建立他们现在。

• 手头宽裕客户
  确保客户端与产品，而且所有的合同义务已得到满足（参考项目章程）感到满意。一个封闭的项目应该离开你和客户满意，没有烧毁的桥梁。
• 提供文件和源文件
  提供的，如软拷贝的网站地图上的框架和语言使用的详细信息的网站，文档。这将防止任何意外，为客户以后，它也将是有益的，他们应该永远与其他Web开发人员。
• 项目结束时，最后文件
  获取客户签字的最后检查，提供您的支持联系信息，并正式关闭项目。保持与客户的关系，虽然，在路上检查在一个月内，以确保一切都很顺利，往往赞赏。

如前所述，这只是一个样品的过程。您的版本将被修改根据您的客户群和设计风格。进程也可以根据不同产品的性质，例如，电子商务网站，Web应用程序和数字营销都有着独特的要求。

记录过程

创建和保留两个版本的Web设计过程：
一为你或你的团队为指导使用你在后端的工作，一个与客户分享。两者本质上的差异应该是清楚的：你会更详细，包括技术资源，以帮助发展客户的将是一个简洁，非技术性的过程图，从开始到结束。

用于记录业务流程常用的工具是一个简单的Microsoft Word文档，Microsoft Visio和心智图软体如Freemind。如果你雄心勃勃，甚至可以开发自己的内部基于Web的工具。

使用过程

现在，你应该明白什么是过程的样子，包括每个阶段的具体细节，并有一定的如何构建您的特定网页设计的构思过程。这是一个伟大的第一步，但它仍然只是第一步！不要错过这个下位：知道进程如何能提高你的整体业务，以及如何使用它时，接近并与客户进行交互。

炼油过程

这一过程将会是不同的每一个设计师，并为每个项目。制定自己的过程，并确定什么是有用的你或你的团队。只有这样，才能真正有用的过程。毕竟，自由职业者可以起到显着不同的目标市场。

项目符号列表是很好，但是这个过程可以更有效和较复杂。的资源，工具和网页设计博客和Twitter发布的许多链接送入过程的不同部分适合。这是一种非常有用的方法来改进过程就是添加资源链接到每个阶段，并开发自己的资源，如品牌的文档模板。

自由职业者的一些常用的文件：

• 客户调查问卷，
• 发票，
• 项目章程，
• 文档交付给客户，
• 用户帐户，
• 数据库表的图表，
• 网站地图。

文件和归档

文件和储存是非常重要的把握。由于世俗的，因为这些任务就可以了，他们一定的帮助时报税季节来临时，或当小自由企业开始扩大。你永远不能过于纪律，当涉及到工作效率和时间。你可以建立一个标准的文件格式，所有的客户端和文件夹结构，或保持以前的客户和项目文件的列表或存档。你可以使用任何东西，从简单的名单，以全力以赴的小企业会计行为。

一个过程使得客户放心

许多客户认为作为一个黑盒子Web开发，即使你试图教育他们的方法。对他们来说，他们提供他们的要求，建议和内容，然后一段时间后会出现一个网站或开始初具规模。他们往往完全主要方面的过程中，如设计和开发分离，不知道。手头上有一个有组织的，简洁的过程可以帮助组织客户的想法，并于安心，更何况帮助他们了解他们的钱哪里去。

大纲作为自由职业者我的基本过程是迄今为止最常见的第一步，我与潜在的或新的客户需要。快速，高层次“，这是它的工作原理”的讨论提供了整个项目的框架。一旦你有这样的讨论，客户将能更好地了解哪些是他们特别需要，你会在某些点提供的时间表，什么类型的工作你会参与，当您去。最重要的是，可以讨论任何误解或扼杀在萌芽状态混乱。

设计师往往过于深入到网页设计，以实现大多数人不知道他们做什么或了解他们的术语，知道创造一个成品所涉及的步骤。开始与理解“无能”客户端新鲜可以艰巨。

它是一个商业

这是一个企业，并概述了这里的步骤基本的路径小型企业管理。当你在客户或员工或承包商成长，你会发现有一个不断增长自己的工作清单，并从所有的事情头痛的跟踪。给自己一个突破，并在寻找投资工具，以帮助您有效地完成工作一段时间。扩大的过程文件是一个伟大的这条道路上迈出的第一步。

提示

• 问一个非技术的朋友，审查您的进程。如果他们是有意义的，它会使你的客户意识。
• 以此为出发点，以建立或完善自己的其他设计师的过程。查看相关资源的链接。
• 构建到您的过程文档模板和Web应用程序。这将节省时间，让你更专业。

风险

一个进程不能被应用到每一个项目。虽然你的进程将是有益的，当你第一次参加在规划讨论客户端，一定要审查之前发生的讨论，以确保它适合的项目。