当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 网页布局与颜色运用的基本准则

HTML/XHTML教程
CSS基础:设计网页常用规范详解
CSS教程:十步学会用css建站
CSS基础:24条网页布局开发小技巧
CSS教程:在网页布局中简单实现垂直居中的办法
css基础教程:颜色和文本属性的控制
专家总结:网页设计师必须遵守的十条守则
html技巧:超级链接a的提示和打开方式
css教程:学习背景图像属性background
例说网页Semantics:Html/Xhtml是否真正符合标准
IE7与web标准设计系列教程:前言
IE7与web标准设计系列教程:更丰富的CSS选择符
IE7与web标准设计系列教程:修正引起页面布局混乱的祸首
web标准教程:IE6和IE7的共存
web标准:IE多版本共存的解决方案:IETester
CSS基础教程:认识CSS选择符
web标准:比较IE6与IE7,放纵的孩子与严厉的父亲
学好标准CSS的模型是否必须放弃IE?
CSS教程:如何处理有冲突的CSS规则
教你用html和css写出漂亮正规的Blog
CSS基础:如何避免table强迫症

HTML/XHTML教程 中的 网页布局与颜色运用的基本准则


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 33 ::
收藏到网摘: n/a

本文为软晨学习网合作伙伴印象特别供稿,转载必须取得授权

     在网页设计的众多环节中,页面布局、颜色搭配是最为重要的环节之一。接下来,我们将通过五条准则来告诉您如何在布局、颜色方面让您的网页看起来更舒适、更美观。
  首先,让我们来讲讲有关页面的布局。

      准则一:有太多的条条框框会对你的健康产生不好的影响
  有一名设计师说当他或她在页面设计时开始使用一些条条框框以及一些准则的时候就意味着他已经成为设计师了。
  当你自己观察你的页面并意识到有必要去做些更有吸引力和创造力的东西来摆脱你所刚做的一些烦人的作品时,或是决定要抛弃一些以前所遵循的准则时,说明你的创造力已经脱离限制了。
  在你使用那些存放在你软件中的条框钱,得先明白这点,做这件事得适当些。任何事一旦过了头就不太妙了。当然了,合理使用条框和分割线是亮出重要信息的好方法。但如果你在所有页面都用上,或是把太多的内容放在一个框里面,重要信息就会淹没在这些拥挤的文字中。
  准则二: 别把页面一分为二
  在创新过程中最好把你的文档分成三个部分。然后将那些重要的对象:比如标题,资料,放在顶上或是第三部分的底部。
  现在我们来谈谈颜色。
  准则三: 颜色对比度越强可读性越强
  任何一名设计师都明白这点,文字和背景有足够的对比可以让文字更容易阅读。通常黑色字就会用在比较明亮的背景上。反过来也一样
  尽管在深色背景上使用亮些的字可以让文字容易阅读些,但这个手法应该尽量保守使用。事实上已经证实了,在深色背景上阅读对比度较大的文字会让眼睛非常疲劳。
  准则四: 珍惜使用的颜色
  为了带来视觉上效果,设计师经常选择多个颜色来做设计。但在每个地方都用到不同的颜色也会降低它的视觉效果。基本原则:为把视觉效果最大化,把颜色充分利用在标题上,并把最重要的文字写在标题上。
  准则五:不要使用互补色
  以一个颜色为基点,可以在色盘的另一头找到它的互补色。举例来说,蓝色的互补色在色盘中是橘色。当这两个颜色贴边的时候,互补色会让我们的眼睛非常不舒服,因为这时我们无法同时聚焦在这两个颜色之上。再顺便补充一下,互补色在一起的时候会给人一种震动的感觉。