色彩的运用在网页中的作用真是太重要了,有些网页看上去十分典雅、有品位,令人赏心悦目,但是页面结构却很简单、图象也不复杂,这主要是色彩运用得当,色彩的魅力让人难以抵挡,你是否明白看似简单的颜色运用中的原理以及奥秘呢?这就涉及到很多色彩原理的知识,因此我特地将本来属于图象制作内的色彩作为一个独立拦目来介绍。

1、色彩基本概念
   自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色,而其他所有颜色均属于彩色。任何一种彩色具有三个属性:
   (1)色相(Hue):
   也叫色泽,是颜色的基本特征,反映颜色的基本面貌。
   (2)饱和度(Saturation):
   也叫纯度,指颜色的纯洁程度。
   (3)明度(Brightness或Lightness或Luminousity):
   也叫亮度,体现颜色的深浅。
   非彩色只有明度特征,没有色相和饱和度的区别。

2、色彩的三原色
   电脑屏幕的色彩是由RGB(红、绿、蓝)三种色光所合成的,而我们可通过调整这三个基色就可以调校出其它的颜色,在许多图像处理软件里,都有提供色彩调配功能,你可输入三基色的数值来调配颜色,也可直接根据软件提供的调色板来选择颜色。

3、电脑影像的色彩
   电脑影像的色彩是经由位元(BIT)的计算和组合而来,单纯的黑白图像是最简单的色彩结构,在电脑上用到1位元的资料,虽说只有黑色和白色,但仍能透过疏密的矩阵排列,将黑与白组合成近似视觉上的灰色调阶。
   灰阶(Grayscale)的影像共有256个阶调,看起来类似传统的黑白照片;除黑、白二色之外,尚有254种深浅的灰色,电脑必须以8位元的资料,显示这256种阶调。 
   全彩(Fullcolor)是指RGB三色光所能显示的所有颜色,每一色光以8位元表示,各有256种阶调,三色光交互增减,就能显示24BIT的1677万色(256*256*256=16,777,216),这个数值就是电脑所能表示的最高色彩,也就是通称的RGBTureColor。
   8位元色是指具有256种阶调,或256种色彩的影像,而我们在常常见到GIF格式的图象文件就是带有256种色彩的图象文件。若要把24位元的全彩图片转成256色的8位元,通常必须经过索引的步骤(Indexed),也就是在原本24位元的1677万色中,先建立颜色分布表(histogram),然后再找出最常用的256种颜色,定义出新的调色盘,最后再以新色盘的256色取代原图。  让我们看看每一位元色包含多少种颜色:

1位 2种颜色
2位 4种颜色
4位 16种颜色
8位 256种颜色
16位 65536种颜色
24位 1677万种颜色
32位 1677万种颜色和256级灰度值
36位 687亿种颜色和4096级灰度值

 通常所称的标准VGA显示模式是8位显示模式,即在该模式下能显示256种颜色;而高彩色(Hi Color)显示是16位显示模式,能显示65536种颜色,也称64K色;还有一种真彩色(True Color)显示模式是24位显示模式,能显示1677万种颜色,也称16M色,这是现在一般PC机所能达到的最高颜色显示模式,在该模式下看到的真彩色图象的色彩已和高清晰度照片没什么差别了。
   在图形制作片中我们已提到过色彩在页面中的重要性,在页面中尽量使用看上去比较淡雅、简洁的色彩;比如背景尽量少用灰暗、深沉的色彩(除非特殊需要),并且根页面的主题来选择主色调,可能有一些不搞美术的朋友不知道色彩代表的含义,请参阅下表:
红色: 代表热情、奔放、喜悦、庆典
黑色:代表严肃、夜晚、沉着;
黄色: 代表高贵、富有
白色: 代表纯洁、简单
蓝色: 代表天空、清爽
绿色: 代表植物、生命、生机
灰色: 代表阴暗、消极
紫色: 代表浪漫、爱情
棕色: 代表土地
上面举出的是几种主要色彩的含义,希望对你有所帮助。

  现在我们对色彩有了基本的了解,那么我们如何在一个网页中合理搭配色彩呢?如果你对美术比较了解,那就好办了。反之你可能要耗费较大的工夫在上面。
   首先在确定主页的题材后,要了解哪些颜色适合哪些站点。比如一个影视的站点,基本上适用任何色彩,但小B认为用黑色或其他教深的色彩为主比较好,因为人们看电视、电影一般在黑暗的环境下观看的,网页上使用深色较符合人们的习惯;反之一个介绍医院、医学的站点就要使用浅色为主色,忖托其医学站点的氛围。
   记住白色的页面是万能的风格
   这里特别要注重的一点:页面文字的颜色切记与链接的颜色区分开来。
   在设计时,如果你有多余的时间,可以多换几种颜色试试。

转载于:https://www.cnblogs.com/lyss/archive/2005/12/31/309154.html

