《网页策划与创意》PPT课件.ppt

2019/11/14,北大出版社,1,网页策划与创意,教学目标：考虑要建设一个网站平台之前，网站策划是最主要的一个环节，直接影响整个网站的前景发展。本章通过对网站策划的学习和构架，掌握网站策划流程，了解网站设计标准和设计流程，从而对网站平台的建设到推广发展有一个整体的规划。 教学要求:掌握网站策划、标准及设计流程 ；掌握网站创意设计基础、思路。,2019/11/14,北大出版社,2,7.1 网站策划与创意概述,目前，大多数网站策划都只是对已有网站模板的优化而非完整策划，真正的策划核心应该不仅包括技术上的支持，还应该有网站平台的数据分析、市场定位、客户细分、运营和推广。本节主要讲述有关网站的策划与创意，包括网站策划流程、网站设计标准和设计流程，以及网站风格的构架新思路。,2019/11/14,北大出版社,3,7.1.1 网站策划 目前，大多数网站策划都只是对已有网站模板的优化而非完整策划，真正的策划核心应该不仅包括技术上的支持，还应该有网站平台的数据分析、市场定位、客户细分、运营和推广。本节主要讲述有关网站的策划与创意，包括网站策划流程、网站设计标准和设计流程，以及网站风格的构架新思路。,1. 网站规划,1）客户需求分析 2）网站建设的目的 3）网站定位 4）网站亮点 5）网站建设 6）网站市场评估,2019/11/14,北大出版社,4,2. 网站标准规范,1）网站要具有营销功能。 2）网站平台要体现客户的专业性。 3）网站不能脱离实际情况。 4）网站建设要符合站点的发展需要。 5）网站建设要符合国际WEB标准和中国互联网协会网站建 设指导规范。 6）网站建设在制作过程中充分考虑到搜索引擎的需求。 7）网站建设充分考虑到用户体验，提高潜在客户的转化率。 8）网站建设符合国际网络营销指导标准。,2019/11/14,北大出版社,5,7.1.2 网站创意,1. 网站形态风格,网站的形态风格主要决定设计者的设计思路，作为设计者要运用自己的所拥有的手段，包括所拥有的审美的素质、应用软件的能力、以及感受生活的敏锐的觉察力，从而建立起自己独特的设计形式、独特的作风。,3. 网站设计流程,1）前期准备阶段 2）页面设计阶段 3）后台建设阶段 4）测试维护阶段,2019/11/14,北大出版社,6,2. 网站色彩风格,保持站点主体色彩的一致，只改变局部色块，这样考虑优点是一个独特色彩的网站会给人留下很深刻的印象，因为人的视觉对色彩要比布局更敏感，更容易在大脑中形成记忆符号。,7.1.3 本章案例简介 本章中将通过“大学规划网”这个案例，来讲解网站的策划流程以及创意思维，整合网站的构架思路。,2019/11/14,北大出版社,7,7.2 实训十四:网站策划与创意 -“大学规划网”的策划,案例说明：本节为“大学规划网”的网站策划案例，通过对大学规划网的设计思路以及整体框架进行分析，设计出合理能够吸引大众的网络平台。内容包含客户需求分析、网站建设的目的、网站定位、网站亮点、网站建设、网站市场评估等部分，要求各个部分都要分析到位，设计清楚。 效果图如右:,2019/11/14,北大出版社,8,提示：网站的策划主要在于对内容的分析和定位，其次就是开始网站的页面设计，网页页面的设计可以用firework、photoshop等图形图像处理软件。,知识拓展:,第一部分：网站风格的发展形态,（1）布局简单化 （2）内容为主的中心定位 （3）使用3D效果 （4）背景色效果,2019/11/14,北大出版社,9,（5）导航引领网站风格 （6）留白风格 （7）大字体风格 （8）由色彩形成的特殊风格 第二部分：当今世界网站设计的主要风格 （1）中式网站风格 （2）韩国网站风格 （3）欧美网站风格 （4）WEB2.0网站风格,2019/11/14,北大出版社,10,本节知识点 :,保持网站风格的一致，以及如何设计出有创意的网站特点，需要从几个方面上去着手尝试。,其一，就是网站结构要一致，也就是要强调网站标志性元素的一致性。即网站或 公司名称、标志、导航及辅助导航的形式及位置、公司联系信息等。,其二，就是网站的色彩要一致，也就是整体的色彩要一致，而通过改变局部的色 块来增强网站的视觉效应，主色彩上的选择跟企业的形象特征是联系在一起的。,其三，就是导航效应，一个出色的富有企业特性的导航将会给人留下深刻的印象。,其四，特殊元素的作用，在网站设计中，个别具有特色的元素（如标志、象征图 形、局部设计等）重复出现，也会给访问者留下深刻印象。,2019/11/14,北大出版社,11,7.3 本 章 小 结,本章主要介绍网站的策划与创意，包括网站策划和网站创意。网站策划主要介绍网站规划、网站的标准规范、网站的设计步骤，网站创意主要介绍网站的形态风格和网站的色彩风格。举了两个典型的案例。通过上面的分析与介绍，读者只要多多联系，并结合所要开发的网站平台特征，设计出有创意的网站风格。,2019/11/14,北大出版社,12,7.4 习 题 1.选择： （1）下面哪一个特征不是目前网站流行的风格 （ ） A. 清新 B. 烟花缭乱 C. 时尚 D. 富有生命力 （2）网页设计者要拥有的能力是 （ ） A. 审美观 B. 应用软件的能力 C.感受生活的敏锐觉察力 D. 三种都要 （3）下列哪一元素是冲击人的视觉的主要因素，且是影响网站风格的重要因素 （ ） A. 颜色 B.图形 C.背景 D.框架 （4）下面哪一项不属于网页前台界面设计的要素 （ ） A. 标志 B. 栏目 C. 数据库结构 D. 框架结构,2019/11/14,北大出版社,13,（5）下列哪一项不会作为网络市场分析的依据 （ ） A.自己行为的分析 B. 同类站点的信息分析 C. 自身的风格分析 D. 自身亮点分析 （6）下列哪一个因素可以实现网站创意 （ ） A. 布局的自由化 B. 插图的应用 C. 背景空间的加强 D.以上都是 （7） 哪一类型的页面风格具有简洁紧凑、平淡严谨等特点（ ） A. 分栏型 B. 区域划分型 C. 综合型 D. 无规则型 （8） 哪一类型的网站具有开放的、交互的、松散的、闲适的、不断 进步的特征 （ ） A. 中式网站风格 B. 韩国网站风格 C. 欧美网站风格 D. WEB2.0网站风格,2019/11/14,北大出版社,14,2.填空 （1） 网站策划是个系统的工作，设计者要求有庞大的行业_和_。 （2） 网站定位重点在于网站_、_、_等方面的定位。 （3） 仿VISTA的导航设计特点有_、_、_和_。 （4）网站设计主要流程有_、_、_、_。 （5） 网站建设阶段，一般都有两方面的设计，一是_设计，一是_的开发。 （6） 后台建设主要是对后台的_建设、后台的_的建设。,2019/11/14,北大出版社,15,（7） 中国文化特色的元素主要有各民族的传统服饰、装饰品、手工艺品、_、_。 （8） 通过网络可以实现_、_、_、_等形式的服务。 3.实践题 （1） 制作一份自己的个人网站的策划案。 （2） 根据第一题制定的策划案,制作独特风格的个人网站首页及二级页面。 （3） 制作一个具有3D效果的游戏类网站。 （4）利用颜色渐变的背景效果制作一个香水的网站。,2019/11/14,北大出版社