网站设计的流程

1、网页设计的原则,网站配色与布局课程地位,本章目标,会明确网站主题 会分析行业资料 会确定网站的用户目标群 会使用5种达到“设计”的方法,教师讲解学习目标,相关理论,建设网站的流程,未通过,通过,业务接洽 项目签单,继续开发,网站整合,网站测试,网站发布,提交方案,开发和设计,写网站策划书,沟通,参与人：业务员、项目经理、程序员、策划人员、网页设计师,参与人：业务员、客户,明确网站主题、目标用户群、目的、 设计风格、布局等；采用的架构、 开发语言（ASP/JSP/JAVA/等)、 数据库（SQL/MY SQL/Oracle)等。,网站架构：架构师 功能开发：开发工程师（程序员） 设计参与人：网页

2、设计师 所用软件：PS/FW,参与人：策划人员（主）、 项目经理、开发工程师（辅）、网页设计师（辅）,开发参与人：开发工程师、架构师、项目经理 设计参与人：网页设计师、业务员、客户,开发参与人：架构师、开发工程师设计参与人：网站制作人员 所用软件：DW/FL/ PS/FW,参与人：开发工程师、制作人员,参与人：测试工程师,参与人：项目经理,未通过,相关理论,网页设计的原则 统一、连贯、分割、对比、和谐。 在原则指引下，建站前要做准备工作。,演示案例1分析同样产品不同表达的网站,案例分析 通过4点对网站进行对比： 产品 结构和功能 消费人群 设计风格 涉及的知识点： 如何明确网站主题,教师通过案

3、例引入理论,网站对比,首先，对比两个网站,箱包批发网,LV网,演示案例1分析同样产品不同表达的网站,演示案例1讲解同样产品不同表达的网站,操作步骤分析： 第一步：两个网站的产品分析,箱包批发网：品种多、齐全。综合的大型电子商务网站。,LV网：专营自身品牌产品的电子商务网站。,演示案例1讲解同样产品不同表达的网站,第二步：网站功能和结构分析,演示案例1讲解同样产品不同表达的网站,第三步：两个网站的商品针对的消费人群分析 中低档消费人群。 第四步：两个网站的设计风格分析 传统风格 Flash多媒体,高端消费人群,案例中理论,目标用户群不同和网站产品不同，设计风格也随之不同。,相关理论1,讲解：理论

4、知识（如何明确网站主题） 对于题材选择的建议 主题要小而精 目标不要太滥或太高 网页形式是为突出主题服务的 交换箱包批发网和LV网的设计形式是不可取的。,相关理论2,讲解：理论知识（如何分析行业资料） 行业资料分析包括： 宣传册：公司对外宣传的载体，VI的一部分。,宣传册展示,相关理论2,电视广告 VI设计 行业背景 行业资料分析是设计进行前的重要步骤。 行业知识积累不够，在网站分析时，就只能看见表面，流于形式。,洗发水广告 手机广告 电脑广告 厨房用品广告,相关理论2,VI设计 VI含义：视觉识别（Visual Identity）: 以标志、标准字、标准色为核心展开的完整的、系统的视觉表达体

5、系。将企业理念、企业文化、服务内容、企业规范等抽象概念转换为具体符号，塑造出独特的企业形象。 VI内容：基本要素系统和应用系统,VI设计,小结,通过上面的案例了解网页设计的主题，主题的不同导致网页的设计风格不同。 1）没有确定网站主题的作品容易出现什么问题？ 2）是不是明确了网站主题就能做好网页呢？ 答案是否定的。下面通过实例给大家讲解目标用户群。,演示案例2分析八面玲珑,案例分析 目标用户群的不同，导航和页面设计不同。 涉及的知识点： 3个网站的目标用户群,网站对比,教师通过案例引入理论,案例中理论,讲解：目标用户群 百业人才网导航按照不同行业分类，8类不同目标用户群；页面绿色清新、淡雅；布

6、局功能模块明确。,演示案例2讲解八面玲珑,中华英才网导航按照内容、用户经验值不同的目标用户群分类；页面以蓝色为主；页面重点突出导航中的重点内容。,按经验值不同的目标用户群分类。 比如：“猎头服务”是针对较大发展的人。 “校园招聘”是针对毕业学生,演示案例2讲解八面玲珑,智联招聘网导航按照用户不同身份分类， 同时按照行业分类，针对多种目标用户群；页面以蓝色为主；布局根据网站侧重点不同来分配内容。,经验值分类,行业分类,相关理论3,讲解：理论知识(目标用户群) 目标用户群的概念 是指接收并理解网站建设方通过网络媒介传递的信息个体。 一般网站中目标用户群分析 门户类网站：目标用户群多 专题类网站：目标用户群单一、个性 旅游类网站：年轻、时尚一族 平台式网站：信息丰富，目标用户群多 娱乐类网站：活泼的年轻人,相关理论4,达到“设计”目的5种方法 书写策划书 设计的“4”种切入点 网页内容安排技巧 广告的“口号” 网站可信度,相关理论4,网站策划书的内容： 背景介绍 市场分析 建设目的及网站定位 技术解决方案 内容规划 页面设计 流程及人工 网站维护 发布与推广,相关理论4,广告的“口号” VI不能代替口号 口号出现在Banner里 口号出现在Title里 口号