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

HTML/XHTML教程
HTML之框架标记
HTML之多媒体
HTML之表格标记
HTML一般概念
HTML文件HEAD内部标记浅析
HTML文档中小meta标签的大作用
html教学+HTML语法大全
HTML的排版标记
HTML参考
HTML表单元素覆盖样式元素问题及其补救之道
HTML标签详解
HTML标记大全参考手册
HTML 标记一览
Email地址在网页中的保护
Cool Web Scrollbars - 定制网页的滚动条
“画中画”效果--谈IFRAME标签的使用
给网页文字加上即时提示
改变浏览者的鼠标型状
防止空连接#返回到页面顶端
创造收藏夹中的个性化图标

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


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

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

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

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