vicwity's blog

Web Design

百科站点

友情链接

资源站点

Receive Email Updates

网页设计准则

《学习Web设计》(Learning Web Design) by Jennifer Niederst 是本很不错的书。该书第十九章网页设计准则,介绍了一些不错的网页设计建议。


通用的网页设计建议


  • 保持你的文件容量尽可能小以便能够快速下载。
  • 如果你无法确认网站用户使用什么样的显示器配置来浏览你的网页,应该按照屏幕尺寸为800 x 600像素来设计。
  • 将最重要的信息放在第一个满屏幕区域。
  • 将页面长度限制在两个到三个满屏幕区域内。
  • 不要只为一个专门的平台或者浏览器设计网页(除非你能完全保证你的用户都是在这种配置下浏览你的网页的)。
  • 不要使用过多的动画,特别是在那些希望用户阅读文本内容的页面上。
  • 不要使用“网站”正在建设中标语。如果你的网站或者分页面还没有做好,就不要将其链接放在页面上。

文本格式化技巧


  • 花时间校对网站上文本。
  • 对相似的元素使用相同的设计,对重要的元素在视觉上要更加突出(如字体、空间、颜色),这样将有助于你保持信息结构的清晰性。
  • 不要改变网页上所有文本的字体大小设置。你应该尊重一个事实,那就是每个用户都有自己的默认设置,这是根据用哪种字体大小使他阅读起来最舒适决定的。
  • 不要将所有文本设置为大写。
  • 不要将大量文本设置为斜体。
  • 不要将文本同时设置为大写、粗体和斜体。
  • 不要在没有必要的情况下插入换行符。
  • 不要将字体大小SIZE指定为-2或更小。
  • 不要使用<H5>或者<H6>标签。

图片设计建议


  • 对图片中大多数文字使用边缘平滑处理(字体大小小于10的文本例外)。
  • 将图片文件的大小保持在30K以下(除非是确实需要使用较大的图片文件)。
  • 花时间消除透明图片周围的色晕。
  • 不显示链接图片的蓝色边框线。
  • 每个图片都要提供替代文本,当图片无效时就显示替代文本。
  • 不要将图片制作的像按钮一样,但是不包含链接。

美观设计建议


  • 不要使网页上任何内容都居中对齐。
  • 不用混合使用对齐方式。
  • 不要使用太多钟颜色。最好先选择一两种主流色和一种强调色,并在整个网站中坚持一直使用下去。
  • 不要使用重彩的平铺背景图案
  • 不要使用黑底白字,特别是对较大量的小字体文本。反差太强烈了,看上去很不舒服,难以阅读。最好选择一种柔和的颜色来反衬,例如淡灰色反衬黑色,或者淡蓝色反衬深蓝色。
说说您的看法?

(必填) 

(必填) 

(可选)

(必填)