对我来说，许多领域可以在一定程度上重叠。

• 通过草图、线框图、注释、讨论、预算等来定义需求（必须先行）

• 线框 - 内容可以在这里开始写或至少概述。内容大小的粗略想法将有助于线框，因此真正的写作和线框可以在某种程度上结合在一起。

• 线框批准

• 最终确定内容 - 早期的设计草图可以从这里开始，但在静态副本完成之前无法最终确定。

• 内容审批

• 完成设计/关键字/编码 - 可以在设计充实时确定关键字。根据工作习惯，可能会开始编码以完成设计。

• 设计批准

• 完成编码/搜索引擎优化 - 编码和搜索引擎优化可以齐头并进。您知道，在考虑 SEO 的代码的同时开始规划外部 SEO 策略等。

• 代码批准

• 持续的搜索引擎优化/维护。

我的项目工作流程通常是这样的：

1. 与客户会面以收集需求（确定他们需要什么）
2. 确定要使用的后端策略（编程语言、平台等）
3. 创建线框以概述网站或应用程序的工作方式以及基本元素的去向
4. 与客户一起审查线框
5. 设计模型 - 这些可能是 HTML/CSS 模型，也可能是在 Illustrator 或 Photoshop 中设计的图像
6. 与客户一起审查模型
7. 根据客户反馈编辑模型
8. 创建工作产品

理想情况下，客户尽可能早地为我们提供真实的内容，但现实情况可能会在以后出现。我会注意到我创建了很多基于 Web 的应用程序，因此我们在需求阶段确定基本功能并考虑到这些功能进行设计。

我从博客中得到了一些信息

http://sixrevisions.com/web-development/a-6-step-general-process-for-produce-a-website/

1. 学习

   学习——首先发现和理解你需要构建的东西——是整个
   网站设计过程中最重要的部分，这不应该让你感到惊讶。

2. 创意简介

   您应该以您和您的客户最熟悉的方式获取这些信息——但无论您做什么，都不要跳过创意简介，因为它将成为您项目的命脉。

你应该在你的创意简报中问什么样的问题？至少，找出：

• 客户的目标受众
• 他们对网站的主要和次要目标
• 当前品牌特征 预算
• 他们需要满足的最后期限

3.计划

一旦你了解了你需要构建什么，就该开始计划如何实现它了。在开始设计网站之前，您首先需要确切地知道设计什么以及如何设计它——而这一切都始于创建设计策略。

4.设计

一旦准备好开始设计，请记住，您需要设计的不仅仅是主页。您还需要为您网站的子页面设计。有时很容易设计一个主页概念，将其分割并开始编码

5.代码

一旦你有了一个杀手级的设计，你就需要把它变成一个真实的、实时的网站。无论您要使用哪种内容管理系统，一个安全的选择都是从通用 HTML 和 CSS 开始

6.启动

当您最终完善该网站时，就该向公众发布它了。发布对不同的人可能意味着不同的事情，主要是因为存在各种内容管理系统和开发环境。

7.维护

在您的计划阶段，您应该确定谁将负责现场维护

这可能会有所帮助。有一些很好的网页设计原则

谷歌手册网络基础

该手册是多设备 Web 开发的综合资源。因此分为4类：

多设备布局——创建灵活而非固定的布局，无论在什么设备上都能提供出色的体验

图像和视频——结合图像、音频或视频，然后了解如何使图像具有响应性、添加视频并为传统平台提供替代方案。目前正在开发的音频

表单和用户输入——创建使用语义输入类型和响应触摸和其他手势的元素的表单。

优化性能——了解浏览器对象模型如何从 HTML 和 CSS 构建页面。还有其他页面规则和建议来优化数据的交付