网站设计的流程讲述.ppt

* * 网页设计的原则：参考本章TG\补充资料\网页设计的原则.doc * 案例分析：箱包批发网品种多、全；功能结构直观；主要针对中低档人群；采用温暖的金黄色为网站主体颜色。 LV网品种单一，只销售自己品牌的产品；左右分结构直观；多国语言选择，使用方便；主要针对高端客户；采用高雅、稳重的颜色为网站主体颜色。 涉及的知识点：案例中用到的知识点，将在后面理论中讲解。 * 贯穿案例： 1、观看网页的同时讲解网站主题和设计风格的不同。 2、大致步骤参考SG1中的步骤。 * * 箱包批发网的主题是：多产品的大型电子商务网站。目标用户群是中低档消费人群。 LV网的主题是：自身品牌的单一的电子商务网站。目标用户群是高档消费者。 * 相关理论：根据SG里的理论知识罗列，需突出重点（实际工作中常用的知识点） 如何明确网站主题：可以参考本章资料“补充资料” 文件夹下，“如何明确网站主题.doc” 中的几个问题，帮助理解、讲解网站主题。 * 相关理论：根据SG里的理论知识罗列，需突出重点（实际工作中常用的知识点） * * VI设计：VI的部分知识可以参考本章资料 “补充资料”文件夹中的“VIS.doc”。 对VI知识的分析有助于对行业的了解。 * 小结：一课时完成 学生存在的问题：教员根据学生普遍问题，集中讲解、强调 * 案例分析：相当引入。在3W1H教学法中为WHY，为什么要讲这知识。 涉及的知识点：案例中所用到的知识点，在后面理论知识讲解这些理论。 * 讲解理论开始 演示这三张图片的同时将理论演示案例2穿插讲完。 第一步：三个网站的用户人群分析 第二步：三个网站的网页色彩和布局分析 * 可以指示幻灯片中的导航区域，用肢体语言加上声音语言来表达。 * 相关理论：根据SG里的理论知识罗列，需突出重点（实际工作中常用的知识点） * 相关理论：根据SG里的理论知识罗列，需突出重点（实际工作中常用的知识点） 目标用户群：比如我们说话时，听我们说话的那人就是目标用户，多个听说话的人就是目标用户群。 * 书写策划书参考本章资料“补充案例” 文件夹。 红色字部分是在后面的幻灯片中有重点讲解的。 * 相关理论：根据SG里的理论知识罗列，需突出重点（实际工作中常用的知识点） 口号：比如说中国联通：让世界自由联通； 李宁：一切皆有可能； 北大青鸟：教育改变生活。 * 总结：以提问的形式，对前面重要知识点的总结 问题答案：1）明确网站主题、对相关材料进行分析、明确目标用户群。 2）目标用户群 3）通过宣传册、电视广告、VI系统、行业背景进行行业分析。 4）书写策划书、设计的“4”种切入点、巧妙的安排网页内容、适当的添加“口号”、增加网站的可信度。 网页设计的原则 《网站配色与布局》课程地位 本章目标 会明确网站主题 会分析行业资料 会确定网站的用户目标群 会使用5种达到“设计”的方法 教师讲解学习目标 相关理论 建设网站的流程 通过 未通过 通过 业务接洽 项目签单 继续开发 网站整合 网站测试 网站发布 提交方案 开发和设计 写网站策划书 沟通 参与人：业务员、项目经理、程序员、策划人员、网页设计师 参与人：业务员、客户 明确网站主题、目标用户群、目的、 设计风格、布局等；采用的架构、 开发语言（ASP/JSP/JAVA/等)、 数据库（SQL/MY SQL/Oracle…)等。 网站架构：架构师 功能开发：开发工程师（程序员） 设计参与人：网页设计师 所用软件：PS/FW 参与人：策划人员（主）、 项目经理、开发工程师（辅）、网页设计师（辅） 开发参与人：开发工程师、架构师、项目经理 设计参与人：网页设计师、业务员、客户 开发参与人：架构师、开发工程师设计参与人：网站制作人员 所用软件：DW/FL/ PS/FW 参与人：开发工程师、制作人员 参与人：测试工程师 参与人：项目经理 未通过 相关理论 网页设计的原则 统一、连贯、分割、对比、和谐。 在原则指引下，建站前要做准备工作。 创作前的准备工作 与客户有效的沟通 分析行业资料 寻访相关网站 汇总目标用户群的特征 新网站的优势和特色 网站导航（信息方面） 形象口号（文化方面） 构思进行创作 确定主题（创作前的准备工作） 演示案例1分析—同样产品不同表达的网站 案例分析 通过4点对网站进行对比： 产品 结构和功能 消费人群 设计风格 涉及的知识点： 如何明确网站主题 教师通过案例引入理论 网站对比 首先，对比两个网站 箱包批发网 LV网 演示案例1分析—同样产品不同表达的网站 演示案例1讲解—同样产品不同表达的网站 操作步骤