网页设计时颜色的搭配技巧有哪些?
时间:2024-02-15 23:10:02 | 来源:网站运营
时间:2024-02-15 23:10:02 来源:网站运营
网页设计时颜色的搭配技巧有哪些?:
终极口诀:颜色主次分明,一个主色调带一组辅助颜色进行搭配(辅助色通常用低纯度的颜色)。主色调要提前确定后,其他的颜色一般都做辅助色,辅助色不要抢主色调的风头,要不然会乱,就好比电视剧里的配角戏份不能大过主角。看下图。
如图,主色调就是这个蓝绿色,然后这个颜色里可以做一些近似色出来,形成一组同色系颜色,其他颜色全部都是辅助颜色。
网页设计中,通常会给字体做这种黑灰的颜色。因为文字要考虑易读性,文字大量使用炫彩的颜色容易产生视觉疲劳。
当然,上图那些小图标你也可以弄成主色调,但是不建议过多的使用主色调,比如我们换成紫色试一下。
如图,这次不仅用背景色来体现主题色,小图标也换成了同色系的紫色。
当然,如果你有非常强的色彩搭配能力,也可以做出多个主色调的配色,但是那种没弄好的话,很容易产生凌乱的感觉,比如下面这样的。
这个就是主色调过多,又没有搭配好如上图,三个主色调,单独拿哪个其实都好看,但是凑在一起就非常怪异,非常不协调。
让我们来看看用这一配色规则搭建的页面。