网络编程
位置:首页>> 网络编程>> 网页设计>> 网页设计中的对比原则(3)

网页设计中的对比原则(3)

作者:党韬 来源:猪窝 发布时间:2010-03-20 21:50:00 

标签:网页设计,对比,颜色,尺寸

对齐方式的对比

在高品质网页设计中,好的对齐方式占了很大的比重.当物品排成一行时,通常看上去感觉更好.因此,我觉得使用不同的对齐方式来建立对比是较难的而且要更谨慎的使用.但是如果做的好的话是非常有效的.

LegiStyles在标题下面的内容块左侧使用了一个很大的留白.再加上大尺寸的标题,形成了一个很好的对比效果.如果你想使用不同的对齐方式,那么一定要将这种不同的尺度做大,否则最后会看起来像一个糟糕的设计中的失误.

居中的大段文字是一个排版中的禁忌.因为会造成文本很难阅读.但是,可以尝试将左对齐的文本段落和居中对齐的标题来混合起来.这是使用不同的对齐方式建立对比的另外一个好办法.再结合使用一种漂亮的衬线字体,这样也能获得很漂亮的效果.

Simon Collison的每个内容块中,都使用了居中对齐的标题,左对齐的文本.尽管标题的文字并没有比段落的文字大很多,但是已经能看出差别了.

A List Apart是另外一个居中标题左对齐段落的很好的例子.

开始去做吧

学习在你的设计中建立合适的对比跟学习其他的设计准则一样–需要练习.花些时间来研究那些优秀设计师的作品,看看他们是如何使用对比的.要记住,对比就是”不同”.如果两个元素实质上就是非常不同的,那么一定要让它们有明显的视觉差别.

原文:The Principle of Contrast in Web Design
译文:http://pd4.me/blog/translation/the-principle-of-contrast-in-web-design/

0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com