按经验值不同的目标用户群分类。 比如：“猎头服务”是针对较大发展的人。 “校园招聘”是针对毕业学生…
演示案例2讲解—八面玲珑

智联招聘网导航按照用户不同身份分类， 同时按照行业分类，针对多种目标用户群；页面以 蓝色为主；布局根据网站侧重点不同来分配内容。
经验值分类
行业分类
相关理论3


讲解：理论知识(目标用户群)
开发参与人：架构师、开发工程师 设计参与人：网站制作人员 所用软件：DW/FL/ PS/FW
继续开发 网站整合 网站测试 网站发布
开发参与人：开发工程师、架 构师、项目经理 设计参与人：网页设计师、业 务员、客户 参与人：开发工程师、制作人员
参与人：测试工程师
参与人：项目经理
相关理论

网页设计的原则
网页设计的原则
《网站配色与布局》课程地位
本章目标
会明确网站主题 会分析行业资料 会确定网站的用户目标群 会使用5种达到“设计”的方法

教师讲解学习目标
相关理论
建设网站的流程
参与人：业务员、客户 参与人：业务员、项目经理、 程序员、策划人员、网页设 计师 未 通 过
业务接洽 项目签单 沟通 写网站策划书
演示案例1讲解—同样产品不同表达的网站

第三步：两个网站的商品针对的消费人群分析

中低档消费人群。
高端消费人群

第四步：两个网站的设计风格分析 传统风格 Flash多媒体
案例中理论

目标用户群不同和网站产品不同， 设计风格也随之不同。
相关理论1


讲解：理论知识（如何明确网站主题）
对于题材选择的建议
VI不能代替口号

口号出现在Banner里 口号出现在Title里 口号出现在插画里 好的口号要清楚、有真实的东西。
•
选择口号时需注意：

相关理论4

不好的口号含混不清。 好的口号长度适中。 不好的口号太笼统。

好的口号应该有个性、生动，有时候还很俏皮。
• 有些网站已经很有名气，口号的功能被弱化。

行业资料分析是设计进行前的重要步骤。 行业知识积累不够，在网站分析时，就只能 看见表面，流于形式。
相关理论2
• VI设计

VI含义：视觉识别（Visual Identity）: 以标志、标准字、标准色为核心展开的完整的、系统 的视觉表达体系。将企业理念、企业文化、服务内容、 企业规范等抽象概念转换为具体符号，塑造出独特的 企业形象。 VI内容：基本要素系统和应用系统

统一、连贯、分割、对比、和谐。 在原则指引下，建站前要做准备工作。
确定主题（创作前的准备工作）
与客户有效的沟通 汇总目标用户群的特征 网站导航（信息方面） 构思进行创作 新网站的优势和特色
分析行业资料
寻访相关网站
形象口号（文化方面）
创作前的准备工作
演示案例1分析—同样产品不同表达的网站

案例分析
目标用户群的概念
•

是指接收并理解网站建设方通过网络媒 介传递的信息个体。
一般网站中目标用户群分析
• • • • •
门户类网站：目标用户群多 专题类网站：目标用户群单一、个性 旅游类网站：年轻、时尚一族 平台式网站：信息丰富，目标用户群多 娱乐类网站：活泼的年轻人
相关理论4

达到“设计”目的5种方法

VI设计
小结

通过上面的案例了解网页设计的主题，主题的不 同导致网页的设计风格不同。
1）没有确定网站主题的作品容易出现什么问题？
2）是不是明确了网站主题就能做好网页呢？
答案是否定的。下面通过实例给大家讲解目标用户群。
演示案例2分析—八面玲珑

案例分析

目标用户群的不同，导航和页面设计不同。 3个网站的目标用户群
箱包批发网：品种多、齐全。综 合的大型电子商务网站。
LV网：专营自身品牌产品的电子商务网站。
演示案例1讲解—同样产品不同表达的网站

第二步：网站功能和结构分析
LV网：采用 Flash特 效，精致 而多变。 右边多国 语言选择， 使用方便。
箱包批发网：产品以装饰品名称分类，左侧按各 个产品的品牌分类。
通 过
明确网站主题、目标用户群、目的、 设计风格、布局等；采用的架构、 开发语言（ASP/JSP/JAVA/等)、 数据库（SQL/MY SQL/Oracle…)等。
网站架构：架构师 功能开发：开发工程师（程序员）设计参与人：网页设计师 所用软件：PS/FW
开发和设计 提交方案
通 过
未 通 过
参与人：策划人员（主）、 项目经理、开发工程师（辅）、 网页设计师（辅）
涉及的知识点：

网站对比
教师通过案例引入理论
案例中理论

讲解：目标用户群

百业人才网导航按照不同行业分类，8类不同 目标用户群；页面绿色清新、淡雅；布局功能 模块明确。
分类 有针对“营销”人员的，有针对“五金”行业的……
演示案例2讲解—八面玲珑

中华英才网导航按照内容、用户经验值不同的 目标用户群分类；页面以蓝色为主；页面重点 突出导航中的重点内容。
• • •
主题要小而精 目标不要太滥或太高

网页形式是为突出主题服务的
交换箱包批发网和LV网的设计形式是不可取的。
相关理论2


讲解：理论知识（如何分析行业资料）
行业资料分析包括：
•
宣传册：公司对外宣传的载体，VI的一部分。
宣传册展示
相关理论2
• 电视广告
洗发水广告
手机广告
电脑广告
厨房用品广告
• VI设计 • 行业背景

通过4点对网站进行对比：
• • • •

产品 结构和功能 消费人群 设计风格
涉及的知识点：

如何明确网站主题 教师通过案例引入理论
网站对比
演示案例1分析—同样产品不同表达的网站

首先，对比两个网站
箱包批发网 LV网
演示案例1讲解—同样产品不同表达的网站 操作步骤分析：


第一步：两个网站的产品分析

书写策划书 设计的“4”种切入点 网页内容安排技巧 广告的“口号” 网站可信度
相关理论4

网站策划书的内容：
• 背景介绍 • 市场分析 • 建设目的及网站定位 • 技术解决方案 • 内容规划 • 页面设计 • 流程及人工 • 网站维护 • 发布与推广
相关理论4

•
广告的“口号”
总结
做网站之前要明确什么？ 确定设计方向的前提要明确什么？ 行业分析要通过哪几方面来完成？ 如何达到“设计”目的有5种方法都有什么？

总结并布置作业