全局于网站整体的网页设计(3)
作者:小猪头 来源:蓝色理想 发布时间:2009-03-27 17:15:00
网页设计的规范
理解并遵循网页设计的规范是网页界面设计的基础,网页设计的规范在行业中通常被称为设计的“一贯性”。一个优秀的、有经验的设计师能把网页设计的基本规范自然而本能地融入作品中。在显示器的方寸显示空间里,用户需要以被限定的分辨率来浏览页面、以键盘和鼠标来交互控制界面、继而在有限的网络传输速度下一个个层级地浏览整个站点,可想而知其中有多少要素需要规范化。
形象标志(LOGO)、导航、搜索、内容区块、页面长度、字体字号等元素是这些规范中至关重要的部分。这些元素中大部分都表现在网站的头部或者是第一屏能显示的区域内:一般的网站通常会在头部显著位置显示网站LOGO,以合理的层级关系及最普通的字体字号来展现导航以及设计合理的搜索功能块。
在这里我们需要注意的是除非非常必要,网站的LOGO尽量不要以flas * 展示,同时导航也尽量不要以flas * 或图片来表现,因为浏览器有拦截flash的可能;同时,不同终端设备上浏览器对flash和图片的不支持也可能造成网站无法继续访问或者根本无法识别。
我们可以通过以下几个例子对比一下网页设计规范在实际应用中的效果:图1,汽车之家的导航设计,图文结合,非常出色;图2,贵州省人民政府网站,网站标题和LOGO全部制作到flas * 中,当浏览器屏蔽flash的时候,网站将无法识别;图3,伊利集团网站,导航flash也很漂亮,同样的,当浏览器屏蔽flash的时候,导航将不可见,网站无法被继续访问;图4,广东省人民政府网站,非常优秀的设计,导航栏全部以非图片形式制作,既保证了美观,又体现了实用性。
除此之外,网站的各内容区块应切割明显,让用户能很容易地判断内容块的起始。如果不是门户类型网站,网站页面长度尽量不要超过三屏(因为不同显示器分辨率参数不同,三屏的说法不一定适用于所有设计),即不要让用户在同一页面上过多滚动鼠标滚轮。中文网站设计时应注意内容区域文字尽量使用12像素、14像素等偶数字号,以准确表达中文字体的整齐切割,正文汉字部分应严格使用宋体,保证用户最好的阅读感受。标题部分可以稍微增大字号,页面上除装饰性图片或广告之外的地方最多使用两种字体。如图5所示的方正字库网站,就是一个很好的例子,左侧列表使用13像素宋体,右侧列表使用12像素宋体,同时除广告外还出现了黑体和行楷等数种字体。
猜你喜欢
- asp抓取网页。偶要实现实实更新天气预报。利用了XMLHTTP组件,抓取网页的指定部分。很多小偷查询都是使用这个方法来实现的。需要分件htm
- 中国互联网协会与Google(谷歌)公司联合主办“Internet+ 互联网世纪论坛”,AJAX技术的发明人Jesse James Garr
- <HTML> <BODY> <
- win7 +Navicat Lite 9+ VMware7在VMware中安装openSUSE11.x mysql5 Navicat Lit
- 很早以前就有很多关于用CSS制作的相册,今天突然想看又找不到,反正也无聊,自己做了一下,结果做一下发现自己温习了一些东西。还行,
- 代码如下:--Begin Index(索引) 分析优化的相关 Sql -- 返回当前数据库所有碎片率大于25%的索引 -- 运行
- 如何显示数据库中的图片和超级链接?代码见下:<% set conn=server.creatobject(&quo
- 研究编码,得知GB2312编码与区位码的关系,尝试之后,得此程序。搜索,似乎没人写,故发此地。1.简述(1)GB2312标准的定义,其实就是
- 写了个简洁的隔行变色代码,支持三种动作变化颜色<!DOCTYPE html PUBLIC "-//W3C//DTD XHTM
- 1、汉语分词的由来使用ASP开发的中小企业的网站,对于站内搜索,往往只是简单的通过SQL语句匹配数据库。对于比较短的词语搜索,这个方法是有效
- 在给blog加上无刷新搜索和即时验证检测后,又看了下代码,感觉太过麻烦,就把XMLHttpRequest请求封装到一个类里面,用起来方便多了
- 最近在做搜索设计时,发现了两个容易纠结的小问题,在这里谈谈自己的一些分析。问题一:提交的关键字是哪个?凡客的这个例子中,搜索建议“时尚斜拉链
- MS SQL基本语法及实例操作 一:建表并初始化 ============================ create database
- SQL中的单记录函数 1.ASCII 返回与指定的字符对应的十进制数; SQL> select ascii('A')
- 本文介绍了数据库索引,及其优、缺点。针对MySQL索引的特点、应用进行了详细的描述。分析了如何避免MySQL无法使用,如何使用EXPLAIN
- 实体有五种预定义的XML实体,HTML编码者应该熟悉。XML文档中的字符&、<、>、"和'被分别表示为
- 看了一个月的文档和资料以后,终于让我参与到项目中来了,哈哈,痛快!虽然只是让我解决一个小问题,不过有活干就是好。在写代码的过程中遇到了一个小
- 先使用 Ms Access 压缩修复,然后再去相关的表把备注类型的字段里的“索引”去掉 备注型字段为什么不能超过1950字节?是由于备注型字
- 最近在查看asp之家的访客统计时,发现访客使用firefox浏览器的占了10%-15%,而大部分的访客使用的是IE6,呵呵我也是用IE6。而
- 前几天,看到有人写了个superLink的东东,主要的做什么用呢?我们有时会给在大块元素加个window.location='htt