网页设计中的对比原则(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
投稿

猜你喜欢

  • 打造设计你自己的字体

    2007-12-12 13:16:00
  • 动态加载JavaScript的小实践

    2009-11-12 12:38:00
  • 在asp中通过vbs类实现rsa加密与解密

    2010-05-27 12:18:00
  • MySQL中XML数据的XPath支持

    2009-12-15 21:57:00
  • ASP如何操作Excel(读取,输出)

    2007-08-21 19:57:00
  • 详尽解析javascript的event对象

    2008-01-16 11:27:00
  • 通过视图修改数据时所应掌握的基本准则

    2009-01-07 14:22:00
  • 让所有IE支持HTML5的解决方案

    2009-10-31 18:43:00
  • 打分进化史

    2009-12-24 12:20:00
  • CSS雪碧:要还是不要?

    2009-11-16 13:01:00
  • asp中如何过滤到单引号

    2009-07-05 18:38:00
  • 懒懒交流会:ClassName的长命名 VS. 短命名

    2009-11-28 16:08:00
  • sql 附加数据库后,孤立用户的解决办法

    2011-01-22 13:46:00
  • jQuery 横向滚动图片

    2009-03-11 13:09:00
  • 5招优化MySQL插入方法

    2009-04-02 10:49:00
  • JS图形技术的终极体现

    2008-04-30 19:43:00
  • 巧用CSS滤镜做图案文字

    2011-04-29 14:06:00
  • 解读HTML:大厦的基石

    2008-12-01 12:57:00
  • css元素层叠级别及z-index剖析

    2008-08-29 12:41:00
  • 如何做网页设计的10个小窍门

    2010-04-11 22:30:00
  • asp之家 网络编程 m.aspxhome.com