网站设计的基本原则

无规矩不成方圆,世间万物皆有其规矩,网站设计也不例外。我们将在这里为大家介绍网站设计的基本原则,教大家避免网站设计中的几个误区,同时透露网站设计的几种技巧,以及哪些便利的应用软件。只有找到了设计的窍门,才能设计出优秀的作品。

设计网站中有哪些关键技巧?有哪些陷阱?在这里,世界上一流的网站设计专家,让你共享他们的秘密,告诉你:使网站赋予情趣的诀窍、应该避免做什么、应使用什么工具软件以及他们喜爱和厌恶的网站。

01 明确内容

如果你想成为一个网站设计者,并正想建一个网站的话,首先应该考虑网站的内容,包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。

02 抓住用户

如果用户不能够迅速地进入你的网站,或操作不便捷,网站设计就是失败的。不要让用户失望而转向你的对手的网站。

03 优化内容

内容是核心。大约在两年以前,企业网站就像一本广告册子,更槽糕的是,网站使用了大量的图片,似乎要几个世纪才能下载完。

Chanels网站在设计的某些方面是成功的,但是内容太贪乏,并且要花很长时间才能找到所要的东西,因此不能算是一个成功的网站。

04 快速下载

没有什么比要花很长时间下载页面更槽糕的了。作为一条经验,一个标准的网页应不大于60K,通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。

05 网站升级

时刻注意网站的运行状况。性能很好的主机随着访问人数的增加,可能会运行缓慢。但是,如果你不想失去访问者的话,一定要仔细计划好你的升级计划。

06 坚持基本原则

即使你不懂HTML语言,你只需购买一个有版权的所见即所得的网页设计工具,如Adobe PageMill 或 Microsoft FrontPage Express,就可以创建一个看起来很合理的网站。但是,在设计时,这些软件包虽然不需要HTML,却使网站速度下降。

为了成功地设计网站,你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案,用Notepad制作网页。

07 学习HTML

用HTML设计网站,可以控制设计的整个过程。但是,如果你仅仅是网站设计的新手,你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中,HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式,以便你在把网站发送到Web之前,预览你的网站。

08 用笔画一个网站的框架

圣人云:笔比剑更强大。在用计算机之前,用笔画一个网站的框架,显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。

09 在计算机上永远也找不到好的方案

10 网站地图

许多设计者把他们的网站地图放在网站上,这种做法,却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息,他们对于你的网站是如何工作的,并没有兴趣。如果你觉得你的网站需要地图,那很可能是需要改进你的导航和工具条。

11 “睁大你的眼睛,留意所有的事情。对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素,确保你的设计是围绕站点浏览进行的。” ——专家忠告

12 点击规则

听说过3次点击规则吗?对于小型网站,在你的主页上,没有任何一条信息,需要点击次数超过3次的。对于大型网站,使用导航和工具条来改善操作。

13 特殊字体的应用

虽然你可以在你的HTML中使用特殊的字体,但是,你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面,在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性,这虽然允许你使用特殊的字体,但是仍需要一些变通的方法,以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题,但是只有最新版的浏览器才支持CSS。

14 使用切合实际的简便的命名规则

15 检查错别字

好的拼写是人们一生中重要的技能。但是遗憾的是,许多设计者都缺少这种技能。确保你拼写正确,并且格外注意平常容易误写的错别字。

16 避免长文本页面

在一个站点上有许多只有文本的页面,是令人乏味的,且也浪费Web的潜力。如果你有大量的基于文本的文档,应当以Adobe Acrobat格式的文件形式来放置,以便你的访问者能离线阅读。

17 不要使用卷滚条

人们厌恶在网上使用卷滚条。Trouble网站是一个典型的设计很差的网站。它基于一个浮动的架构,为了阅读所有的文本,浏览者不得不使用卷滚条。

18 专家最喜爱的Web设计工具

1.Adobe Photoshop;

2.Macromedia Flash;

3.Adobe Illustrator;

4.Adobe ImageRead;

5.Dreamweaver;

6.Macromedia Fireworks;

7. Allaire Homesites;

8.Microsoft Notepad;

9. Macromedia Director;

10. Lightwave;

11. Macromedia Freehand;

