admin 管理员组

文章数量: 887021


2023年12月16日发(作者:为什么要引入进程)

网站主页设计的原则

在任何WEB站点上,主页是最重要的页面。会有比其他页面更大的访问量。有很多形象的比喻可以说明主页的作用:主页是杂志的封面;主页是对外的脸面;主页是一件艺术品;

主页就象是门厅;主页就象是书的目录;主页就象一本小册子。所有上述比喻都在一定程度上反映了主页的特点,但每个比喻事物都与主页有本质上的不同。主页的目的是多样的,访问者的目的也是多样的。我们的设计要重点突出一目了然,又要充分理解访问者的目的,这都是设计主页的关键。

网页设计有其自身的特殊规律,网页作为传播信息的一种载体,同其他出版物如报纸、杂志等在设计上有许多共同之处,但是,表现形式、运行方式和社会功能都有所不同, 一个网站的主页如何设计还会影响访问者经历的许多其他方面,例如商标的认可度、组织印象、审美和信任度,成功的网站要以访问者为中心和以任务为驱动来设计。一般来说,访问者在第一次访问您的主页前,早以看过非常多的主页。这时访问者早已在心中积累了一般主页应该怎样工作的模型。所以主页设计不仅要掌握网页版式编排的技巧与方法,通常它还必须遵循一些设计的基本原则。

一、主页必须身份显著:

机构名称位置显著:主页必须适当强调标志、品牌和最重要的任务。在显著的位置、以适当的大小显示机构的名称和/或标志,此标志区域不需要很大,但应该比它周围的条目更大更显著,以便使访问者进入站点时首先引起访问者的注意。页面的左上角通常是最好的位置,因为我们习惯从左到右阅读。

机构职能的简要说明:在主页上建立一个关于我们的链接,给访问者一个机构的大致形象。

二、主页必须主题鲜明,令人印象深刻。

作为视觉设计范畴一种的网页艺术设计,其最终目的是达到最佳的主题诉求效果。这种效果的取得,一方面通过对网页主题思想运用逻辑规律进行条理性处

理,使之符合浏览者获取信息的心理需求和逻辑方式,让浏览者快速地理解和吸收;另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理,更好地营造符合设计目的的视觉环境,突出主题,增强浏览者对网页的注意力,增进对网页内容的理解。只有两个方面有机地统一,才能实现最佳的效果。

“第一印象”的好坏,在很大程度上决定着访问者对网站的取舍。而这样的机会只有一次,如果第一印象不佳访问者就不会再来访问。这就要求视觉设计不但要单纯、简练、清晰和精确,而且在强调艺术性的同时,更应该注重通过独特的风格和强烈的视觉冲击力,来鲜明地突出设计主题。

主页的版面设计是一个十分重要的角色。网页版面设计布局常用到的形式有“T”结构布局,在网页设计中应用比较广泛,布局的优点是结构清晰;“口”型布局能够充分利用版面;对称对比布局视觉冲击力强;广告形式的布局漂亮吸引人。主页页面布局必须合理,页面的宽度:许多家庭最常用的分辨率是800*600,为了更好的显示页面,页面的宽度应该设计成770像素。页面的长度:一到三个屏幕,设计过长的主页要谨慎。超过四屏的话或许应该简化主页。

主页页面色彩的正确运用要根据版面的风格来加以确定,每种色彩在饱和度,透明度上略微变化就会产生不同的感觉,要注意色彩的协调性,盲目的使用色彩会把页面搞的一团糟。定位自己的网站,选择好切合自己的色彩。页面上的空白,往往容易被人忽视。适当的在页面留有空白,版面才会生动清晰起来。留好空白和缝隙的页面是有品格有智慧甚至是有实力的表现。

不管种种都要做到加强视觉效果;加强文案的可视度和可读性。

三、主页必须内容明确

主页不需要通过刻意的标新立异来吸引访问者的注意力,最终访问者访问网站的目的在于网站的内容。其他的一切皆是背景,设计就是为了使访问者能够访问内容。网站的主页应该能够使访问者快速浏览本页确定网站用途。

1、内容的分类

如何组织网站是个非常重要的问题。内容的分类直接影响到访问者查找信息的难易程度。内容组织的好坏严重影响导航。应该仔细分析、设计、测试、修正

分类方案,直到它能够适用于目标访问者为止。

2、内容的优化

绝大部分部分访问者会大致浏览一下标题内容,而不会仔细阅读,所以必须优化内容,用尽量少的词语表达尽量多的信息,使之适合快速阅读。内容的写作对主页尤其重要,因为主页必须最大努力捕捉并抓住访问者的注意力,而且主页是用尽量少的空间表达尽量多的标题的地方。

