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

HTML/XHTML教程
IE 下的只读 innerHTML
IE8下noscript标记的BUG仍然存在
HTML 5 canvas 基本语法
HTML5教程(1):HTML5的Canvas概述
Canvas教程(2):基本用法
Canvas教程(3):Drawing shapes绘制图形
Canvas教程(4):Using images应用图像
W3C推荐的 DTDs(文件类型声明)
10个最经常犯得HTML标签错误
HTML5中会被丢弃的元素和尚待解决的问题
IE6下网页制作参考:IE6的默认样式
html5来了,你准备好了吗
20个使用水彩效果的网站设计
Xhtml下不常用却很有用的标签
input标签里面的name与value的区别
img图片标签赋予alt属性是否需要
HTML small标记使用技巧
WEB标准 网页页面结构
Marquee标记在XHTML代码中该如何用
自己碰上的IE8兼容笔记

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


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

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

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

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