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