网站规划设计原则幻灯片.ppt

网站规划设计原则第1页，共58页，编辑于2022年，星期二 网站规划网站规划是指在网站建设之前对市是指在网站建设之前对市场进行分析，确定网站的目的和功能，场进行分析，确定网站的目的和功能，并根据需要对网站建设中的技术、内容、并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。费用、测试、维护等做出规划。网站规划初步网站规划初步第2页，共58页，编辑于2022年，星期二网站规划初步网站规划初步3 3.1.1.1.1网站规划原则网站规划原则1 1目标明确，主题鲜明原则目标明确，主题鲜明原则 2 2实际情况和用户需求原则实际情况和用户需求原则（1 1）以用户为中心）以用户为中心（2 2）从实际出发）从实际出发（3 3）主次分明循序渐进）主次分明循序渐进 3 3结构合理，内容清晰原则结构合理，内容清晰原则（1 1）目录合理）目录合理（2 2）链接明确）链接明确（3 3）内容清晰）内容清晰第3页，共58页，编辑于2022年，星期二网站规划初步网站规划初步4 4企业专业特性介绍的原则企业专业特性介绍的原则（1 1）对外介绍专业信息）对外介绍专业信息（2 2）对内提供信息服务）对内提供信息服务5 5网站版式设计原则网站版式设计原则6 6实用性功能服务应切合实际需要原则实用性功能服务应切合实际需要原则第4页，共58页，编辑于2022年，星期二网站规划初步网站规划初步网站规划内容网站规划内容1 1建设网站前的市场分析建设网站前的市场分析 建设网站前需要对以下几方面的内容进行分析。建设网站前需要对以下几方面的内容进行分析。（1 1）相关行业的市场是怎样的）相关行业的市场是怎样的,市场有什么样的特点，市场有什么样的特点，是否能够在互联网上开展公司业务。是否能够在互联网上开展公司业务。（2 2）市场主要竞争者分析，竞争对手上网情况及其网）市场主要竞争者分析，竞争对手上网情况及其网站规划、功能作用。站规划、功能作用。（3 3）公司自身条件分析、公司概况、市场优势，可以）公司自身条件分析、公司概况、市场优势，可以利用网站提升哪些竞争力，建设网站的能力（费用、利用网站提升哪些竞争力，建设网站的能力（费用、技术、人力等）。技术、人力等）。第5页，共58页，编辑于2022年，星期二网站规划初步网站规划初步2 2建设网站目的建设网站目的3 3域名和网站名称域名和网站名称4 4网站主要功能网站主要功能5 5网站技术解决方案网站技术解决方案（1 1）采用自建服务器，还是租用虚拟主机。）采用自建服务器，还是租用虚拟主机。（2 2）选择操作系统，用）选择操作系统，用unix,Linuxunix,Linux还是还是Window2000/NTWindow2000/NT。（3 3）采用系统性的解决方案（如）采用系统性的解决方案（如IBM,HPIBM,HP）等公司提供的企业上网方案、）等公司提供的企业上网方案、电子商务解决方案？还是自己开发。电子商务解决方案？还是自己开发。（4 4）网站安全性措施，防黑、防病毒方案。）网站安全性措施，防黑、防病毒方案。（5 5）相关的程序开发。如网页程序）相关的程序开发。如网页程序ASPASP、JSPJSP、CGICGI、数据库程序等。、数据库程序等。第6页，共58页，编辑于2022年，星期二网站规划初步网站规划初步7 7网站测试和发布网站测试和发布（1 1）网站服务器稳定性、安全性；）网站服务器稳定性、安全性；（2 2）各种插件、数据库、图像、链接等是否工作正常；）各种插件、数据库、图像、链接等是否工作正常；（3 3）在不同接入速率情况下的网页下载速度；）在不同接入速率情况下的网页下载速度；（4 4）网页对不同浏览器的兼容性；）网页对不同浏览器的兼容性；（5 5）网页在不同显示器和不同显示模式下的表现等。）网页在不同显示器和不同显示模式下的表现等。8 8网站推广网站推广 网站推广活动一般发生在网站正式发布之后，当然也不排除一些网站在筹备期间就开网站推广活动一般发生在网站正式发布之后，当然也不排除一些网站在筹备期间就开始宣传的可能。始宣传的可能。9 9网站维护网站维护（1 1）服务器及相关软硬件的维护。）服务器及相关软硬件的维护。（2 2）网站内容的更新、调整等。）网站内容的更新、调整等。1010网站财务预算网站财务预算 网站建设和推广的财务预算也是重要内容，网站建设和推广在很大程度上受到财务网站建设和推广的财务预算也是重要内容，网站建设和推广在很大程度上受到财务预算的制约，所有的规划都只能在财务许可的范围之内。财务预算应按照网站的开发预算的制约，所有的规划都只能在财务许可的范围之内。财务预算应按照网站的开发周期，包含网站所有的费用明细清单。周期，包含网站所有的费用明细清单。第7页，共58页，编辑于2022年，星期二网站规划初步网站规划初步2.1.32.1.3建设网站的资源规划建设网站的资源规划 1 1人力配置人力配置（1 1）系统策划师，也就是网站策划人员，主要任务是对网络市场和竞争对手进行详）系统策划师，也就是网站策划人员，主要任务是对网络市场和竞争对手进行详细的比较和分析，确定网站的目标、策略及总体规划，并要有网站建设目标书、细的比较和分析，确定网站的目标、策略及总体规划，并要有网站建设目标书、策划书等材料。策划书等材料。（2 2）项目经理，主要任务是负责企业网站建设项目的规划、项目进程管理、人）项目经理，主要任务是负责企业网站建设项目的规划、项目进程管理、人员分配和组织、资源规划、进度控制、质量审核等。员分配和组织、资源规划、进度控制、质量审核等。（3 3）网站规划师，主要任务是负责网站总体设计、搭建系统构架、安装服务器系统）网站规划师，主要任务是负责网站总体设计、搭建系统构架、安装服务器系统及相关的软件、按照策划书要求形成文档等。及相关的软件、按照策划书要求形成文档等。（4 4）程序设计师，主要任务是负责程序的编写、调试、运行、维护等工作、并）程序设计师，主要任务是负责程序的编写、调试、运行、维护等工作、并根据企业的需要不断地研究和开发新的软件、系统操作手册等。根据企业的需要不断地研究和开发新的软件、系统操作手册等。（5 5）美术编辑师，主要任务是按照网站总体设计书的要求做出漂亮、实用的网页页面。并要）美术编辑师，主要任务是按照网站总体设计书的要求做出漂亮、实用的网页页面。并要将页面设计出具有企业特色的，色彩适合的网页等。将页面设计出具有企业特色的，色彩适合的网页等。（6 6）录入员，也就是信息编辑处理人员，主要任务是输入、编辑和处理大量的用户信息，商）录入员，也就是信息编辑处理人员，主要任务是输入、编辑和处理大量的用户信息，商品交易信息等。品交易信息等。第8页，共58页，编辑于2022年，星期二网站规划初步网站规划初步2 2费用预算费用预算一般电子商务的总体费用包括以下几个方面：一般电子商务的总体费用包括以下几个方面：（1 1）线路接入费用）线路接入费用（2 2）域名费用）域名费用（3 3）服务器硬件设备费用）服务器硬件设备费用（4 4）主机托管费用）主机托管费用（5 5）系统软件费用）系统软件费用（6 6）开发费用）开发费用（7 7）网站的市场和经营费用）网站的市场和经营费用第9页，共58页，编辑于2022年，星期二网站规划初步网站规划初步6 6网站内容规划网站内容规划（1 1）一般企业网站应包括：公司简介、产品介绍、）一般企业网站应包括：公司简介、产品介绍、服务内容、价格信息、联系方式、网上定单等基本服务内容、价格信息、联系方式、网上定单等基本内容。内容。（2 2）电子商务类网站要提供会员注册、详细的商品）电子商务类网站要提供会员注册、详细的商品服务信息、信息搜索查询、定单确认、付款、个人服务信息、信息搜索查询、定单确认、付款、个人信息保密措施、相关帮助等。信息保密措施、相关帮助等。（3 3）如果网站栏目比较多，则考虑采用网站编程专）如果网站栏目比较多，则考虑采用网站编程专人负责相关内容。人负责相关内容。第10页，共58页，编辑于2022年，星期二网站规划初步网站规划初步网站建设工作流网站建设工作流1 1网站建设流程图网站建设流程图网站建设流程如下图网站建设流程如下图所示。所示。第11页，共58页，编辑于2022年，星期二3 3.1 .1 网站规划初步网站规划初步第12页，共58页，编辑于2022年，星期二网站规划初步网站规划初步2 2网站建设步骤网站建设步骤（1 1）调查研究分析）调查研究分析 企业网络的功能要求企业网络的功能要求 企业网络的性能要求企业网络的性能要求 企业网络运行环境的要求企业网络运行环境的要求 企业网络将来可能提出的需求企业网络将来可能提出的需求第13页，共58页，编辑于2022年，星期二网站规划初步网站规划初步（2 2）收集企业内外部需求阶段）收集企业内外部需求阶段 弄清为什么要建立网站弄清为什么要建立网站 整合公司资源，确定网站功能整合公司资源，确定网站功能 根据网站功能，确定网站应达到的目和效果。根据网站功能，确定网站应达到的目和效果。企业内部网（企业内部网（Intranet)Intranet)的建设情况和网站的可扩的建设情况和网站的可扩展性。展性。第14页，共58页，编辑于2022年，星期二网站规划初步网站规划初步（3 3）确定网站开发形式）确定网站开发形式 这一阶段是根据企业内部情况所得出的结果，这一阶段是根据企业内部情况所得出的结果，是否有可能企业本身独立开发，还是外包给网络公是否有可能企业本身独立开发，还是外包给网络公司或者与外单位联合开发。这一阶段的主要任务是：司或者与外单位联合开发。这一阶段的主要任务是：弄清内部资源情况。弄清内部资源情况。如果外包给网络公司开发，需要选择某个网络如果外包给网络公司开发，需要选择某个网络公司。公司。根据合同法和本企业的要求签订合同或协议。根据合同法和本企业的要求签订合同或协议。第15页，共58页，编辑于2022年，星期二网站规划初步网站规划初步（4 4）撰写网站策划书）撰写网站策划书 进行可行性研究分析并得出结论进行可行性研究分析并得出结论 写出网站建设需求说明书写出网站建设需求说明书 将此意见报告给企业，让企业进行审核。将此意见报告给企业，让企业进行审核。进行网站策划，并撰写网站策划书。进行网站策划，并撰写网站策划书。（5 5）物理实施）物理实施（6 6）网站总体设计）网站总体设计（7 7）具体制作）具体制作（8 8）系统全面调试）系统全面调试（9 9）上网试运行）上网试运行（1010）网站维护培训）网站维护培训 第16页，共58页，编辑于2022年，星期二网站规划初步网站规划初步3 3制定时间表制定时间表 设定好进度以后，就可制定出一份详细的时间表，设定好进度以后，就可制定出一份详细的时间表，然后，按部就班地进行工作，一个网站就可以顺利地然后，按部就班地进行工作，一个网站就可以顺利地建立起来了。建立起来了。一般情况下，时间表应该包括以下几个项目：一般情况下，时间表应该包括以下几个项目：（1 1）网站建设各项工作内容及其时间安排。）网站建设各项工作内容及其时间安排。（2 2）月度和年度工作安排时间规划。）月度和年度工作安排时间规划。（3 3）网络各工作人员工作内容及其时间安排。）网络各工作人员工作内容及其时间安排。（4 4）工作人员讨论交流会时间安排。）工作人员讨论交流会时间安排。（5 5）培训人员学习时间安排。）培训人员学习时间安排。第17页，共58页，编辑于2022年，星期二网站规划初步网站规划初步网站开发方式选择网站开发方式选择（1 1）自主开发）自主开发 自主开发又称为最终用户开发，适合于较强的信自主开发又称为最终用户开发，适合于较强的信息技术队伍的企业，企业完全以自己的力量进行开息技术队伍的企业，企业完全以自己的力量进行开发。发。（2 2）委托开发）委托开发 委托开发适合于企业网站的开发队伍力量相对较委托开发适合于企业网站的开发队伍力量相对较弱，但资金较为充足的单位。弱，但资金较为充足的单位。（3 3）合作开发）合作开发 合作开发适合于企业有一定的信息技术人员，但合作开发适合于企业有一定的信息技术人员，但可能对网站建设规律不太了解，或者是整体人优化可能对网站建设规律不太了解，或者是整体人优化能力较弱，希望通过网站的建设完善和提高自己的能力较弱，希望通过网站的建设完善和提高自己的技术队伍，便于后期的系统维护工作的企业。技术队伍，便于后期的系统维护工作的企业。第18页，共58页，编辑于2022年，星期二网站规划初步网站规划初步（4 4）购买网站与二次开发）购买网站与二次开发 目前，网站建设的开发正在向专业化方向发展，目前，网站建设的开发正在向专业化方向发展，一些专门从事网站建设的公司已经开发出一批使用一些专门从事网站建设的公司已经开发出一批使用方便、功能强大的现成网站。方便、功能强大的现成网站。第19页，共58页，编辑于2022年，星期二域名及域名注册域名及域名注册域名概念域名概念1 1什么是域名什么是域名（1 1）从技术上讲，域名只是一个）从技术上讲，域名只是一个InternetInternet中用于解决中用于解决地址对应问题的一种方法。可以说只是一个技术名地址对应问题的一种方法。可以说只是一个技术名词。但是，由于词。但是，由于InternetInternet已经成为了全世界人的已经成为了全世界人的InternetInternet，域名也自然地成为了一个社会科学名词。，域名也自然地成为了一个社会科学名词。（2 2）从社会科学的角度看，域名已成为了）从社会科学的角度看，域名已成为了InternetInternet文文化的组成部分。化的组成部分。（3 3）从商业角度看，域名已被誉为）从商业角度看，域名已被誉为“企业的网上商标企业的网上商标”。第20页，共58页，编辑于2022年，星期二域名及域名注册域名及域名注册域名结构域名结构 域名由两个或两个以上的词构成域名由两个或两个以上的词构成,中间由点号分中间由点号分隔开，其结构如下图所示。隔开，其结构如下图所示。第21页，共58页，编辑于2022年，星期二域名及域名注册域名及域名注册1 1一级域名一级域名 一级域名也称为一级域名也称为“国际顶级域名国际顶级域名”它的最后一个后它的最后一个后缀是一些诸如缀是一些诸如、.gov.gov、.edu.edu的的“国际通国际通用域用域”，这些不同的后缀分别代表了不同的机构性，这些不同的后缀分别代表了不同的机构性质。质。2 2二级域名二级域名 一级域名的下一级，就是我们所说的二级域名。域一级域名的下一级，就是我们所说的二级域名。域名注册人在以名注册人在以结尾的一级域名中，提供一个二结尾的一级域名中，提供一个二级域名。级域名。3 3国内域名国内域名 国内域名的后缀通常要包括国内域名的后缀通常要包括“国际通用域国际通用域”和和“国国家域家域”两部分，而且要以两部分，而且要以“国家域国家域”作为最后一个作为最后一个后缀。后缀。第22页，共58页，编辑于2022年，星期二域名及域名注册域名及域名注册我国域名体系结构我国域名体系结构1 1机构性域名机构性域名 在许多国家的二级域名注册中，也遵守机构性域名在许多国家的二级域名注册中，也遵守机构性域名和地理性域名注册办法。中国互联网络的二级域名和地理性域名注册办法。中国互联网络的二级域名也分为机构性域名和地理性域名两大类。也分为机构性域名和地理性域名两大类。2 2地理性域名地理性域名 我国的地理性域名使用我国的地理性域名使用4 4个直辖市和各省、自治区个直辖市和各省、自治区的名称缩写表示，共的名称缩写表示，共3434个个 。第23页，共58页，编辑于2022年，星期二域名及域名注册域名及域名注册3 3企业选择及注册域名的策略企业选择及注册域名的策略（1 1）企业域名的选择与企业相关信息一致）企业域名的选择与企业相关信息一致（2 2）企业域名的选择采用数字化域名）企业域名的选择采用数字化域名（3 3）企业域名的选择与企业的性质一致）企业域名的选择与企业的性质一致（4 4）企业域名的注册要注意域名抢注与域名冲突的问）企业域名的注册要注意域名抢注与域名冲突的问题题第24页，共58页，编辑于2022年，星期二网站栏目规划网站栏目规划网站栏目规划概述网站栏目规划概述1 1栏目规划概念栏目规划概念 网站结构大体包括两种结构，即：逻辑结构和网站结构大体包括两种结构，即：逻辑结构和物理结构。逻辑结构描述的是网页文档间的链接关物理结构。逻辑结构描述的是网页文档间的链接关系，而物理结构描述的是网页文档的实际存储位置。系，而物理结构描述的是网页文档的实际存储位置。如果说逻辑结构是为用户而设计的，那么，物理结如果说逻辑结构是为用户而设计的，那么，物理结构就是为管理员而设计的。构就是为管理员而设计的。我们将逻辑结构的设计称为栏目规划，将物理我们将逻辑结构的设计称为栏目规划，将物理结构的设计称为目录规划。结构的设计称为目录规划。第25页，共58页，编辑于2022年，星期二 网站栏目规划网站栏目规划 网站栏目的作用：网站栏目的作用：1)1)、提纲挈领，点题明义、提纲挈领，点题明义2)2)、网站栏目的导航作用、网站栏目的导航作用（1 1）全局导航）全局导航（2 2）路径导航）路径导航（3 3）快捷导航）快捷导航（4 4）相关导航）相关导航第26页，共58页，编辑于2022年，星期二网站栏目规划网站栏目规划2 2网站栏目规划原则网站栏目规划原则（1 1）栏目的目录设计力求简洁、结构层次清晰，有利）栏目的目录设计力求简洁、结构层次清晰，有利于网站的管理和运行的优化。于网站的管理和运行的优化。（2 2）重点突出，要仔细考虑内容的轻重缓急，合理安）重点突出，要仔细考虑内容的轻重缓急，合理安排，突出重点。排，突出重点。（3 3）方便访问者，一般情况下一个访问者能够在）方便访问者，一般情况下一个访问者能够在3-53-5次点击后就可以查询到自己所关注的信息。次点击后就可以查询到自己所关注的信息。（4 4）主要内容栏目要分得细致。）主要内容栏目要分得细致。（5 5）“开门见山开门见山”地列出主要内容。地列出主要内容。（6 6）首页设置超级链接和搜索引擎。）首页设置超级链接和搜索引擎。（7 7）设定双向交流的栏目。）设定双向交流的栏目。（8 8）设置信息下载和咨询服务栏目。）设置信息下载和咨询服务栏目。第27页，共58页，编辑于2022年，星期二网站栏目规划网站栏目规划2.3.22.3.2逻辑组织模型逻辑组织模型1 1线型逻辑组织模型线型逻辑组织模型 线型逻辑组织模型如下图所示。线型逻辑组织模型如下图所示。第28页，共58页，编辑于2022年，星期二网站栏目规划网站栏目规划2 2层次型逻辑组织模型层次型逻辑组织模型 层次型逻辑组织模型如下图所示。层次型逻辑组织模型如下图所示。第29页，共58页，编辑于2022年，星期二网站栏目规划网站栏目规划3 3网络型逻辑组织模型网络型逻辑组织模型 网络型逻辑组织模型是指多个网页之间都有相互链网络型逻辑组织模型是指多个网页之间都有相互链接的一种结构，如下图所示。接的一种结构，如下图所示。第30页，共58页，编辑于2022年，星期二网站栏目规划网站栏目规划4 4混合型逻辑组织模型混合型逻辑组织模型 混合型逻辑组织模型指的是，将以上几种模型混合混合型逻辑组织模型指的是，将以上几种模型混合在一起构成了一个新的网站模型，这样的模型可以在一起构成了一个新的网站模型，这样的模型可以吸取各单个模型的所有长处，避免其短处。吸取各单个模型的所有长处，避免其短处。第31页，共58页，编辑于2022年，星期二网站栏目规划网站栏目规划2.3.32.3.3网站物理结构规划网站物理结构规划1 1什么是网站目录结构什么是网站目录结构 主要指的是网站目录及所包含文件所存储的真实位主要指的是网站目录及所包含文件所存储的真实位置所表现出来的结构。置所表现出来的结构。2 2如何优化网站目录结构如何优化网站目录结构（1 1）优化网站的物理结构目录）优化网站的物理结构目录（2 2）网站的目录层级数不要太多）网站的目录层级数不要太多（3 3）使用链接功能）使用链接功能（4 4）优化网站的逻辑结构目录）优化网站的逻辑结构目录第32页，共58页，编辑于2022年，星期二网站栏目规划网站栏目规划3 3网站目录结构规划应注意事项网站目录结构规划应注意事项（1 1）合理安排文件的目录）合理安排文件的目录（2 2）按栏目内容建立子目录）按栏目内容建立子目录（3 3）在每个一级目录或二级目录下都建立独立的）在每个一级目录或二级目录下都建立独立的ImagesImages目录目录第33页，共58页，编辑于2022年，星期二网站总体设计网站总体设计2.4.12.4.1网站总体设计原则网站总体设计原则1 1先进性、可靠性和安全性原则先进性、可靠性和安全性原则2 2可扩展性、标准性和开放性原则可扩展性、标准性和开放性原则3 3服务性、便捷性和交互性原则服务性、便捷性和交互性原则4 4美观性、实用性和宣传性原则美观性、实用性和宣传性原则第34页，共58页，编辑于2022年，星期二网站总体设计网站总体设计网站的网站的CICI设计设计 什么是什么是CICI设计？设计？所谓所谓CICI，是借用的广告术语。，是借用的广告术语。(CI(CI是英文是英文corporate identitycorporate identity的缩写的缩写)，意思是通过视觉来统，意思是通过视觉来统一企业的形象，它是企业形象的形成，是提高企业一企业的形象，它是企业形象的形成，是提高企业形象的一种经营手段，而所谓的企业形象，是指企形象的一种经营手段，而所谓的企业形象，是指企业的关系者对企业的整体感觉、印象和认识，优秀业的关系者对企业的整体感觉、印象和认识，优秀的的CICI设计，使企业更加容易树立市场形象、展示企设计，使企业更加容易树立市场形象、展示企业文化、抢占商业先机。业文化、抢占商业先机。1 1网站的主题和名称设计网站的主题和名称设计（1 1）主题要小而精）主题要小而精（2 2）题材最好是你自己擅长或者喜爱的内容）题材最好是你自己擅长或者喜爱的内容（3 3）题材不要太滥或者目标太高）题材不要太滥或者目标太高第35页，共58页，编辑于2022年，星期二网站总体设计网站总体设计（4 4）名称要正派）名称要正派（5 5）名称要易记）名称要易记（6 6）名称要有特色）名称要有特色第36页，共58页，编辑于2022年，星期二网站总体设计网站总体设计2 2设计网站的标志（设计网站的标志（LogoLogo）（1 1）标志可以是中文，英文字母，可以是符号，图案）标志可以是中文，英文字母，可以是符号，图案等等。等等。（2 2）网站有代表性的人物，动物，花草，可以用它们）网站有代表性的人物，动物，花草，可以用它们作为设计的蓝本。作为设计的蓝本。（3 3）网站有专业性的，可以以本专业有代表性的物品）网站有专业性的，可以以本专业有代表性的物品作为标志。作为标志。（4 4）最常用和最简单的方式是用自己网站的英文名称）最常用和最简单的方式是用自己网站的英文名称作标志。作标志。第37页，共58页，编辑于2022年，星期二网站总体设计网站总体设计3 3设计网站的色彩设计网站的色彩 网站给人的第一印象来自视觉冲击，不同的色网站给人的第一印象来自视觉冲击，不同的色彩搭配产生不同的效果，并可能影响到访问者的情彩搭配产生不同的效果，并可能影响到访问者的情绪。颜色搭配是体现风格的关键。绪。颜色搭配是体现风格的关键。（1 1）色彩的色环）色彩的色环 所谓色环就是将色彩按：红所谓色环就是将色彩按：红 黄黄 绿绿 蓝蓝红依次过度渐变，就可以得到一个色彩环。色环的红依次过度渐变，就可以得到一个色彩环。色环的有暖色系、寒色系和中性系。有暖色系、寒色系和中性系。第38页，共58页，编辑于2022年，星期二网站总体设计网站总体设计（2 2）色彩的心理感觉）色彩的心理感觉 红色是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，红色是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。热情，活力的感觉。绿色是介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全绿色是介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。它和金黄，淡白搭配，可以产生优雅，舒适的气氛。的感觉。它和金黄，淡白搭配，可以产生优雅，舒适的气氛。橙色也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚橙色也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。的效果。黄色是一种具有快乐，希望，智慧和轻快的个性，它的明度最黄色是一种具有快乐，希望，智慧和轻快的个性，它的明度最高。高。蓝色是一种具有凉爽，清新，专业的色彩。它和白色混合，能蓝色是一种具有凉爽，清新，专业的色彩。它和白色混合，能体现柔顺，淡雅，浪漫的气氛就像天空的色彩一样。体现柔顺，淡雅，浪漫的气氛就像天空的色彩一样。白色是一种具有洁白的颜色，明快，纯真，清洁的感受。白色是一种具有洁白的颜色，明快，纯真，清洁的感受。黑色是一种具有深沉，神秘，寂静，悲哀，压抑的感受。黑色是一种具有深沉，神秘，寂静，悲哀，压抑的感受。灰色是一种具有中庸，平凡，温和，谦让，中立和高雅的感觉。灰色是一种具有中庸，平凡，温和，谦让，中立和高雅的感觉。第39页，共58页，编辑于2022年，星期二网站总体设计网站总体设计（3 3）网页的底色）网页的底色 网页的底色是整个网站风格的重要指针网页的底色是整个网站风格的重要指针（4 4）使用单色彩）使用单色彩 所谓单色彩是指先选定一种色彩，然后调整透明度或者饱和所谓单色彩是指先选定一种色彩，然后调整透明度或者饱和度，也就是说，将某一种单色彩变淡或变深后产生一种新的色度，也就是说，将某一种单色彩变淡或变深后产生一种新的色彩，用于网页。彩，用于网页。（5 5）使用两种色彩）使用两种色彩 所谓两种色彩是指先选定一种色彩，然后再选择该色彩的对所谓两种色彩是指先选定一种色彩，然后再选择该色彩的对比色。比色。（6 6）使用一个色系）使用一个色系 所谓色系是指一个感觉的色彩，例如淡蓝、淡黄、淡绿；或所谓色系是指一个感觉的色彩，例如淡蓝、淡黄、淡绿；或者土黄、土灰、土蓝。者土黄、土灰、土蓝。（7 7）使用黑色一种彩色）使用黑色一种彩色 所谓黑色是指与其他颜色相配的一种色彩。所谓黑色是指与其他颜色相配的一种色彩。第40页，共58页，编辑于2022年，星期二网站总体设计网站总体设计（8 8）网页最常用流行色网页最常用流行色 蓝色蓝色蓝天白云，沉静整洁的颜色。蓝天白云，沉静整洁的颜色。绿色绿色绿白相间，雅致而有生气。绿白相间，雅致而有生气。橙色橙色活泼热烈，标准商业色调。活泼热烈，标准商业色调。暗红暗红宁重、严肃、高贵，需要配黑和灰来压制宁重、严肃、高贵，需要配黑和灰来压制刺激的红色。刺激的红色。第41页，共58页，编辑于2022年，星期二网站总体设计网站总体设计（9 9）颜色的忌讳）颜色的忌讳 忌脏忌脏背景与文字内容对比不强烈，灰暗的背景令背景与文字内容对比不强烈，灰暗的背景令人沮丧！人沮丧！忌纯忌纯艳丽的纯色对人的刺激太强烈，缺乏内涵。艳丽的纯色对人的刺激太强烈，缺乏内涵。忌跳忌跳再好看的颜色，也不能脱离整体。再好看的颜色，也不能脱离整体。忌花忌花要有一种主色贯穿其中，主色并不是面积最要有一种主色贯穿其中，主色并不是面积最大的颜色，而是最重要，最能揭示和反映主题的颜色，大的颜色，而是最重要，最能揭示和反映主题的颜色，就象领导者一样，虽然在人数上居少数，但起决定作就象领导者一样，虽然在人数上居少数，但起决定作用。用。忌粉忌粉颜色浅固然显的干净，但如果对比过弱，整颜色浅固然显的干净，但如果对比过弱，整得苍白无力了，就象病夫一样无可救药。得苍白无力了，就象病夫一样无可救药。一般而言，蓝色忌纯，绿色忌黄，红色忌艳。一般而言，蓝色忌纯，绿色忌黄，红色忌艳。第42页，共58页，编辑于2022年，星期二网站总体设计网站总体设计 4 4设计网站的字体设计网站的字体 所谓标准字体是指用于标志，标题，主菜单的特所谓标准字体是指用于标志，标题，主菜单的特有字体。有字体。5 5设计网站的标语设计网站的标语 所谓网站的宣传标语指的是网站的精神，网站的所谓网站的宣传标语指的是网站的精神，网站的目标。目标。第43页，共58页，编辑于2022年，星期二网站总体设计网站总体设计网站的布局设计网站的布局设计1 1网站布局的基本概念网站布局的基本概念 设计网站的第一步就是设计首页，它就是网站的主设计网站的第一步就是设计首页，它就是网站的主页。我们将网页看作一张报纸，一本杂志来进行排页。我们将网页看作一张报纸，一本杂志来进行排版布局。所谓布局，就是以最适合浏览的方式将图版布局。所谓布局，就是以最适合浏览的方式将图片和文字排放在页面的不同位置上。片和文字排放在页面的不同位置上。（1 1）页面尺寸）页面尺寸（2 2）整体造型）整体造型（3 3）页头）页头（4 4）文本）文本（5 5）图片）图片（6 6）多媒体）多媒体第44页，共58页，编辑于2022年，星期二网站总体设计网站总体设计2 2网站布局设计步骤网站布局设计步骤（1 1）草案）草案 新建的页面就像一张白纸，没有任何表格，框架和约定俗成的东新建的页面就像一张白纸，没有任何表格，框架和约定俗成的东西，可以尽可能多地发挥想象力，将你想到的西，可以尽可能多地发挥想象力，将你想到的“景象景象”画上去。画上去。（2 2）初步布局）初步布局 在草案的基础上，将确定需要放置的功能模块安排到页面上。在草案的基础上，将确定需要放置的功能模块安排到页面上。通常首页设计的内容主要包含网站标志、主菜单、新闻、搜索、通常首页设计的内容主要包含网站标志、主菜单、新闻、搜索、友情链接、广告条、邮件列表、计数器、版权信息等。在初步友情链接、广告条、邮件列表、计数器、版权信息等。在初步布局时，必须遵循突出重点、平衡协调的原则，将网站标志，布局时，必须遵循突出重点、平衡协调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。虑次要模块的排放。（3 3）定稿）定稿 在初步布局的基础上，具体化、精细化的过程。在初步布局的基础上，具体化、精细化的过程。第45页，共58页，编辑于2022年，星期二网站总体设计网站总体设计3 3网站布局设计原则网站布局设计原则（1 1）重复性原则）重复性原则（2 2）对比性原则）对比性原则（3 3）正常平衡原则）正常平衡原则（4 4）异常平衡原则）异常平衡原则（5 5）比例适当原则）比例适当原则（6 6）避免滚动原则）避免滚动原则（7 7）用图表解说原则）用图表解说原则（8 8）用户第一原则）用户第一原则第46页，共58页，编辑于2022年，星期二网站总体设计网站总体设计2.4.4 2.4.4 几种典型的布局设计几种典型的布局设计1 1网页布局类型网页布局类型（1 1）“国国”字型结构布局也称字型结构布局也称“同同”字型，指的是字型，指的是最上面是网站的标题以及横幅广告条，接下来就是最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多是最多的这种结构是我们在网上见到的差不多是最多的一种结构类型，如下图所示。一种结构类型，如下图所示。第47页，共58页，编辑于2022年，星期二网站总体设计网站总体设计第48页，共58页，编辑于2022年，星期二网站总体设计网站总体设计（2 2）“T”T”型结构布局指的是页面顶部为横条网站标型结构布局指的是页面顶部为横条网站标志志+广告条，下方左面为主菜单，右面显示内容的布广告条，下方左面为主菜单，右面显示内容的布局，因为菜单条背景教深，整体效果类似英文字母局，因为菜单条背景教深，整体效果类似英文字母“T”T”。第49页，共58页，编辑于2022年，星期二网站总体设计网站总体设计（3 3）“三三”型结构布局指的是采用三条横条为主题型结构布局指的是采用三条横条为主题的网站，在国外站点经常可以看到，国内也有一些的网站，在国外站点经常可以看到，国内也有一些网站采用这种结构的布局。典型网站采用这种结构的布局。典型“三三”型结构布局型结构布局的网站主页如下图所示。的网站主页如下图所示。第50页，共58页，编辑于2022年，星期二 网站总体设计网站总体设计（4 4）“口口”型结构布局指的是页面一般上下各有一型结构布局指的是页面一般上下各有一个广告条，左面是主菜单，右面放友情连接等，中个广告条，左面是主菜单，右面放友情连接等，中间是主要内容。典型间是主要内容。典型“口口”型结构布局如下图所示。型结构布局如下图所示。这种布局的优点是充分利用版面，信息量大，缺点这种布局的优点是充分利用版面，信息量大，缺点是页面拥挤，不够灵活。是页面拥挤，不够灵活。第51页，共58页，编辑于2022年，星期二网站总体设计网站总体设计（6 6）“POP”POP”型结构布局指的是页面布局像一张宣传型结构布局指的是页面布局像一张宣传海报，以一张精美图片作为页面的设计中心，常用海报，以一张精美图片作为页面的设计中心，常用于时尚类站点。优点是页面漂亮吸引人，缺点就是于时尚类站点。优点是页面漂亮吸引人，缺点就是速度慢。速度慢。第52页，共58页，编辑于2022年，星期二网站总体设计网站总体设计（5 5）FlashFlash型结构布局指的是用型结构布局指的是用FlashFlash作为网页的主作为网页的主要内容，采用了目前非常游戏行的要内容，采用了目前非常游戏行的FlashFlash，由于，由于FlashFlash强大的功能，页面所表达的信息更丰富，其强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。的多媒体。第53页，共58页，编辑于2022年，星期二网站总体设计网站总体设计第54页，共58页，编辑于2022年，星期二网站总体设计网站总体设计网站首页的风格网站首页的风格 网站的风格是建筑在网站内容的质量和价值上的，网站的风格是建筑在网站内容的质量和价值上的，这是最基本的。如果一个网站只有风格而无内容，这是最基本的。如果一个网站只有风格而无内容，就好比绣花枕头一包草，好比一个性格傲慢但却目就好比绣花枕头一包草，好比一个性格傲慢但却目不识丁的人。不识丁的人。网站首页是企业网上的虚拟门面，在设计自己门面网站首页是企业网上的虚拟门面，在设计自己门面时决不能敷衍了事、马马虎虎。网站的页面就好比时决不能敷衍了事、马马虎虎。网站的页面就好比是是“无纸的印刷品无纸的印刷品”，精良和专业的网站设计，如，精良和专业的网站设计，如同制作精美的印刷品，会大大刺激消费者（访问者）同制作精美的印刷品，会大大刺激消费者（访问者）的购买欲望，反之，您公司所提供的产品或服务将的购买欲望，反之，您公司所提供的产品或服务将不会给消费者（访问者）留下较好的印象。一般来不会给消费者（访问者）留下较好的印象。一般来说，网站首页的形式不外乎有两种。说，网站首页的形式不外乎有两种。第55页，共58页，编辑于2022年，星期二 网站总体设计网站总体设计（1 1）纯粹的形象展示型，这种类型文字信息较少，图）纯粹的形象展示型，这种类型文字信息较少，图像信息较多，通过艺术造型和设计布局，利用一系像信息较多，通过艺术造型和设计布局，利用一系列与公司形象和产品、服务有关的图像、文字信息，列与公司形象和产品、服务有关的图像、文字信息，组成一幅生动的画面，向浏览者展示一种形象、一组成一幅生动的画面，向浏览者展示一种形象、一个氛围，从而吸引浏览者进入浏览。个氛围，从而吸引浏览者进入浏览。（2 2）信息罗列型，这种类型一般是大、中型企业网站）信息罗列型，这种类型一般是大、中型