网站规划设计基础

《网站规划设计基础》由会员分享，可在线阅读，更多相关《网站规划设计基础（70页珍藏版）》请在金锄头文库上搜索。

1、第2章 网站规划设计基础 主讲：本章要点 网站设计流程 网站的类型 网站主题及风格定位 网站内容的确定网站内容的确定 网站版面设计方法 网站策划书的撰写 2.1 网站设计流程 为使网站能够达到预期的目的，满足 用户要求，不仅需要在网站建设过程中 与用户方进行良好的沟通与交流，更重 要的是要遵循网站建设流程。只有这样 ，才能做到既不浪费时间又能提高效率 ，同时又能保证网站的科学性、严谨性 。2.2 2.3 2.4 2.5 2.6网站设计过程 （1）用户需求调查及分析。（2）确定服务器解决方案。（3）网站规划设计。 （4）界面设计、页面制作及程序开发。（5）网站的测试与发布及文档的编写。 （6）网

2、站的维护。 网站设计的工作流程图 2.2 浏览器/服务器模式n2.2.1 根据网站所从属单位的性质分类n2.2.2 根据网站使用的技术分类n2.2.3 根据提供服务的方式分类2.1 2.3 2.4 2.5 2.6n2.2.1 根据网站所从属单位的性质分类根据网站所从属单位的性质可以分 为个人网站、企业网站、商业网站、政府 网站等。 典型的企业网站http:/ 典型的政府网站http:/n2.2.2 根据网站使用的技术分类 （1 1）静态网站）静态网站 （2 2）动态网站）动态网站 （ 3 3）纯）纯FlashFlash网站网站注意：网页中的视觉上的动感元 素，如使用GIF动画、Flash动画等

3、不 是动态网页和动态网站的标志。 n2.2.3 根据提供服务的方式分类根据提供服务的方式可以分为门户网站、普根据提供服务的方式可以分为门户网站、普 及型网站、办公事务管理网站、电子商务类及型网站、办公事务管理网站、电子商务类 网站、媒体信息服务类网站和商务管理网站网站、媒体信息服务类网站和商务管理网站 等。等。 n门户网站 门户网站提供的内容众多、服务齐全， 一般是普通用户上网的首选。 n普及型网站普及型网站是企事业单位和个人根据自 身要求建立和发布的以介绍其基本情况 、产品和服务信息、供求信息、招聘信 息、通信方式和对外合作信息等为主旨 的网站。n办公事务管理网站办公事务管理网站是企事业单位

4、为实现 办公自动化而建立的内部网站。 办公事务管理网站的主要功能 （1）办公事务管理。 （2）人力资源管理。 （3）财务资产管理。 （4）网站管理。n电子商务类网站所谓电子商务（Electronic Commerce），是 利用计算机技术、网络技术和远程通信技术，实 现整个商务过程中的电子化、数字化和网络化。 电子商务类网站的主要功能 （1）提供详细的产品或服务信息。 （2）购物车。 （3）商品盘点更新。 （4）库存商品管理。 （5）在线交易功能。 （6）商品交接、资金结算功能。 （7）售后服务。 n媒体信息服务类网站 该类网站是出版社、报社、杂志社、广播 电台、电视台等传统媒体为树立网络形象

5、 ，方便服务对象而建立的网站。 媒体信息服务类网站的主要功能 （1）信息发布。 （2）电子出版。 （3）客户在线咨询。 （4）网站管理。n商务管理网站 这类网站是企业内部为了进行广告及商品 管理、客户管理、合同管理、营销管理等 目的而建立的网上办公平台。 商务管理网站的主要功能 （1）广告及商品管理。 （2）客户管理。 （3）营销管理。 （4）网站管理。 2.3 网站主题与风格的定位 n2.3.1 网站主题定位 n2.3.2 网站风格定位 2.1 2.2 2.4 2.5 2.6n2.3.1 网站主题定位 网站主题就是指网站的题材。作为一个网站设 计者，在正式建站之前，必须明确要建设一个 什么样

