网站设计的流程.ppt

网页设计的原则 《网站配色与布局》课程地位 本章目标 会明确网站主题 会分析行业资料 会确定网站的用户目标群 会使用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讲解—八面玲珑 中华英才网导航按照内容、用户经验值不同的目标用户群分类；页面以蓝色为主；页面重点突出导航中的重点内容。 按经验值不同的目标用户群分类。 比如：“猎头服务”是针对较大发展的人。 “校园招聘”是针对毕业学生…