网页设计常用色彩搭配表 - 配色表
网页设计常用色彩搭配表 - 配色表
按色相的搭配分类
本节将网页设计中常见的色彩搭配按照色相的顺序归类。每类都以该色相为主,配以其他色相或者同色相的,应用对比和调和的方法,并按照从轻快到浓烈的顺序排序。
按印象的搭配分类
色彩搭配看似复杂,但并不神秘。既然每种色彩在印象空间中都有自己的位置,那么色彩搭配得到的印象可以用加减法来近似估算。如果每种色彩都是高亮度的,那么它们的叠加,自然会是柔和、明亮的;如果每种色彩都是浓烈的,那么它们叠加,就会是浓烈的。当然在实际设计过程中,设计师还要考虑到乘除法,比如同样亮度和对比度的色彩,在色环上的角度不同,搭配起来就会得到千变万化的感觉。因此本书除了要列举出按色相的搭配,也要将印象作为重点的搭配分类列举出来,以供参考。
柔和、明亮、温柔
亮度高的色彩搭配在一起就会得到柔和、明亮、温和的感觉。为了避免刺眼,设计师一般会用低亮度的前景色调和,同时色彩在色环之间的距离也有助于避免沉闷。
柔和、洁净、爽朗
对于柔和、清洁、爽朗的印象,色环中蓝到绿相邻的颜色应该是最适合的。并且亮度偏高。可以看到,几乎每个组合都有白色参与。当然在实际设计时,可以用蓝绿相反色相的高亮度有彩色代替白色。
按色相的搭配分类
本节将网页设计中常见的色彩搭配按照色相的顺序归类。每类都以该色相为主,配以其他色相或者同色相的,应用对比和调和的方法,并按照从轻快到浓烈的顺序排序。
按印象的搭配分类
色彩搭配看似复杂,但并不神秘。既然每种色彩在印象空间中都有自己的位置,那么色彩搭配得到的印象可以用加减法来近似估算。如果每种色彩都是高亮度的,那么它们的叠加,自然会是柔和、明亮的;如果每种色彩都是浓烈的,那么它们叠加,就会是浓烈的。当然在实际设计过程中,设计师还要考虑到乘除法,比如同样亮度和对比度的色彩,在色环上的角度不同,搭配起来就会得到千变万化的感觉。因此本书除了要列举出按色相的搭配,也要将印象作为重点的搭配分类列举出来,以供参考。
柔和、明亮、温柔
亮度高的色彩搭配在一起就会得到柔和、明亮、温和的感觉。为了避免刺眼,设计师一般会用低亮度的前景色调和,同时色彩在色环之间的距离也有助于避免沉闷。
柔和、洁净、爽朗
对于柔和、清洁、爽朗的印象,色环中蓝到绿相邻的颜色应该是最适合的。并且亮度偏高。可以看到,几乎每个组合都有白色参与。当然在实际设计时,可以用蓝绿相反色相的高亮度有彩色代替白色。
-
豆豆 转发了这篇日记 2019-09-08 21:26:41
-
馨╮(╯▽╰)╭ 转发了这篇日记 2018-09-17 11:59:01
-
允儿 转发了这篇日记 2018-03-23 09:36:53
-
活屠匪 转发了这篇日记 2017-07-05 23:11:50
-
xfp 转发了这篇日记 2016-11-15 19:19:26
-
ongs 转发了这篇日记 2016-02-14 14:07:42
-
娃娃头 转发了这篇日记 2015-06-13 09:13:28
-
kerhaen 转发了这篇日记 2015-04-19 15:50:56
-
. 转发了这篇日记 2013-05-02 18:25:15
-
马克&刘明 转发了这篇日记 2013-05-01 23:01:36
热门话题 · · · · · · ( 去话题广场 )
- 你最重要的一条人生经验 2.5万次浏览
- 让你产生奇妙联想的生活瞬间 1.2万次浏览
- 你可以按下暂停键 1025次浏览
- 神奇爱好大赏 3.2万次浏览
- 情绪也需要“断舍离” 1.3万次浏览
- 用旅行的方式逛家乡 3335次浏览