深色调网页界面设计注意事项

作者:
分类: 观点/经验
2010-03-18
4737
正文内容留白

深色调网站内容的易读性是不喜欢深色调网页用户所担心的问题。设计师必须将更多的精力放在文字本身上。

在整个设计上,通过调整段落与段落之间的距离大小、行距来增加留白是提高重背景网站文字内容可读性的一种方式。

下面展示的例子介绍了元素与元素之间留白、元素本身周围留白在深背景和亮背景上的对比情况。

增加字体大小是提高深色调网页内容可读性的另外一种方式,同文章以上介绍的方法一样,大号的字体能增加其本身及周围的留白,字体越大其周围的留白空间就会越大。

比如下面的字母“a”,当字体增大时,其周围的留白就会随着增大。无论是a周围的空间还是其内部的空间,还是与上下内容之间的空隙留白都跟着一起变化。

注意,在淡色调上阅读小文字内容要比深色调上容易的多。当在新的网站上设置字体的时候,一定要事先虚拟一些内容以确保其清楚易读。如果不清楚的话,可以尝试增加一下字体的大小来调整。

文字对比

一些人普遍认为大多数的深色调的网站容易导致眼睛疲劳。设计师们或多或少的忽视了对比。如何找到一个平衡点那?

如果你在一个漆黑的屋子里,突然遇到很强的亮光你会感觉不适应的。但是,如果你在一个稍微有点弱光的屋子里再遇到亮光的话应该会好一些儿。这个规则同样使用于网页设计。

找到一个完美的对比,也就是说在深背景于亮字之间找到一个对比平衡点。

下面的例子简单的说明这点,如何平衡字体与背景之间的对比度。注意当让背景颜色变浅时其上面的文字也会一起变浅的。

找到文字与背景的对比平衡点是比较困难的。

为了找到最终的平衡点,我们使用不同的程度的背景颜色做试验。背景不要是纯黑色,文字不是纯白色是试验的最终平衡点。

0
3
分享到:

0

喜欢他,就推荐他上首页吧^_^

推荐阅读

×

赛事服务联系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

联系我们

  • QQ:33143335 QQ:1904200230
  • 电话:18569912460
  • 投稿:cndesign@163.com
  • 地址:郑州市国家大学科技园东区9号楼2层

版权信息

  移动 Android 版 豫 ICP 备16038122号-2 豫公网安备 41019702002261号