参与人：策划人员（主）、 项目经理、开发工程师（辅）、 未 网页设计师（辅） 通 过
开发参与人：开发工程师、架 构师、项目经理 设计参与人：网页设计师、业 务员、客户
参与人：开发工程师、制作人员
参与人：项目经理
相关理论
❖ 网页设计的原则
统一、连贯、分割、对比、和谐。 在原则指引下，建站前要做准备工作。
开发参与人：架构师、开发工程师 设计参与人：网站制作人员 所用软件：DW/FL/ PS/FW
参与人：测试工程师
业务接洽 项目签单
沟通
写网站策划书
通 过
开发和设计
提交方案
通 过
继续开发
网站整合
网站测试
网站发布
明确网站主题、目标用户群、目的、 设计风格、布局等；采用的架构、 开发语言（ASP/JSP/JAVA/等)、 数据库（SQL/MY SQL/Oracle…)等。
• 选择口号时需注意：
好的口号要清楚、有真实的东西。
不好的口号含混不清。 好的口号长度适中。 不好的口号太笼统。
相关理论4
好的口号应该有个性、生动，有时候还很俏皮。
• 有些网站已经很有名气，口号的功能被弱化。
总结
❖ 做网站之前要明确什么？ ❖ 确定设计方向的前提要明确什么？ ❖ 行业分析要通过哪几方面来完成？ ❖ 如何达到“设计”目的有5种方法都有什么？
确定主题（创作前的准备工作）
与客户有效的沟通 汇总目标用户群的特征
网站导航（信息方面）
分析行业资料 寻访相关网站
新网站的优势和特色
构思进行创作 形象口号（文化方面）
创作前的准备工作
演示案例1分析—同样产品不同表达的网站
❖ 案例分析
通过4点对网站进行对比：
• 产品 • 结构和功能 • 消费人群 • 设计风格
❖ 涉及的知识点：
如何明确网站主题
教师通过案例引入理论
网站对比
演示案例1分析—同样产品不同表达的网站
箱L包V网批发网
❖ 首先，对比两个网站
演示案例1讲解—同样产品不同表达的网站 ❖ 操作步骤分析：
第一步：两个网站的产品分析
箱包批发网：品种多、齐全。综 合的大型电子商务网站。
LV网：专营自身品牌产品的电子商务网站。
相关理论2 • VI设计
VI含义：视觉识别（Visual Identity）: 以标志、标准字、标准色为核心展开的完整的、系统 的视觉表达体系。将企业理念、企业文化、服务内容、 企业规范等抽象概念转换为具体符号，塑造出独特的 企业形象。
VI内容：基本要素系统和应用系统
VI设计
小结
❖ 通过上面的案例了解网页设计的主题，主题的不 同导致网页的设计风格不同。
总结并布置作业
相关理论4
网站策划书的内容：
• 背景介绍 • 市场分析 • 建设目的及网站定位 • 技术解决方案 • 内容规划 • 页面设计 • 流程及人工 • 网站维护 • 发布与推广
相关理论4
相关理论4
广告的“口号”
• VI不能代替口号
口号出现在Banner里 口号出现在Title里 口号出现在插画里
一般网站中目标用户群分析
• 门户类网站：目标用户群多 • 专题类网站：目标用户群单一、个性 • 旅游类网站：年轻、时尚一族 • 平台式网站：信息丰富，目标用户群多 • 娱乐类网站：活泼的年轻人
❖ 达到“设计”目的5种方法
书写策划书 设计的“4”种切入点 网页内容安排技巧 广告的“口号” 网站可信度
1）没有确定网站主题的作品容易出现什么问题？ 2）是不是明确了网站主题就能做好网页呢？
答案是否定的。下面通过实例给大家讲解目标用户群。
演示案例2分析—八面玲珑
❖ 案例分析
目标用户群的不同，导航和页面设计不同。
❖ 涉及的知识点：
3个网站的目标用户群
网站对比
教师通过案例引入理论
案例中理论
❖ 讲解：目标用户群
网页设计的原则
《网站配色与布局》课程地位
❖ 会明确网站主题 ❖ 会分析行业资料 ❖ 会确定网站的用户目标群 ❖ 会使用5种达到“设计”的方法
本章目标
教师讲解学习目标
相关理论
建设网站的流程
参与人：业务员、客户
未
参与人：业务员、项目经理、 通
程序员、策划人员、网页设
过
计师
网站架构：架构师 功能开发：开发工程师（程序员） 设计参与人：网页设计师 所用软件：PS/FW
演示案例1讲解—同样产品不同表达的网站
第二步：网站功能和结构分析
LV网：采用 Flash特 效，精致 而多变。 右边多国 语言选择， 使用方便。
箱包批发网：产品以装饰品名称分类，左侧按各 个产品的品牌分类。
演示案例1讲解—同样产品不同表源自的网站第三步：两个网站的商品针对的消费人群分析
中低档消费人群。
“校园招聘”是针对毕业学生…
演示案例2讲解—八面玲珑
智联招聘网导航按照用户不同身份分类， 同时按照行业分类，针对多种目标用户群；页面以 蓝色为主；布局根据网站侧重点不同来分配内容。
经验值分类
行业分类
相关理论3
❖ 讲解：理论知识(目标用户群)
目标用户群的概念
• 是指接收并理解网站建设方通过网络媒 介传递的信息个体。
相关理论2
❖ 讲解：理论知识（如何分析行业资料）
行业资料分析包括：
• 宣传册：公司对外宣传的载体，VI的一部分。
宣传册展示
• 电视广告
相关理论2
洗发水广告
手机广告
• VI设计 • 行业背景
电脑广告
厨房用品广告
行业资料分析是设计进行前的重要步骤。
行业知识积累不够，在网站分析时，就只能 看见表面，流于形式。
百业人才网导航按照不同行业分类，8类不同 目标用户群；页面绿色清新、淡雅；布局功能 模块明确。
分类 有针对“营销”人员的，有针对“五金”行业的……
演示案例2讲解—八面玲珑
中华英才网导航按照内容、用户经验值不同的 目标用户群分类；页面以蓝色为主；页面重点 突出导航中的重点内容。
按经验值不同的目标用户群分类。 比如：“猎头服务”是针对较大发展的人。
高端消费人群
第四步：两个网站的设计风格分析
传统风格
Flash多媒体
案例中理论
❖ 目标用户群不同和网站产品不同， 设计风格也随之不同。
相关理论1
❖ 讲解：理论知识（如何明确网站主题）
对于题材选择的建议
• 主题要小而精 • 目标不要太滥或太高
网页形式是为突出主题服务的
• 交换箱包批发网和LV网的设计形式是不可取的。