(原创) 网页设计优化之一

      为学校做了几年的网页，总结出了一点点心得，在这里分享分享……仅仅只是雕虫小技，绝不敢和大师们比……

1、色调优化

每看到书（网）上谈某某原则的时候，总有许多某某“性”，我是个俗人，也妄自菲薄的来几个“感”、“性”，谈谈我对网站色调优化的感受：

  整体感

网页色调应该符合网站主题，当选中网页基色调后，一切配色就要围绕基色调而改造。切忌出现过多的色调。个人建议不超过两种，某些网站需要靠颜色分类就另当别论了（新浪）。

腾讯首页，蓝色为基色调。所有元素基本均为蓝色调。

站酷，黄色搭配黑色。其他杂色没有。

突出感

如果整个网站都如湖水一样平静，没有一点涟漪。那么，用户也感受不到快感。用户大多不愿多花时间来寻找他所需要的信息，那么，作为网页设计者，我们有责任让用户第一时间内找到有用信息。我们需要做的就是突出主体……

  上面这个网站是不是看得蛋疼？

  合理性

色调要根据主题来确定，不同的主题选用不同的色彩。例如，用蓝色体现科技型网站的专业，用粉红色体现女性的柔情等。

  独特性

要有与众不同色彩，网页的用色必须要有自己独特的风格，这样才能给人浏览者留下深刻的印象。不推荐使用三原色（RGB），是人都会审美疲劳。

2、图片优化

有人喜欢用PS的切片功能，我也喜欢。但是并不是整个网页被切了后，转换成HTML。在这么拥堵的网络大潮中，要我打开那么一个网页，还真有点困难。

图片优化有很多方法，我这里有两种基本的：

1） 图片分片（瓦片）

有些时候，大家看网页图片打开时，一张图从上至下慢慢显示，这样的图片一定经过了分片处理。即将一整张图切成N份，再在网页中拼凑起来。浏览的时候，浏览器会一张张的加载，也就是一张张的显示。可以设想下，一张空白的图和一张刚显示了头的图，你会选择哪个？

2） 图片格式

有人使用图片的时候，会不假思索的存储成JPG或GIF。但是可能没有仔细观察其细微处，有时候从JPG转换成GIF后，图片大小会有天差地别。

总结之后，在以下情况使用JPEG较好：

  a. 具有丰富的色彩和层次的图像

  b. 具有模糊的界限，点状阴影之类的图像

  c. 彩色照片

相反，在以下情况使用GIF较好：

  a. 具有大块颜色的图像

  b. 动画

  c. 有文本的图像

  d. 要求透明的图像

  e. 对那些显示器的颜色设置为256色上使用的图像

 

未完待续……

转载于:https://www.cnblogs.com/yaweno/archive/2010/03/30/1700340.html