网站设计的基本原则.

《网站设计的基本原则.》由会员分享，可在线阅读，更多相关《网站设计的基本原则.（42页珍藏版）》请在金锄头文库上搜索。

1、无规矩不成方圆，世间万物皆有其规矩，网站设计 也不例外。我们将在这里为大家介绍网站设计的基 本原则，教大家避免网站设计中的几个误区，同时 透露网站设计的几种技巧，以及哪些便利的应用软 件。只有找到了设计的 窍门，才能设计出优秀的作品。 设计网站中有哪些关键技巧?有哪些陷阱?在这里， 世界上一流的网站设计专家，让你共享他们的秘密 ，告诉你：使网站赋予情趣的诀窍、应该避免做什 么、应使用什么工具软件以及 他们喜爱和厌恶的网站。 01 明确内容 如果你想成为一个网站设计者，并正想建一个网站 的话，首先应该考虑网站的内容，包括网站功能和 你的用户需要什么。你的整个设计都应该围绕这些 方面来进 行。 0

2、2 抓住用户 如果用户不能够迅速地进入你的网站，或操作不便捷， 网站设计就是失败的。不要让用户失望而转向你的对手 的网站。 03 优化内容 内容是核心。大约 在两年以前，企业网站就像一本广告册子，更槽糕 的是，网站使用了大量的图片，似乎要几个世纪才 能下载完。 Chanels网站在设计的某些方面是成功的，但是内容 太贪乏，并且要花很长时间才能找到所要的 东西，因此不能算是一个成功的网站。 04 快速下载 没有什么比要花很长时间下载页面更槽糕的了。作 为一条经验，一个标准的网页应不大于60K，通过 56K调制解调器加载花30秒的时间。有 的设计者说网页加载应在15秒内。 05 网站升级 时刻注意

3、网站的运行状况。性能很好的主机随着访 问人数的增加，可能会运行缓慢。但是，如果你不 想失去访问者的话，一定要仔细计划好你的升级 计划。 06 坚持基本原则 即使你不懂HTML语言，你只需购买一个有版权的所 见即所得的网页设计工具，如Adobe PageMill 或 Microsoft FrontPage E xpress，就可以创建一个看起来很合理的网站。但是 ，在设计时，这些软件包虽然不需要HTML，却使网 站速度下降。 为了成功地设计网站，你必须理解HTML是如何工作 的。大多数的网站设计者建议网 络新手应从有关HTML的书中去寻找答案，用 Notepad制作网页。 07 学习HTML 用

4、HTML设计网站，可以控制设计的整个过程。但是 ，如果你仅仅是网站设计的新手，你应该寻找一个 允许修改HTML的软件包。HomeSite4是一个很好的 Web设计工具。在设计过程中，HomeSite4能帮助你 学习HTML。它还允许你切换到所见即所得的模式， 以便你在把网站发送到Web之前，预览你的 网站。 08 用笔画一个网站的框架 圣人云：笔比剑更强大。在用计算机之前，用笔画 一个网站的框架，显示出所有网页的相互关系。计 划好你的用户如何以最少的时间浏览你的网站。 0 9 在计算机上永远也找不到好的方案 10 网站地图 许多设计者把他们的网站地图放在网站上，这种做 法，却是弊大于利。绝大部

5、分的访问者上网是寻找 一些特别的信息，他们对于你的网站是如何工 作的，并没有兴趣。如果你觉得你的网站需要地图 ，那很可能是需要改进你的导航和工具条。 11 “睁大你的眼睛，留意所有的事情。对最不相关 的东西的观察可以得到最好的灵感。观察一个站点 的结构和设计 。理解站点结构的关键元素，确保你的设计是围绕 站点浏览进行的。” 专家忠告 12 点击规则 听说过3次点击规则吗?对于小型网站，在你的主页 上，没有任何一条信息，需要点击次数超过 3次的。对于大型网站，使用导航和工具条来改善操 作。 13 特殊字体的应用 虽然你可以在你的HTML中使用特殊的字体，但是， 你不可能预测你的访问者在他们的计算

6、机上将看到 什么。在你的计 算机里看起来相当好的页面，在另一个不同的平台 上看起来可能非常糟糕。一些网站设计员喜欢使用 来定义特性，这虽然允许你使用特殊的字体，但是 仍需要一些变通的方法，以免你所选择的字体在访 问者的计算机上不能显示。 级联风格表CSS有助于解决这些问题，但是只有最新 版的浏览器才支持CSS。 14 使用切合实际的简便的命名规则 15 检查错别字 好的拼写是人们一生中重要的技能。但是遗憾的 是，许多设计者都缺少这种技能。确保你拼写正确 ，并且格外注意平常容易误写的错别字。 16 避免长文本页面 在一个站点上有许多只有文本的页面，是令人乏味 的，且也浪费Web的潜力。如果你 有