网页设计中色彩的应用相关推荐

  1. neo4j图形算法综合指南_网页设计中色彩使用的综合指南

    neo4j图形算法综合指南 There is a lot of material about color to be found online. But none of us has the time ...

  2. 转: 网页设计中的一些色彩搭配技巧

    在网页设计中色彩搭配是一件很重要的事情,要是色彩搭配好了,能让整个网站看起来清新悦目,眼前一 亮的感觉.要是色彩搭配混乱,会让人看着很吃力或者整个网站没有亮点.不吸引人.下面我说说自己在 网页设计中积 ...

  3. 保定网站建设网页设计中不容错过的10大色彩理论

    色彩理论在设计中的应用鲜为人知,但却是一种唤起用户情感的极佳方式.我们只需要环顾四周,就能感受到色彩的重要性.不同的色彩和色调会调动用户不同的情绪和反应.虽然网页设计师不必精通于色彩的应用,但对于其用 ...

  4. 如何在网页设计中正确应用色彩?

    以下内容由摹客团队翻译整理,仅供学习交流,摹客iDoc是支持智能标注和切图的产品协作设计神器. 如何在网页设计中正确应用色彩? 在网页设计中正确应用色彩从来都不是一件容易的事情!当网页上的产品介绍.推 ...

  5. 浅谈网页设计中的色彩理论

    无可争议的是,色彩是任何设计领域中最重要的一方面. 设计师在决定了一个网站风格的同时,也决定了网站的情感,而情感的表达很大程度上取决于颜色的选择.颜色是很有力的工具,所有设计师在设计网页时就应该明白这 ...

  6. 网页设计师谈网页设计中的色彩理论

    色彩是任何设计领域中最重要的一方面. 设计师在决定了一个网站风格的同时,也决定了网站的情感,而情感的表达很大程度上取决于颜色的选择.颜色是很有力的工具,所有设计师在设计网页时就应该明白这一点. 一.颜 ...

  7. 谈谈关于网页设计中的色彩理论

    谈谈关于网页设计中的色彩理论 设计师在决定了一个网站风格的同时,也决定了网站的情感,而情感的表达很大程度上取决于颜色的选择.颜色是很有力的工具,所有设计师在设计网页时就应该明白这一点. 一.颜色术语 ...

  8. 谈谈对java中分层的理解_让我们谈谈网页设计中的卡片设计

    谈谈对java中分层的理解 "I want a card", this is the first demand point that the customer said in th ...

  9. 网页设计框架布局代码_网页设计中的分屏切割布局法

    今天和大家聊的是一种关于网页设计中的视觉呈现方法,一般我们称之为"分屏布局",是一种常见的网页设计排版方式,将页面分割为均等或者不均等的两部分,这种方式的好处就是可以将文字信息和图 ...

  10. 水彩在网页设计中应用的15个优秀案例

    这篇文章和大家分享水彩在网页设计中应用的一些优秀案例.水彩它给人的感觉有2种,一种是给人"水"的感觉,非常流畅和透明:另一种是给人"色彩"的感觉,各种不同的色彩 ...

最新文章

  1. 解决Intellij idea运行android application时找不到aapt/li...
  2. 全部python编程语言-可以用 Python 编程语言做哪些神奇好玩的事情?
  3. 【图像分割模型】编解码结构SegNet
  4. CMD是什么?(命令行提示符)如何使用python在windows上操作CMD?(python执行命令行)os.syste[m](执行的命令)、os.popen(执行的命令)
  5. 学习《apache源代码全景分析》之摘录
  6. 跟随我在oracle学习php(21)
  7. LeetCode 1943. 描述绘画结果(差分思想)
  8. Java SimpleTimeZone setStartRule()方法与示例
  9. matlab衰减指数的程序是,衰减方程的数值计算程序(matlab和fortran)
  10. Photoshop制作八张一寸证件照
  11. 关注细节但不陷入细节
  12. USB Mass Storage大容量存储 The Thirteen Class章节的理解
  13. C# const, readonly, static readonly
  14. pyspark案例系列11-ALS推荐算法
  15. 网络协议学习(B站观看最多)
  16. 《雍正皇帝·九王夺嫡》生态文化专有词泰译研究(第一章)
  17. app 评论功能实现
  18. 鼠标绘制工具加是否超出范围判断
  19. 移动端地图开发技术分享交流会PPT
  20. 梦幻西游手游经验任务链计算机,梦幻西游手游跑环任务详解 刷经验利器

热门文章

  1. delphi中webbrowse控件中模拟点击文本超链接_游戏中lt;控件gt;的思考
  2. 【渝粤题库】陕西师范大学209015公共经济学作业(高起本、专升本)
  3. 【Python小程序】第1讲:如何提取指定时间段的数据子集?
  4. 快捷添加请求头的方法
  5. jq真正清空表单数据(亲测 好用)
  6. maven部署项目到tomcat8中
  7. 【转】解密微软的架构师之路
  8. Django SimpleCMDB API
  9. vlookup 公式使用及常见问题
  10. ERROR 1045 (28000): Access denied for user 'admin'@'localhost' (using password: YES)