(原创) 网页设计优化之一
为学校做了几年的网页,总结出了一点点心得,在这里分享分享……仅仅只是雕虫小技,绝不敢和大师们比……
1、色调优化
每看到书(网)上谈某某原则的时候,总有许多某某“性”,我是个俗人,也妄自菲薄的来几个“感”、“性”,谈谈我对网站色调优化的感受:
整体感
网页色调应该符合网站主题,当选中网页基色调后,一切配色就要围绕基色调而改造。切忌出现过多的色调。个人建议不超过两种,某些网站需要靠颜色分类就另当别论了(新浪)。
腾讯首页,蓝色为基色调。所有元素基本均为蓝色调。
站酷,黄色搭配黑色。其他杂色没有。
突出感
如果整个网站都如湖水一样平静,没有一点涟漪。那么,用户也感受不到快感。用户大多不愿多花时间来寻找他所需要的信息,那么,作为网页设计者,我们有责任让用户第一时间内找到有用信息。我们需要做的就是突出主体……
上面这个网站是不是看得蛋疼?
合理性
色调要根据主题来确定,不同的主题选用不同的色彩。例如,用蓝色体现科技型网站的专业,用粉红色体现女性的柔情等。
独特性
要有与众不同色彩,网页的用色必须要有自己独特的风格,这样才能给人浏览者留下深刻的印象。不推荐使用三原色(RGB),是人都会审美疲劳。
2、图片优化
有人喜欢用PS的切片功能,我也喜欢。但是并不是整个网页被切了后,转换成HTML。在这么拥堵的网络大潮中,要我打开那么一个网页,还真有点困难。
图片优化有很多方法,我这里有两种基本的:
1) 图片分片(瓦片)
有些时候,大家看网页图片打开时,一张图从上至下慢慢显示,这样的图片一定经过了分片处理。即将一整张图切成N份,再在网页中拼凑起来。浏览的时候,浏览器会一张张的加载,也就是一张张的显示。可以设想下,一张空白的图和一张刚显示了头的图,你会选择哪个?
2) 图片格式
有人使用图片的时候,会不假思索的存储成JPG或GIF。但是可能没有仔细观察其细微处,有时候从JPG转换成GIF后,图片大小会有天差地别。
总结之后,在以下情况使用JPEG较好:
a. 具有丰富的色彩和层次的图像
b. 具有模糊的界限,点状阴影之类的图像
c. 彩色照片
相反,在以下情况使用GIF较好:
a. 具有大块颜色的图像
b. 动画
c. 有文本的图像
d. 要求透明的图像
e. 对那些显示器的颜色设置为256色上使用的图像
未完待续……