7、大量的基于文本的文档，应当以Adobe Acrobat格 式的文件形式来放置，以便你的访问者能离线阅 读。 17 不要使用卷滚条 人们厌恶在网上使用卷滚条。Trouble网站是一个 典型的设计很差的网站。它基于一个浮动的架构， 为了阅读所有的文本，浏览者不得不使用卷滚条。 18 专家最喜爱的Web设计工具 1.Adobe Photoshop; 2.Ma cromedia Flash; 3.Adobe Illustrator; 4.Adobe ImageRead; 5.Dreamweaver; 6.Macrome dia Fireworks; 7. Allaire Homesites; 8.Mi

8、crosoft Notepad; 9. Macromedia Director; 10. Lightwave; 11. Macromedia Freehand; 12.其它：Adobe Acrobat Exchange，Allaire ColdFusion, BBEdit,HTML Validator等。 网络营销角度下的网站设计 企业网站设计从某种角度来说也是企业形象的重要 表现方式。很多企业网站的首页千篇一律为一段让 人眼花缭乱的Fla sh动画，或一张图片，当然也不乏有部分设计的很 有创意的动画或图片。如果把这种方式理解为企业 网站形象设计，那么就太剑走偏锋了。 既然是网站，那么网站的设

9、计就离不开网站的基本 元素：如导航、结构、 按钮等等，所以企业网站设计不能离开“网站”这 个主体特性来为设计而设计，忽略网络的本质。 企业建网站的目的是什么?我想应该是传播信息。传 播企业供需信息、企业整体状况、品牌信息等等， 而不是单纯的 秀一把。 Flash动画虽然漂亮，但对搜索引擎的友好度是比较 差的，同时体积相对也比较大，会影响访问速度， 所以Flash动画不妨作为小装饰使用，效果会更佳。 一个优秀的网站应该是有着良好的导航功 能并易于访问的，而不是捉迷藏式的“超级创意” 。网站设计在追求美观的同时，不能以牺牲正常和 便捷的浏览为代价，同时更要考虑对搜索引擎的友 好性。 所以网站设计应

10、该把握以下几个原则： 1、 具有较强的可识别性，充分体现企业的基本元素： 如标志、标准字体、标准色等; 2、页面设计以简洁大方为宜，充分考虑访问速度; 3、要有良好的导航，符合绝大多数网民的访问习惯; 4、要考虑与搜索引擎的友好性，注意网站的结构和 层次。 网站设计7CS (Human-Computer Interface;HCI)在电脑资讯科技域 中,是指电脑有关之硬体及软体, 其本身为提供使用者与电脑之间沟通与互动的通道 或桥梁.也因为人机之间的往沟通非常强调以与使用 者需求为主,也就是强调使用者导向(User-Oriented) 与使用者中心(User-Centered),所以 人机介面

11、又称为使用者介面(User- Interface).在电子 商务环境中,使用者界面是企业与他们顾客之间的系 互动管道,Rayport与Jaworski在2001提出7Cs模式,其 主要是用於分析电 子商务的顾客界面,提出网站商店的顾客介面应著重 在让顾客容操作与使其满意.因此,一个成功的网站 设计,取决于其介面是否能够将顾客需求以及企业提 供的服务加以整合,兹将7Cs架构的网站介面七项要 素介绍如下： 1 Context(组织) 网站内容的设计与陈方式,要同时符合功能性与美观 性个需求.功能性是指网站内容以有组织的方式呈 现,让使用者可以方有效地浏览.而美观性则包括网 页的色系及其他传 递讯息

12、的视觉题材。 2 Content(内容) 指网站上所传递的内容.包括产品与服务内容( 如各 科室简介,医院地 位置等资讯),促销方案,顾客支援, 及时 新的资讯,各种与产品或服务 相关的资讯, 用多媒体方式提供产品或服务资讯(如: 以语音或动画的方式描述产品或服务内容)。 3 Community(社群) 供网站使用者之间的互动空间,让使用者有归属感或 与感. 包括线上讨版( 如疾病讨园地),会员电子信箱清单或 言板等。 4 Customization(客制化) 网站提供使用者自 身订做自己想阅的内容资讯之功 能.每个使用者在登入后就可以享受 与众同,独享的页面,能让顾客有 ,亲的感觉。 5 C

13、ommunication(沟通方式) 网站与使用者之间的沟通管道,包括以电子邮件方式 告知各式资讯( 如电子报),或是让使用者可提 供建议的管道( 如建言信箱)。 6 Connection( 结) 网站本身与其他外部相关网站的结.像医网站可方的 结到其他的医资讯机构( 如医资讯网), 政院卫生署,中 央健康保险局, 医学术研究机构( 如台湾医学会)等。 (商务) WZzllsaa百度关键词优化 支援各种交之介面功能, 如线上挂号,挂号查询与取 消,缴费功能等。 我们通过给大家介绍关于网站设计的基 本原则，让大家了解网站设计中的几大误区，以及 几种便利的软件，还有网站设计的小窍门，使大家 对网站设计有了更加深入的了解。要想成为成功的 网站设计师，必须坚持网站设计的基本原则，不能 违反。