网站设计的流程

1、网页设计的原则网页设计的原则v会明确网站主题会明确网站主题v会分析行业资料会分析行业资料v会确定网站的用户目标群会确定网站的用户目标群v会使用会使用5 5种达到种达到“设计设计”的方法的方法 建设网站的流程建设网站的流程通通过过未未通通过过通通过过 业务接洽业务接洽 项目签单项目签单继续开发继续开发网站整合网站整合网站测试网站测试网站发布网站发布提交方案提交方案开发和设计开发和设计写网站策划书写网站策划书沟通沟通参与人：业务员、项目经理、参与人：业务员、项目经理、程序员、策划人员、网页设程序员、策划人员、网页设计师计师参与人：业务员、客户参与人：业务员、客户明确网站主题、目标用户群、目的、明确

2、网站主题、目标用户群、目的、设计风格、布局等；采用的架构、设计风格、布局等；采用的架构、开发语言（开发语言（ASP/JSP/JAVA/等等)、数据库（数据库（SQL/MY SQL/Oracle)等。等。网站架构：架构师网站架构：架构师功能开发：开发工程师（程序员）功能开发：开发工程师（程序员）设计参与人：网页设计师设计参与人：网页设计师所用软件：所用软件：PS/FW参与人：策划人员（主）、参与人：策划人员（主）、项目经理、开发工程师（辅）、项目经理、开发工程师（辅）、网页设计师（辅）网页设计师（辅）开发参与人：开发工程师、开发参与人：开发工程师、架构师、项目经理架构师、项目经理设计参与人：网页

3、设计师、设计参与人：网页设计师、业务员、客户业务员、客户开发参与人：架构师、开发工程师开发参与人：架构师、开发工程师设计参与人：网站制作人员设计参与人：网站制作人员所用软件：所用软件：DW/FL/ PS/FW参与人：开发工程师、制作人员参与人：开发工程师、制作人员参与人：测试工程师参与人：测试工程师参与人：项目经理参与人：项目经理未未通通过过v网页设计的原则网页设计的原则n统一、连贯、分割、对比、和谐。统一、连贯、分割、对比、和谐。n在原则指引下，建站前要做准备工作在原则指引下，建站前要做准备工作。创作前的准备工作创作前的准备工作 与客户有效的沟通与客户有效的沟通分析行业资料分析行业资料寻访相

4、关网站寻访相关网站汇总目标用户群的特征汇总目标用户群的特征新网站的优势和特色新网站的优势和特色网站导航（信息方面）网站导航（信息方面）形象口号（文化方面）形象口号（文化方面）构思进行创作构思进行创作确定主题（创作前的准备工作）确定主题（创作前的准备工作）v案例分析案例分析n通过通过4 4点对网站进行对比：点对网站进行对比：产品产品结构和功能结构和功能消费人群消费人群设计风格设计风格v涉及的知识点：涉及的知识点：n如何明确网站主题如何明确网站主题 网站对比网站对比v首先，对比两个网站首先，对比两个网站 箱包批发网箱包批发网LVLV网网v操作步骤分析：操作步骤分析：n第一步：两个网站的产品分析第一

5、步：两个网站的产品分析 箱包批发网：品种多、齐全。综箱包批发网：品种多、齐全。综合的大型电子商务网站。合的大型电子商务网站。LVLV网：专营自身品牌产品的电子商务网站。网：专营自身品牌产品的电子商务网站。箱包批发网：产品以装饰品名称分类，左侧按各箱包批发网：产品以装饰品名称分类，左侧按各个产品的品牌分类。个产品的品牌分类。n第二步：网站功能和结构分析第二步：网站功能和结构分析LVLV网：采用网：采用FlashFlash特特效，精致效，精致而多变。而多变。右边多国右边多国语言选择，语言选择，使用方便。使用方便。n第三步：两个网站的商品针对的消费人群分析第三步：两个网站的商品针对的消费人群分析l中

6、低档消费人群。中低档消费人群。n第四步：两个网站的设计风格分析第四步：两个网站的设计风格分析l传统风格传统风格 FlashFlash多媒体多媒体高端消费人群高端消费人群v目标用户群不同和网站产品不同，目标用户群不同和网站产品不同，设计风格也随之不同。设计风格也随之不同。v讲解：理论知识（如何明确网站主题）讲解：理论知识（如何明确网站主题）n对于题材选择的建议对于题材选择的建议主题要小而精主题要小而精目标不要太滥或太高目标不要太滥或太高n网页形式是为突出主题服务的网页形式是为突出主题服务的交换箱包批发网和交换箱包批发网和LVLV网的设计形式是不可取的。网的设计形式是不可取的。v讲解：理论知识（如

