建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 网页设计 > 网页配色 >

简洁富有创造性的深色调网页设计(2)

时间:2010-03-13 17:00来源: 作者: 点击:
增加字体大小是提高深色调网页内容可读性的另外一种方式,同文章以上介绍的方法一样,大号的字体能增加其本身及周围的留白,字体越大其周围的留白空间就会越大。 比如下面的字母a,当字体增大时,其周围的留白就会

增加字体大小是提高深色调网页内容可读性的另外一种方式,同文章以上介绍的方法一样,大号的字体能增加其本身及周围的留白,字体越大其周围的留白空间就会越大。
比如下面的字母“a”,当字体增大时,其周围的留白就会随着增大。无论是a周围的空间还是其内部的空间,还是与上下内容之间的空隙留白都跟着一起变化。
注意,在淡色调上阅读小文字内容要比深色调上容易的多。当在新的网站上设置字体的时候,一定要事先虚拟一些内容以确保其清楚易读。如果不清楚的话,可以尝试增加一下字体的大小来调整。
photoshopPic06
文字对比
一些人普遍认为大多数的深色调的网站容易导致眼睛疲劳。设计师们或多或少的忽视了对比。如何找到一个平衡点那?
如果你在一个漆黑的屋子里,突然遇到很强的亮光你会感觉不适应的。但是,如果你在一个稍微有点弱光的屋子里再遇到亮光的话应该会好一些儿。这个规则同样使用于网页设计。
找到一个完美的对比,也就是说在深背景于亮字之间找到一个对比平衡点。
下面的例子简单的说明这点,如何平衡字体与背景之间的对比度。注意当让背景颜色变浅时其上面的文字也会一起变浅的。
找到文字与背景的对比平衡点是比较困难的。
为了找到最终的平衡点,我们使用不同的程度的背景颜色做试验。背景不要是纯黑色,文字不是纯白色是试验的最终平衡点。
photoshopPic07
字体的处理
字体在设计里面扮演着非常重要的角色,尤其在深色调布局设计里面更应该深思熟虑的。下面的图片展示了14点大小的serif和sans-serif字体在深背景上的效果。
sans-serif字体明显更清晰、易读一些。但是一部分设计师让然是应用serif字体。
仅仅放大sans-serif字体这一个方法,从而让其周围留有更多的留白,并让其清晰易读。
photoshopPic08
下面是在写此文之前的网站论坛的界面截屏。网站同时使用了serif和sans-serif两种字体,但是使用它们是有技巧的。
大字体比如标题、导航等使用了serif字体来增加其效果。为了比较好的对比、提高可读性,body里面定义了sans-serif字体。
photoshopPic09
使用少的配色方案
为了让深色调的设计看起来更干净、整齐,设计师应尽量选择少的配色方案。
通过一下几个简单的例子,过多的颜色配色方案针确实无意于深色调设计的,因为这样的配色对比太强烈了。
保留一种或二种颜色系
photoshopPic10
部分设计师喜欢用对比强烈、刺激的配色方案,当然这样也是可以的,但要能够恰如其分的使用好。
总体来说,颜色很容易让网页界面花、杂乱,本来深色调的网站颜色就很重了。所以在用色方面更应该慎重一些!

(责任编辑:admin)
织梦二维码生成器
顶一下
(1)
100%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片