驭梦科技-政企信息化服务提供商
0531-85151617

优秀的网站设计网页设计要点汇总

更新时间:2021-12-21      作者:管理员      人气:73
一个好的网站设计应该有更多的受众,应该适应不同分辨率的计算机,保持良好的兼容性,我们不能想当然的去武断地判定浏览者的喜好。我们还是花点时间来测试页面,这样可以让每一个访问者感到愉快。然而,遗憾的是我们没有办法为每一个访问者来优化页面,但是下面讲述的几个步骤将有助于您保证大多数访问者的浏览效果。
1、确定受众
一般的来说,绝大多数普通受众图形,插件,applets和其它有关的高级Web浏览器特性。对我们来说,页面的实用可能比漂亮更重要,对于用户来说,没有什么比页面能够快速下载更重要了,简而言之,精简你的站点,这是一条最佳的捷径。
为了让每个人满意,一个站点的实用比漂亮更加重要。并且首先,它必须能够快速的被用户端的较老版本的浏览器快速解释。简化你的站点,然而,那未必是最好的办法。
考虑一下站点访问者的操作系统,监视器,浏览器,和的连接类型。然后,想想理论上他们需要从你的站点获得什么?他们是想获得连接还是需要实际的内容?如果是普通的站点是否会失望,是否需要为浏览下载特别的插件。有一个窍门就是没有必要为每一个人优化你的站点,要满足每一个访问者显然不可能,你必须为访问者采取适当的技术。
2、不要依赖图形
就站点设计而言,的确能够通过成功的图形设计招徕或者丢失访问者。并非所有的访问者可以完全看到图片,某些人为了加快存取网络的速度已经关闭了浏览器端的图形。简而言之,图形并不能正确的在客户端加载。 然而,图形经常被用来作为导航按钮。举例来说,访问者经常按向左的箭头返回上一页,或者一个包含问号的图形可以得到更多的信息,或者按公司LOGO会告诉用户公司的地址和电话号码。图形映射允许你按图像的不同区域连接到不同的地方,这个经常被用来用作站点地图,你给访问者提供站点内容指引。但是如果你仅仅通过图片来提供站点导航的话,某些访问者将不能完全或者正确的离开你的站点。
如何解决这个矛盾呢?你可能想到的解决方法有二种:一个是单纯的文本,另外就是完全的图形方式。其实不然。如果你使用一个图形映射的方式给内容列表,可以在该页的最后使用一个纯文本方式的表格来处理,这样会好很多。如果使用图形按钮,最好还是包括简单的导航文字提示。
大多数的时候,通常我们要养成使用"Alt"标记的习惯,这样当图形未能正确显示的时候可用预备的文本替代显示。这样,用户至少可以看到关于这个图形的表述,便知道这个图形究竟意味着什么。文字将显示在图象的上面,这样会给用户造成一个页面快说引导的感觉。
3、保持页面小巧
这个小节我们谈论的是关于图形的处理。最好的方法是我们呼吁广大的读者保持让图形文件的尺寸尽量的小。即使是那些侥幸拥有快速Internet连接的用户,他们不会抱怨说你的站点加载速度太快。
第一个基本原则是让每一个图形文件的尺寸小于30KB。这绝对不是一个坏的建议。更"极端"的某些页面设计专家说,保持整个页面的尺寸大概在30KB, 40KB左右(也就是包含图形和文本以及其它多媒体对象之后的整个页面)才是比较合适的。并忠告我们"千万不要使用非常大的页面"。
要保持页面尺寸小巧,花些时间来处理一下图形,在保证图形质量的情况下使用尽量高的压缩比例,让图形尽量的小。
另外,让图形使用较少的色彩也是一个让图形尽量小的办法。使用单调的颜色比使用梯度的颜色要好。使用梯度颜色可以在浏览器端快速填充颜色调色板供客户端显示。此外,减少图形的色彩深度进而可以使用较少的色彩树也是可以的。
如果你需要提供较大的图象和多媒体文件,尽量不要插入页面里面,提供一个连接就可以了。这样,如果使用快速的连接点击图象就可以立刻看到,低速的连接不看图象也可以看到他最关心的内容,浏览感觉上没有什么延迟是最好的。
4、不要假设用户的显示器和分辨率大小
一个常见的错误的是好多的网页设计师都认为访问者都有一个他们一样显示效果良好的大屏幕显示器。按照目前的状况,你可以为你的站点优化设计为标准的800×600分辨率,这是现在主流显示器的的默认显示分辨率。
搜索引擎,比如Excite,我们可以发现一些为增加大量用户访问量的好主意。举例来说,多使用表格单元格颜色填充。该页的网页设计师为该网页添加了背景色,这样用户就不会在感觉上觉得下载页面耗费的时间过多。另外,大多数的显示器只能显示256色,而不是设计师所使用的真彩上百万种颜色设置。浏览器能显示的颜色在浏览器"安全色彩范围",即256色以内。后面我们将详细讨论这个问题。

Solution
解决方案
  • 1
  • 2