模块四整体规划设计 单元2：分析、设计、重构 一、网站需求分析 要塑做一个好的网站。没有完善的雷求分析是背定不行的，那么网站香求分析怎么写 呢：一般需求分析文档应包含以下内容。 ·网站柜架图或网站地图的规划 使用专业的流程图绘制工具绘国出网站的框架图，让料站中各个页面、导航、栏目、 版块霜晚够清晰的展现在图中，作为网站需求分析的总览图。 ·真面设计的需求总结 在网站需求分析中总结出哪些页而需要独立授计、页面的风格色彩是什么、页面分 辆率是多少、是否有1图标的授计以及数量、是否有动画设计以及数量、是否有芦 前端效果以及数量等。这些都会影响项目的工期进度以及成本。 ·网站功陵需求总结 根据客户香要以及网站内容管理的全面性进行功能的总结，在网站需求分析中，一 定要讲每个功能的细节操作定义清晰，以免在后期开发中出观歧文。例如一个新间 管理系统功能，还应详细地分析出它需要要“新增文章“，编辑文章”，“酬除文章“、 “文章置项”、“文章下线等各项操作。 ·技术说明 在辉站需求分析中应体现出使川的是事种技术平台、何种设计软件、网站前端技术 有哪些、安全防御措施等。 ·关于网站优亿的分析 实际上网站的作用主要是为了带米流量和客户源，因此在网站需求分析中要重视对 网站优化推广的策划，分析网站的客户群习惯搜索愿生关键词去找他们需要的信息 或产品，然后根据这些关健词对网站进行优化
模块四 整体规划设计 单元 2：分析、设计、重构 一、网站需求分析 要想做一个好的网站，没有完善的需求分析是肯定不行的，那么网站需求分析怎么写 呢？一般需求分析文档应包含以下内容。 • 网站框架图或网站地图的规划 使用专业的流程图绘制工具绘画出网站的框架图，让网站中各个页面、导航、栏目、 版块都能够清晰的展现在图中，作为网站需求分析的总览图。 • 页面设计的需求总结 在网站需求分析中总结出哪些页面需要独立设计、页面的风格色彩是什么、页面分 辨率是多少、是否有 VI 图标的设计以及数量、是否有动画设计以及数量、是否有 js 前端效果以及数量等。这些都会影响项目的工期进度以及成本。 • 网站功能需求总结 根据客户需要以及网站内容管理的全面性进行功能的总结，在网站需求分析中，一 定要讲每个功能的细节操作定义清晰，以免在后期开发中出现歧义。例如一个新闻 管理系统功能，还应详细地分析出它需要要“新增文章”、“编辑文章”、“删除文章”、 “文章置顶”、“文章下线”等各项操作。 • 技术说明 在网站需求分析中应体现出使用的是哪种技术平台、何种设计软件、网站前端技术 有哪些、安全防御措施等。 • 关于网站优化的分析 实际上网站的作用主要是为了带来流量和客户源，因此在网站需求分析中要重视对 网站优化推广的策划，分析网站的客户群习惯搜索哪些关键词去找他们需要的信息 或产品，然后根据这些关键词对网站进行优化
网站报价 每项服务或功使的报价细节罗列在网站需求分析文档中。 ·项目实安排 明确说明项目的实步骤以及项目工期和人员配备的安持。 ·售后服务 也可以称为后期站排护，在国站需求分析中应对网站后期的内容维护、定期改版、 数据备份等工作给出安排说明。 二、不同风格创意设计 传统型 清香阁茶楼 丽 8日联动 公国5属 美食示 人 酒斯 0被面介 0提时格 航守餐生程姓花：的仕花史建 同的图星支性早支金 组小x挂验程 红立具修产星置的果年无同：图地法 锅士出生 强1-十19习 足物，形州干甲，视四再：W:图，里由-批 属拉迎台时早点 凉1-十美挂郑清 环于，营城，于5到有：一，料 铜的级支性支生 1小属t卷15 移二：物地：三、早久信：后：平时中特大 通碱：过之导 周立多是合件电早去 加-十等其算烟 。清香者南 0第转精色 线：机世要国味果1包中有 端1千编下生球 时年的.列使00 571-1234湾12512达435园 eM页 候 用装日 人黑 直细 门 9有Cs士a志得品周h流国合透￥车uw和0国
• 网站报价 每项服务或功能的报价细节罗列在网站需求分析文档中。 • 项目实施安排 明确说明项目的实施步骤以及项目工期和人员配备的安排。 • 售后服务 也可以称为后期网站维护，在网站需求分析中应对网站后期的内容维护、定期改版、 数据备份等工作给出安排说明。 二、不同风格创意设计 传统型
图0402-1 紫色高雅型 1 emplate 好6消临经蜜影住型 女首西 美白列妆液技香本男灶客区 服盟 口形服翻1丝引纸结积 ■龄身社专格缩言年年灯 可以清1中：：年1 销然是1青香-满能编有 线 白银-白形 白我二白目 0有年物 白#题白#题 北家 i ，相 鞋一 鞋二 护 白 装 目 鞋后 数 图0402-2 精美精装型
图 0402-1 紫色高雅型 图 0402-2 精美精装型
司大准只 书百关于的结产星植的有省结 口排表闲公同 顾客至上信 1公销杂可雪 银系打 件共有票是餐世任一九三大年三004石南老年周H线大帝 公用电址一里一 康围人李光生 电机三面。 【P温示行 L000000 1u0000000a0 指产出 得型 等品 肾坐 快公西餐相码有 集电属：回黑人1运于得：过酒 图0402-3 三、选定视觉风格 在需求分析阶段，需充分了解客户需求。特别关注客户对网站界而风格的喜好。让设 计人员先了解客户的需求半常重要，住往可以达到事半功倍的效果。 四、画出网站中的交互式流程 交互式流程有助于业主与开发人员之间业务逐辑的实现答成一致意见。它不但为开 发设计人员提供依据。也会用户操作提供指引，如下图所示，图为衣行K宝证节安装交互 流程图。当燃发布到网站上的操作流程图成更简单、易懂
图 0402-3 三、选定视觉风格 在需求分析阶段，需充分了解客户需求。特别关注客户对网站界面风格的喜好。让设 计人员先了解客户的需求非常重要，往往可以达到事半功倍的效果。 四、画出网站中的交互式流程 交互式流程有助于业主与开发人员之间就业务逻辑的实现答成一致意见。它不但为开 发设计人员提供依据，也会用户操作提供指引，如下图所示，图为农行 K 宝证书安装交互 流程图。当然发布到网站上的操作流程图成更简单、易懂
准备子密料信树， K客户请将长蜜连接年计舞机 安装敏新氨客户端些且，安装 发功号题入“正技下线”面面 行4作其铁得 输入都考号和程权码 W度配正书下线程界， 系线件幼粒梨非解机环纯 然后确认下线 检糊通过妇棒读下线 圆读K室正移下钱提示，过置K室口 今《输入两油)，脑后确认下截 在弹出K季杨正 窗，偏入0发k装 样盒以完成下 口◆，以完成下线过程 卜线夜动 等特5分种即可登★ 人料上但行了 图0402-4 五、画出网站线框图及纸面原形（首页及二级页面） 线框图是一个可视化的导图。可以用其来栓释出一个网站的龙骨，同时也可以称其为 一个真面的示意图成屏幕的蓝图。线框图非常容易创建和进行有必要的修改。帮助设计师以 低成本且高效率来进行选代设计。为了对线框图进行更好的设计与修政，我们会遗择一些优 秀的工具，当然少不了的镜是Axue,MockFlow以及Balsamiq Mockups等，这些线框图具 有非常高的价值，因为它们便于修政，也可以使设计团队更容易的在项目中进行沟通和管理·
图 0402-4 五、画出网站线框图及纸面原形（首页及二级页面） 线框图是一个可视化的导图，可以用其来诠释出一个网站的龙骨，同时也可以称其为 一个页面的示意图或屏幕的蓝图。线框图非常容易创建和进行有必要的修改。帮助设计师以 低成本且高效率来进行迭代设计。为了对线框图进行更好的设计与修改，我们会选择一些优 秀的工具，当然少不了的就是 Axure、MockFlow 以及 Balsamiq Mockups 等。这些线框图具 有非常高的价值，因为它们便于修改，也可以使设计团队更容易的在项目中进行沟通和管理
Searchform m k Drpanmo name Page header T重CTION TITLE UN展 w Local H相pehe Reytedteks navigation m米 U并标通 Scancolumnsand conoent column 的礼时 Pageoe 图0402-5 【课后小结】 分析、设计的基本是需求调研，因此需求调研与分析是成功的关恒
图 0402-5 【课后小结】 分析、设计的基本是需求调研，因此需求调研与分析是成功的关键