6、的网站，需要达到何种目标。 网站主题与网站名称紧密相关，一个恰当的名 称能给站点的推广提供便利，也能在一定程度 上体现网站设计者的文化品位。网站的名称如 果可以和域名配合起来，会更加方便浏览者记 忆，也有利于提高访问量。 网站的主题需要通过具体的功能去实现，系统功 能是建设网站的核心。设计功能时要考虑服务对 象,了解服务对象的浏览喜好和浏览习惯。因为不 同的人群对网站的需求是不一样的，一个网站可 以顾及到各个层次的对象，但必须有一个主体对 象，也应该预测到以后会发展的潜在对象,这可以 帮助确定建站的规模；设计功能时还要适应管理 对象，因为网站是一系列管理者的工作平台，不 同管理者的职责和权限是

7、不同的。设计功能时还 要善于归纳,在进行用户需求调研的基础上,按照一 定的逻辑结构、角色权限、部门职能等内在因素 进行有效合理的划分,以有益于后期的程序开发。 n2.3.2 网站风格定位 所谓网站风格，就是指某一网站的整体 形象给浏览者的综合感受，是站点与众不 同的特色，它能透露出设计者与企业的文 化品位。这个整体形象包括网站的 CI(Corporate Identity,企业形象，包括 标志、色彩、字体、标语)、版面布局、 浏览方式、交互性、文字、语气、内容价 值、存在意义、站点荣誉等诸多因素。 风格的形成需要在开发中不断强化、 调整和修饰,也需要不断向优秀网站学 习。具体设计时，对于不同性

8、质的行业 ，应体现出不同的网站风格。一般情况 下，政府部门的网站风格应比较庄重沉 稳，文化教育部门的网站应该高雅大方 ，娱乐行业的网站可以活泼生动一些, 商务网站可以贴近民俗，而个人网站则 可以不拘一格，更多地结合内容和设计 者的兴趣，充分彰显个性。 n尽可能地将网站标志（logo）放在每个页 面最突出的位置 网站标志可以是英文字母、汉字，也可以是符 号、图案等。标志的设计创意应当来自网站的 名称和内容。如果网站内有代表性的人物、植 物或是小动物等，则可以用它们作为设计的蓝 本，加以艺术化；专业性较强的网站可以选择 本专业有代表的物品作为标志等。最常用和最 简单的方式是用自己网站的英文名称做标

9、志， 采用不同的字体或字母的变形、组合等方式就 可以了。 n使用统一的图片处理效果 图片虽然有营造网页气氛、活泼版面、强化 视觉效果的作用，但也存在以下缺点：一是 图片文件一般情况下都比较大，这样在网上 传输就会比较慢，就会浪费浏览者的时间， 有可能会使他们感到不耐烦；二是如果图片 太多则意味着信息量有可能会减少，还可能 会影响到网页的整体效果；另外，图片尤其 是照片的色调一般都比较深，如果处理不好 的话，可能会破坏网站的整体风格。因此， 在处理网站图片时要注意主要图片阴影效果 的方向、厚度、模糊度等都必须尽可能地保 持一致，图片的色彩与网页的标准色搭配也 要适当。 n突出标准色彩 标准色彩是

10、指能体现网站形象和延伸内 涵的色彩，主要用于网站的标志、标题 、主菜单和主色块。无论是平面设计， 还是网页设计，色彩永远是其中最重要 的一环。当用户离显示器有一定距离的 时候，看到的不是美丽的图片或优美的 版式，而是网页的色彩。色彩简洁明快 、保持统一、独具特色的网站能让用户 产生较深的印象，从而不断前来访问， 增加网站的访问量。一般来说，一个网 站的标准色彩不宜超过三种，太多则让 人眼花缭乱。 n使用标准字体 和标准色彩一样，标准字体是指用于标志、标 题、主菜单的特有字体。一般网页默认的字体 是宋体。为了体现网站的独特风格和与众不同 ，可以根据需要，选择一些特别的字体。 如果要使用Windo

11、ws系统非默认的字体，则需要 用图片的形式来展现，因为如果浏览者的计算 机里没有安装这种字体，浏览器会一律用系统 默认字体显示，这样显示效果可能会与原来的 设计相差很大，从而无法展现出自己精心设计 的风格。 2.4 网站内容的确定 n2.4.1 网站内容设计 n2.4.2 网站包括的内容 2.1 2.2 2.3 2.5 2.6n2.4.1 网站内容设计n网站建设目标与内容设计 内容设计,就是分析网站所面向的用户群的 需求，通过需求分析，确定网站要达到的目 标,进而确定为达到目的而需要提供的信息 和服务。很明显，这是实现网站建设目标的 关键环节，因此成为网站建设的根本任务。网站的建设是以用户为中

