网站设计的流程.ppt

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