情境1网站设计规划.ppt

网页设计与制作 学习情境1：网站的设计规划 教学目标 知识目标： 1．了解网站的分类 2．了解网站建设的流程 3．了解网站风格设计的原理 4．了解网站布局及栏目 能力目标： 1．能明确网站类型及主题 2．能根据用户需求设计网站的总体结构图 3．能确定网站的总体色彩搭配及风格 4．完成网站建设的设计报告 / 网站定位 一个好的网站定位所包含的内容 1. 确定网站目标 2. 考虑用户群 3．一个好的网站名 4．明确的网站标志 5．确定网站的栏目 6．确定网站的目录结构 7．确定网站的链接结构 第一步：明确建设网站目的及功能定位 第一步：明确建设网站目的及功能定位 网站定位:就是网站在Internet上扮演什么角色，要向目标群(浏览者)传达什么样的核心概念，透过网站发挥什么样的作用。 网站定位是网站建设的策略，而网站架构、内容、表现等都围绕这些网站定位展开,网站定位的好坏直接决定着网站的前景和规模。 第一步：明确建设网站目的及功能定位 1.确定网站目标 网站的目标就是网站设计者根据自身的实力制定的目标，这应该是网站远景规划，你的网站向哪个方向发展，发展空间有多大，预计受众有哪些，受众量有多少。 明确建设网站目的及功能定位 福建省国际电子商务中心，以“依托高科技，推广电子商务，促进信息化”为目标，以服务为唯一的宗旨，为我省外经贸企业提供全面的国际贸易电子商务解决方案，全程电子商务应用，承担技术支持、技术培训及相关政策指导。 该网站其功能应定位：提供服务的电子商务网站。 第二步：设计网站的CI 形象 一个成功的网站，和实体公司一样需要总体的形象包装和设计准确的，有创意的CI设计的网站的宣传推广有着不可忽略的效果。 第二步：设计网站的CI 形象 1．设计网站的标志LOGO 网站的标志（LOGO）是一个站点特色和内涵集中体现，标志图形的设计创意来自网站的名称和内容。它可以是中文、英文字母、可以是符号、图案、可以是动画或者人物等。最常见的和最简单的方式是用自己网站名称的英文字母作标志，采用不同的字体。 第二步：设计网站的CI 形象 如 IBM公司是以英文字母稍加处理作的标志　，　新浪网是用字母SINA和一只眼睛作标志　 ，　奔驰汽车的方向盘标志　 第二步：设计网站的CI 形象 网站的标志，就如同商标一样，是站点特色和内涵的集中体现，因此在进行网页标志设计的时候，要总体考虑整个网站的定位，兼顾各个层次和链接的需要，突出自已的网站的经营理念，再深入地设计自已的网站标志，让大家看见标志就能联想起你的站点。 第二步：设计网站的CI 形象 第二步：设计网站的CI 形象 福建省国际电子商务中心 的logo 该logo整体看去像一个字母e字，代表着公司是一个从事电子商务的， 小e中心像一条腾飞的龙，寓意着公司的前程将像龙一样飞黄腾达，将有大的发展。 字母FIECC是公司名字（Fujian International Electronic Commerce Center）的缩写。 第二步：设计网站的CI 形象 2．选择网站的标准色彩 网站给人的第一印象来自视觉的色彩感受，确定网站的标准色彩是网站建设重要的一步，它不但关系到网站内容传达，而且会影响到浏览者的情绪。 第二步：设计网站的CI 形象 认识色彩 第二步：设计网站的CI 形象 红色---红色的色感温暖，性格刚烈而外向，是一种对人刺激性很强的颜色。红色也是最鲜明生动的、最热烈的颜色。因此红色也是代表热情的情感之色。鲜明红色极容易吸引人们的目光，也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的颜色。 第二步：设计网站的CI 形象 第二步：设计网站的CI 形象 网页颜色的应用机率中，根据网页主题内容的需求，纯粹使用红色为主色调的网站相对较少，多用于辅助色、点睛色，达到陪衬、醒目的效果。通常都配以其他颜色调和。 第二步：设计网站的CI 形象 第二步：设计网站的CI 形象 绿色---介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。它和金黄，淡白搭配，可以产生优雅，舒适的气氛。 第二步：设计网站的CI 形象 第二步：设计网站的CI 形象 橙色---橙色具有轻快、欢欣、收获、温馨、时尚的效果，是快乐、喜悦、能量的色彩。具有健康、富有活力、勇敢自由等象征意义，能给人有庄严、尊贵、神秘等感觉。橙色在空气中的穿透力仅次于红色，也是容易造成视觉疲劳的颜色。 第二步：设计网站的CI 形象 第二步：设计网站的CI 形象 黄色---黄色是阳光的色彩，具有活泼与轻快的特点，给人十分年轻的感觉。象征光明、希望、高贵、愉快。浅黄色表示柔弱，灰黄色表示病态。它的亮度最高，和其他颜色配合很活泼，有温暧感，具有快乐、希望、智