建站常识
关于网页设计中的颜色
2005-12-29 20:33:00
颜色在主页设计中是有相当的戏份的,颜色的取用我想并无什么理论依据的,更多的只是个人的感觉,经验或是风格,当然也有一些是视觉上的因素。
背景与前景文字,尽可能的避免色彩的亮度,色调,饱和度接近,主要是为了能让页面信息能够正确的被阅读,(当然有特殊目的除外了)同时要避免高饱和度的文字与明亮的背景配合,这样可能比较刺眼,如果背景比较暗淡,有时候使用很亮的文字有很好的效果。在使用表格背景色或网页背景色这类大面积的色块时,最好使用低饱和度的颜色(视觉上是,看上去不是会发光的颜色)
而如给表格边框加色时就不必像处理大面积色块那样去处理了,但是也要看问一下你的眼睛是不是舒服。
在页面中不要去用好几种颜色一般就3-4种差不多了,如果觉得单调了在网页里加一些照片,这样在颜色上不会感觉单调了,为了形成一种风格,页面因该形成一个主色调,不同的页面,配以不同的辅色调,那样才不会有单调的感觉。
相关背景资料:颜色表示方法常见的模型包括 HSB(表示色相、饱和度、亮度);RGB(表示红、绿、蓝);CMYK(表示青、洋红、黄、黑);以及 CIE L*a*b*。 基于人类对颜色的感觉,
HSB 模型描述颜色的三个基本特征:
· 色相是从物体反射或透过物体传播的颜色。在 0 到 360 度的标准色轮上,色相是按位置度量的。在通常的使用中,色相是由颜色名称标识的,比如红、橙或绿色。
· 饱和度,有时也称彩度,是指颜色的强度或纯度。饱和度表示色相中灰成分所占的比例,用从 0%(灰色)到 100%(完全饱和)的百分比来度量。在标准色轮上,从中心向边缘饱和度是递增的。
· 亮度是颜色的相对明暗程度,通常用从 0%(黑)到 100%(白)的百分比来度量。
A. 饱和度 B. 色相 C. 亮度 D. 所有色相
绝大部分的可见光谱可以用红、绿和蓝 (RGB) 三色光按不同比例和强度的混合来表示。
因为 RGB 颜色合成产生白色,它们也叫作加色。将所有颜色加在一起产生白色──也就是说,所有光被反射回眼睛。加色用于光照、视频和显示器。例如,显示器通过红、绿和蓝荧光粉发射光线产生彩色。
加色 (RGB)Photoshop 的 RGB 模式使用 RGB 模型,给彩色图象中每个象素的 RGB 分量分配一个从 0(黑色)到 255(白色)范围的强度值。例如,一种明亮的红色可能 R 值为 246,G 值为 20,B 值为 50。当三种分量的值相等时,结果是灰色。当所有分量的值都是 255 时,结果是纯白色;而当所有值都是 0 时,结果是纯黑色。
RGB 图象只使用三种颜色,在屏幕上重现多达 1,670 万种颜色。RGB 图象为三通道图象,因此每个象素包含 24 位 (8 × 3)。计算机显示器总是使用 RGB 模型显示颜色。这意味着在非 RGB 颜色模式(如 CMYK)下工作时,Photoshop 会临时将数据转换成 RGB 数据再在屏幕上显示出现。
CMYK 模型以打印在纸张上油墨的光线吸收特性为基础,当白光照射到半透明油墨上时,部分光谱被吸收,部分被反射回眼睛。理论上,纯青色 (C)、洋红 (M) 和黄色 (Y) 色素能够合成吸收所有颜色并产生黑色。由于这个原因,这些颜色叫作减色。因为所有打印油墨都会包含一些杂质,这三种油墨实际上产生一种土灰色,必须与黑色 (K) 油墨混合才能产生真正的黑色。(使用 K 而不是 B 是为了避免与蓝色混淆。)将这些油墨混合产生颜色叫作四色印刷。
减色 (CMY) 和加色 (RGB) 是互补色,每对减色产生一种加色,反之亦然。
减色 (CMYK)
背景与前景文字,尽可能的避免色彩的亮度,色调,饱和度接近,主要是为了能让页面信息能够正确的被阅读,(当然有特殊目的除外了)同时要避免高饱和度的文字与明亮的背景配合,这样可能比较刺眼,如果背景比较暗淡,有时候使用很亮的文字有很好的效果。在使用表格背景色或网页背景色这类大面积的色块时,最好使用低饱和度的颜色(视觉上是,看上去不是会发光的颜色)
而如给表格边框加色时就不必像处理大面积色块那样去处理了,但是也要看问一下你的眼睛是不是舒服。
在页面中不要去用好几种颜色一般就3-4种差不多了,如果觉得单调了在网页里加一些照片,这样在颜色上不会感觉单调了,为了形成一种风格,页面因该形成一个主色调,不同的页面,配以不同的辅色调,那样才不会有单调的感觉。
相关背景资料:颜色表示方法常见的模型包括 HSB(表示色相、饱和度、亮度);RGB(表示红、绿、蓝);CMYK(表示青、洋红、黄、黑);以及 CIE L*a*b*。 基于人类对颜色的感觉,
HSB 模型描述颜色的三个基本特征:
· 色相是从物体反射或透过物体传播的颜色。在 0 到 360 度的标准色轮上,色相是按位置度量的。在通常的使用中,色相是由颜色名称标识的,比如红、橙或绿色。
· 饱和度,有时也称彩度,是指颜色的强度或纯度。饱和度表示色相中灰成分所占的比例,用从 0%(灰色)到 100%(完全饱和)的百分比来度量。在标准色轮上,从中心向边缘饱和度是递增的。
· 亮度是颜色的相对明暗程度,通常用从 0%(黑)到 100%(白)的百分比来度量。
A. 饱和度 B. 色相 C. 亮度 D. 所有色相
绝大部分的可见光谱可以用红、绿和蓝 (RGB) 三色光按不同比例和强度的混合来表示。
因为 RGB 颜色合成产生白色,它们也叫作加色。将所有颜色加在一起产生白色──也就是说,所有光被反射回眼睛。加色用于光照、视频和显示器。例如,显示器通过红、绿和蓝荧光粉发射光线产生彩色。
加色 (RGB)Photoshop 的 RGB 模式使用 RGB 模型,给彩色图象中每个象素的 RGB 分量分配一个从 0(黑色)到 255(白色)范围的强度值。例如,一种明亮的红色可能 R 值为 246,G 值为 20,B 值为 50。当三种分量的值相等时,结果是灰色。当所有分量的值都是 255 时,结果是纯白色;而当所有值都是 0 时,结果是纯黑色。
RGB 图象只使用三种颜色,在屏幕上重现多达 1,670 万种颜色。RGB 图象为三通道图象,因此每个象素包含 24 位 (8 × 3)。计算机显示器总是使用 RGB 模型显示颜色。这意味着在非 RGB 颜色模式(如 CMYK)下工作时,Photoshop 会临时将数据转换成 RGB 数据再在屏幕上显示出现。
CMYK 模型以打印在纸张上油墨的光线吸收特性为基础,当白光照射到半透明油墨上时,部分光谱被吸收,部分被反射回眼睛。理论上,纯青色 (C)、洋红 (M) 和黄色 (Y) 色素能够合成吸收所有颜色并产生黑色。由于这个原因,这些颜色叫作减色。因为所有打印油墨都会包含一些杂质,这三种油墨实际上产生一种土灰色,必须与黑色 (K) 油墨混合才能产生真正的黑色。(使用 K 而不是 B 是为了避免与蓝色混淆。)将这些油墨混合产生颜色叫作四色印刷。
减色 (CMY) 和加色 (RGB) 是互补色,每对减色产生一种加色,反之亦然。
减色 (CMYK)
上一篇:网站LOGO设计规范的思考
下一篇:网页文案设计浅谈
近期更新
- [2025-02-11 14:34:54] 青岛品牌网站定制化设计
- [2023-06-25 23:22:29] 优秀网站设计的五大特点
- [2023-04-27 14:05:55] Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 网站建设制作流程知多少
- [2022-10-14 10:11:30] 做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 网站首页设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 品牌网站定制与模板化网站应该怎么选择?
延伸阅读
- [2018-03-28 10:04:17] 科普网站设计、制作中的图片版权
- [2007-04-11 08:57:00] 微软雅黑 VS Windows宋体
- [2010-11-09 08:27:00] 前端开发是做产品么
- [2006-01-06 21:54:00] 网页设计的艺术处理原则
- [2007-06-29 14:30:00] 打破常规的页面设计方式
- [2006-12-28 20:10:00] 三组网站经常使用的流行色彩元素
- [2006-06-23 14:01:00] 专业信息网站制作规范
- [2007-10-26 14:33:00] 文字的可读性与辨识度
- [2010-01-04 09:07:00] 交互设计(4)—“有效性”之“简洁清晰,自然易
- [2007-12-14 16:24:00] 基本的页面设计元素布局比例
- [2009-06-04 16:23:00] Web设计师需要的10个高质量的ICON图片资源网站
- [2014-09-12 22:49:52] 85个国外扁平化网站设计之灵感来源于此