12.其它:Adobe Acrobat Exchange,Allaire ColdFusion,BBEdit,HTML Validator等。

网络营销角度下的网站设计

企业网站设计从某种角度来说也是企业形象的重要表现方式。很多企业网站的首页千篇一律为一段让人眼花缭乱的Flash动画,或一张图片,当然也不乏有部分设计的很有创意的动画或图片。如果把这种方式理解为企业网站形象设计,那么就太剑走偏锋了。

既然是网站,那么网站的设计就离不开网站的基本元素:如导航、结构、按钮等等,所以企业网站设计不能离开“网站”这个主体特性来为设计而设计,忽略网络的本质。

企业建网站的目的是什么?我想应该是传播信息。传播企业供需信息、企业整体状况、品牌信息等等,而不是单纯的秀一把。

Flash动画虽然漂亮,但对搜索引擎的友好度是比较差的,同时体积相对也比较大,会影响访问速度,所以Flash动画不妨作为小装饰使用,效果会更佳。一个优秀的网站应该是有着良好的导航功能并易于访问的,而不是捉迷藏式的“超级创意”。网站设计在追求美观的同时,不能以牺牲正常和便捷的浏览为代价,同时更要考虑对搜索引擎的友好性。

所以网站设计应该把握以下几个原则:

1、具有较强的可识别性,充分体现企业的基本元素:如标志、标准字体、标准色等;

2、页面设计以简洁大方为宜,充分考虑访问速度;

3、要有良好的导航,符合绝大多数网民的访问习惯;

4、要考虑与搜索引擎的友好性,注意网站的结构和层次。

网站设计7CS

(Human-Computer Interface;HCI)在电脑资讯科技域中,是指电脑有关之硬体及软体,其本身为提供使用者与电脑之间沟通与互动的通道或桥梁.也因为人机之间的往沟通非常强调以与使用者需求为主,也就是强调使用者导向(User-Oriented)与使用者中心(User-Centered),所以人机介面又称为使用者介面(User- Interface).在电子商务环境中,使用者界面是企业与他们顾客之间的系互动管道,Rayport与Jaworski在2001提出7Cs模式,其主要是用於分析电子商务的顾客界面,提出网站商店的顾客介面应著重在让顾客容操作与使其满意.因此,一个成功的网站设计,取决于其介面是否能够将顾客需求以及企业提供的服务加以整合,兹将7Cs架构的网站介面七项要素介绍如下:

1 Context(组织)

网站内容的设计与陈方式,要同时符合功能性与美观性个需求.功能性是指网站内容以有组织的方式呈现,让使用者可以方有效地浏览.而美观性则包括网页的色系及其他传递讯息的视觉题材。

2 Content(内容)

指网站上所传递的内容.包括产品与服务内容( 如各科室简介,医院地 位置等资讯),促销方案,顾客支援,及时 新的资讯,各种与产品或服务相关的资讯, 用多媒体方式提供产品或服务资讯(如:以语音或动画的方式描述产品或服务内容)。

3 Community(社群)

供网站使用者之间的互动空间,让使用者有归属感或 与感.包括线上讨版( 如疾病讨园地),会员电子信箱清单或言板等。

4 Customization(客制化)

网站提供使用者自 身订做自己想阅的内容资讯之功能.每个使用者在登入后就可以享受与众同,独享的页面,能让顾客有 ,亲的感觉。

5 Communication(沟通方式)

网站与使用者之间的沟通管道,包括以电子邮件方式告知各式资讯( 如电子报),或是让使用者可提供建议的管道( 如建言信箱)。

6 Connection( 结)

网站本身与其他外部相关网站的结.像医网站可方的结到其他的医资讯机构( 如医资讯网), 政院卫生署,中央健康保险局,医学术研究机构( 如台湾医学会)等。

7 Commerce(商务)

支援各种交之介面功能, 如线上挂号,挂号查询与取消,缴费功能等。

我们通过给大家介绍关于网站设计的基本原则,让大家了解网站设计中的几大误区,以及几种便利的软件,还有网站设计的小窍门,使大家对网站设计有了更加深入的了解。要想成为成功的网站设计师,必须坚持网站设计的基本原则,不能违反。