7、何分析行业资料）讲解：理论知识（如何分析行业资料）n行业资料分析包括：行业资料分析包括： 宣传册：公司对外宣传的载体，宣传册：公司对外宣传的载体，VIVI的一部分。的一部分。宣传册展示宣传册展示 电视广告电视广告VI设计设计行业背景行业背景 n行业资料分析是设计进行前的重要步骤。行业资料分析是设计进行前的重要步骤。 n行业知识积累不够，在网站分析时，就只能行业知识积累不够，在网站分析时，就只能看见表面，流于形式。看见表面，流于形式。 洗发水广告洗发水广告 手机广告手机广告 电脑广告电脑广告 厨房用品广告厨房用品广告VI设计设计uVI含义：视觉识别（含义：视觉识别（Visual Identity

8、）: : 以标志、标准字、标准色为核心展开的完整的、系统以标志、标准字、标准色为核心展开的完整的、系统的视觉表达体系。将企业理念、企业文化、服务内容、的视觉表达体系。将企业理念、企业文化、服务内容、企业规范等抽象概念转换为具体符号，塑造出独特的企业规范等抽象概念转换为具体符号，塑造出独特的企业形象。企业形象。uVI内容：基本要素系统和应用系统内容：基本要素系统和应用系统 VI设计设计v通过上面的案例了解网页设计的主题，主题的不通过上面的案例了解网页设计的主题，主题的不同导致网页的设计风格不同。同导致网页的设计风格不同。1 1）没有确定网站主题的作品容易出现什么问题？没有确定网站主题的作品容易出

9、现什么问题？2 2）是不是明确了网站主题就能做好网页呢？）是不是明确了网站主题就能做好网页呢？答案是否定的。下面通过实例给大家讲解目标用户群。答案是否定的。下面通过实例给大家讲解目标用户群。v案例分析案例分析n目标用户群的不同，导航和页面设计不同。目标用户群的不同，导航和页面设计不同。v涉及的知识点：涉及的知识点：n3 3个网站的目标用户群个网站的目标用户群网站对比网站对比 v讲解：目标用户群讲解：目标用户群n百业人才网导航按照不同行业分类，百业人才网导航按照不同行业分类，8 8类不同类不同目标用户群；页面绿色清新、淡雅；布局功能目标用户群；页面绿色清新、淡雅；布局功能模块明确。模块明确。分类

10、分类有针对有针对“营销营销”人员的，有针对人员的，有针对“五金五金”行业的行业的n中华英才网导航按照内容、用户经验值不同的中华英才网导航按照内容、用户经验值不同的目标用户群分类；页面以蓝色为主；页面重点目标用户群分类；页面以蓝色为主；页面重点突出导航中的重点内容。突出导航中的重点内容。按经验值不同的目标用户群分类。按经验值不同的目标用户群分类。比如：比如：“猎头服务猎头服务”是针对较大发展的人。是针对较大发展的人。 “校园招聘校园招聘”是针对毕业学生是针对毕业学生n智联招聘网导航按照用户不同身份分类，智联招聘网导航按照用户不同身份分类， 同时按照行业分类，针对多种目标用户群；页面以同时按照行业

11、分类，针对多种目标用户群；页面以蓝色为主；布局根据网站侧重点不同来分配内容。蓝色为主；布局根据网站侧重点不同来分配内容。经验值分类经验值分类行业分类行业分类v讲解：理论知识讲解：理论知识( (目标用户群目标用户群) )n目标用户群的概念目标用户群的概念是指接收并理解网站建设方通过网络媒是指接收并理解网站建设方通过网络媒介传递的信息个体。介传递的信息个体。 n一般网站中目标用户群分析一般网站中目标用户群分析门户类网站：目标用户群多门户类网站：目标用户群多专题类网站：目标用户群单一、个性专题类网站：目标用户群单一、个性旅游类网站：年轻、时尚一族旅游类网站：年轻、时尚一族平台式网站：信息丰富，目标用

12、户群多平台式网站：信息丰富，目标用户群多娱乐类网站：活泼的年轻人娱乐类网站：活泼的年轻人v达到达到“设计设计”目的目的5 5种方法种方法n书写策划书书写策划书n设计的设计的“4 4”种切入点种切入点n网页内容安排技巧网页内容安排技巧n广告的广告的“口号口号”n网站可信度网站可信度n网站策划书的内容：网站策划书的内容：背景介绍背景介绍市场分析市场分析建设目的及网站定位建设目的及网站定位技术解决方案技术解决方案内容规划内容规划页面设计页面设计流程及人工流程及人工网站维护网站维护发布与推广发布与推广n广告的广告的“口号口号”VI不能代替口号不能代替口号u口号出现在口号出现在BannerBanner里里u口号出现在口号出现在TitleTitle里里u口号出现在插画里口号出现在插画里选择口号时需注意：选择口号时需注意：u好的口号要清楚、有真实的东西。好的口号要清楚、有真实的东西。u不好的口号含混不清。不好的口号含混不清。u好的口号长度适中。好的口号长度适中。u不好的口号太笼统。不好的口号太笼统。u好的口号应该有个性、生动，有时候还很俏皮。好的