12、心的，用户直 接接受信息服务并对信息做出反馈,所以 用户群的大小成为反映一个网站利用率 高低的重要指标。不同的网站建设目标 要面向不同的用户,如何让用户对网站产 生兴趣而关注网站、如何方便用户使用 网站、如何让用户在网站中得到满意的 信息或服务从而能多次来访，这是网站 建设的最终目的，也是内容设计中应该 注意的问题。 n网站内容设计的特性 （1）针对性。 （2）高精细度。 （3）真实性。 （4）广泛性。（5）新鲜性。 （6）可追踪性。 （7）可理解性。 n内容设计应注意的问题 （1）注意从观念上重视内容设计，要以求真务 实的态度搞好内容设计，不要让技术淹没了内 容设计，在创意设计与内容设计矛盾

13、时，要服 从内容设计,内容设计要服从网站建设目标。（2）要注意内容的更新，这是从网站设计者的 角度考虑的。 （3）要考虑用户的参与性，用户是网站的使用 者，要充分考虑用户的能动性和积极性，在内 容设计中要注意贴近用户生活，设计用户感兴 趣的主题，论坛、社区等就是充分考虑了与用 户的互动，得到了较好的效果的例证。 （4）注意换位思考，这是从用户角度看是否有 用，应用是否方便等。 n网站内容设计应遵循的原则 （1）对于任何网站，主页或第一个网页都是 非常重要的，因为它们能够给用户留下第一印 象，好的第一印象能够吸引用户再次光临这个 网站，因此应该更加重视主页的设计，以提高 网站的访问量。（2）网站

14、内容应该是动态的，随时进行修改 和更新，以使自己的网站紧跟时代发展步伐。 如果在主页上注明更新日期及URL，对于经常访 问的用户能够提供很大的方便。（3）HTML文档的效果由其自身的质量和浏览 器解释HTML（4）网站信息的组织结构要层次分明，这是吸 引用户的关键。应该尽量避免形成复杂的网状 结构，没有层次的网状结构不利于用户查找感 兴趣的内容，用户可能会因此放弃浏览该网站 ，而且随着信息量的不断增多，这种结构还会 给维护工作带来不便和麻烦。（5）网页的文本内容应简单明了、易于理解。 所有内容都要针对设计目标而写，避免出现错 别字和语法错误。（6）图像、声音和视频信息能够比普通文本提 供更丰富

15、和更直接的信息，产生更大的吸引力 ，但文本字符可提供较快的浏览速度。（7）网站中应该提供一些联机帮助功能，千万 不能让用户在遇到问题时不知所措。 n2.4.2 网站内容设计n导航栏 每个网站都应该包括一组导航工具，它出现 在该网站的每一个页面中，称为导航栏。导 航栏的作用是引导浏览者快速浏览网站中重 要的栏目和内容,或确定自己当前所处的位 置。导航栏中的按钮应该包括主页、联系方 式、反馈信息及其他一些用户感兴趣的内容 ，这些内容应该是与站点的主要题目相关联 的。 设计导航栏的注意事项（1）使用常用颜色。应该使用标准、醒目的颜 色，避免在链接处使用特殊的颜色。（2）图片比单纯的文字效果更佳，但它

16、必须能 够清楚地体现出它所链接的内容。图片下应附 有文字说明，以避免图片使用不当而引起的混 淆。（3）每个页面都应该包括代表“返回”或“前进” 的按钮。（4）当前页面所对应的按钮应该相应的变成灰 色、突出显示或以其他方式表示出来。 n站点结构图 站点结构图是一种有关站点结构、组织方式的 示意图。站点的主要栏目或者关键内容都列在 其下的副标题中，当访问者单击标题、题目或 副标题时，相关的网页就会打开。站点结构图 还可以被看做是站点的分级结构图，按照这种 方式组织起来的信息，用户可以快速找到信息 所在的位置。 n引人入胜的内容 在每页中都要包含相关的、引人入胜的内容， 特别是当要销售产品的时候，每个页面都要用 详细的内容和图片进行精心策划。因为目的是 为了吸引用户，所以网站上使用的语言也应该 通俗易懂，对专业术语要进行注释。把特别重 要的内容用符号标出来，但不要用得过多，以 保持页面的简洁。 n精美的图片 选择一些合适的、无须