3、避免冗余内容、过期内容和未完成的内容:

要保证很容易地访问主页上重点介绍的内容。主页的第一屏的版面非常有限,应该放最重要的内容,冗余内容使页面更加拥挤,而国内有很多网站会在导航条的下方或页面的最上方放上类似于“将本网站添加到收藏夹”、“日期”、“将页面设置为浏览器默认首页”、“提供收藏站点”等浏览器和操作系统本身所具的功能和信息。过期的内容会给人以无组织的印象,未完成的内容会失去访问者信赖。

四、主页必须达到人们所希望那样易于使用。

1、导航

·应该显示站点最重要的内容,以便访问者查看顶级类别时对查找的内容有很好的感觉。

·在显著的位置放置,最好在紧邻页面主体的正下方。

·将条目分组,将相似的条目放在一起。分组能帮助访问者区分相似和有关连的类别,从而容易查找。

·不要包括主页的动态链接

·不要为同个链接提供多个导航

2、链接

·尽量区分链接使它们更具可读性,精心处理链接文字使它们言简意赅。

·下划线是对链接的重要提示。

·链接的标准颜色是蓝色,用不同的颜色表示已访问和未访问的链接状态。

·不要用普通的指令作为链接名称,如“点击这里”“链接”;

·不要复制导航条链接

·不要设置非直接链接,链接应该旅行它的承诺。

·其他的图片链接也应该做链接标志

3、搜索

搜索是主页最重要的部分之一,对访问者能轻松高效地找到所需资料必不可少。

·简化搜索控件,最简单的方法是提供一个没有选项的搜索对话框以便输入查找内容。

·输入框应该足够宽。

·避免相互竞争的搜索控件。搜索功能即是多,最好只有一个,超过一个就会造成混淆、延迟和错误。

·集中在特定的网站内容上

4、不要使用框架

使用框架会产生许多问题,没有17寸的显示器几乎不能显示整个网站,更重要的是搜索引擎常常被框架混淆,从而不能列出你的网站。

5、不要使用滚动条

人们厌恶在网上使用滚动条,它基于一个浮动的框架,为了阅读所有的文本,访问者不得不使用滚动条。

6、图形、动画和声音

用图形有意识的表达内容,可以大大提高主页的表现力。但另一方面,图形会增加下载的时间,所以要谨慎使用,与之相似的是动画。

·以适当的尺寸编辑图像和图形,避免使用过大的图片,让访问者先预览小图像。

·在主页上不要仅为吸引注意力而使用动画,它会减弱访问者对其他元素的

注意力。访问者在很多网站上都能看见动画,对访问者来所动画已并不新鲜。

·绝不要以动画表示主页上的关键元素,如“标志”、“主标题”等,它们难以阅读。

·动画图标很容易耗尽计算机资源,应该给访问者一个跳过动画的选择。

·声音的运用也应该得到警惕。因为过多的使用声音会使下载速度很慢,同时并没有给访问者多少好处。首次听可能会很有趣,但多次后肯定会很烦人。

7、字体和背景色:

·不要使用小字体,永远不要使用小于10磅的字体,阅读小字体会造成“视觉伤害”;文字也不要太大,或者文字视觉效果变化频繁,像是冲着人大喊大叫,看起来不舒服。

·最好让文本左对齐,而不是居中。按当代中文的阅读习惯,文本大都居左的。因为这符合阅读习惯。

·最好使访问者能调整字体大小;

·避免文字与背景对比不强烈;

·使用纯色背景;

·浅色背景上使用深色字比深色北背景上使用浅色字要好;

·白底黑字

8、使用著名的插件

如果网页上有声音或视频,要保证访问者通过使用某个知名的插件,能够听到或看到,因为许多访问者并不愿意浪费很多时间去下载可能仅使用一次的插件。

9、快速下载

没有什么比要花很长时间下载页面更糟糕了。有研究显示,如果一个网站页面的主体在15秒之内显现不出来,访问者会很快失去对该站的兴趣,很容易放弃这个网站,设计者应该控制主页的大小,使它的下载速度在30秒之内。当然,也有例外,比如内容实在太精彩,人家不去不行。再像视觉艺术类站点,也不能

以"快"为唯一设计标准。不过,即使这类站点,也该在加个导引页,给读者一个提示,别不理睬人家的心情。但是大多数网站还是以内容为主,大部分人感兴趣的还是信息量,追求的是速度。

作者: 邵琼(浙江在线新闻网站)

地址:杭州市体育场路178号 (310039)

联系电话:81527897

电子邮件:jcao@


本文标签: 主页 访问者 内容 网站 设计