网页制作中的相近色应用


  相近色是在网页设计中常用的 色彩搭配,它的特色是画面统一 融洽 。下面重要 讲解暖色调与冷色调中相近色的 利用 步骤 。

  1.暖色调 暖色重要由红色调构成, 比方红色、橙色和黄色 。暖色调给人 温馨、 舒服和 活力的觉得, 因此在网页设计中 可以突出视化 动机 。 在网页中 利用相近色时,要 留神色块的大小和位置 。例如,设置三种暖色调(R:120、G:40、B:15,R:160、G:90、B:40和R:180、G:130、B:90),如图1-1所示 。

网页制作中的相近色

  不同的亮度会对人们的视觉产生不同的影响, 色彩重的会显得面积小, 色彩浅的会显得面积大 。将同样面积和 形态的三种 色彩摆放在画面中,如图1-2所示,画面显得 单调、乏味,这种过于 均匀化的摆放在网页设计中是不可取的 。设定 色彩最重的褐色为重要色, 因此面积最大,之间色稍小,浅色面积最小,如图1-3所示,画面即将就显得 丰硕了 。

网页制作中的相近色

  插入图片的 色彩 定然要与 根本色 融洽,在Photpshop CS中调节插入图片的色调,全部冷色调的 色彩都要用暖褐色中和 。

  2.冷色调 青,蓝,紫都属于冷色系,冷色调 可以给人明快、硬朗的觉得 。 例如,设定两种 色彩(R:50、G:80、B:110和R:140、G:170、B:180),一深一浅,一个略微偏蓝,一个略微偏绿, 固然 色彩的 偏向略有不同,但两种 色彩放在一同十分 融洽, 了解了这种 色彩关系,就 可以在网页设计中制造出 融洽的 色彩搭配 。 执行“图像”→“调整”→“ 色彩 均衡”命令,调节要导入图片的 色彩, 留神 维持图片 色彩和所选色的 融洽, 主宰好分寸,如图1-4所示 。

网页制作中的相近色

  最后 动机如图1-5所示 。导航条也要 使用纯度不高的浅蓝色 。这种 融洽的冷色调会使人 感想到科技和 将来 。

网页制作中的相近色