颜色搭配小技巧

用户头像
沈阳/UI设计师/8年前/2869浏览
颜色搭配小技巧

总结一下颜色搭配小技巧

生活中影响我们最大的就是五感

五感:形、声、色、味、触

对于网页、APP、平面等设计来说,除了排版以外,色彩的运用所占的比例是相对最大的

大自然中不存在独立的色彩,同样也没用好看与不好看之分

只有在搭配的时候相对而言的色彩协调度不同

对于颜色搭配,大家耳熟能详的有互补色、相似色、三原色等搭配方式

但是明白其中道理,不懂得运用也很苦恼,下面列出几个简单实用的方法



一、配色原则

如果在做网页、APP界面时可以遵循这种原则:主色占60%、辅助色占30%、强调色占10%,

这里注意的是强调色不一定是单独的第三种颜色,只是相对界面而言强调出来的部分

如果做界面时无法很好的控制多种颜色的搭配,那就控制用两种颜色吧




二、大自然取色

大自然是颜色搭配最好的老师,它用的颜色最多,可却杂而不乱,举个例子




三、红配绿真的不好看吗?

红和绿属于互补色上的搭配,可是为什么很多人对于他们之间的结合很反感

主要是因为这两种颜色搭配在一起会引起强烈的对比

其实如果中间加入过渡元素会好很多,或者调解饱和度(稍后会说)



不得不提一句,圣诞老人也是红配绿的



四、无色系

黑、白。灰(黑白之间的过渡色)为无色系,可以轻松搭配大部分颜色,这三种颜色也运用的最多



五、PS中色相的运用

遇到好的颜色搭配不要放弃,通过色相改变它,运用在自己的作品里

为所欲为、为所欲为、为所欲为(重要的事说三遍)



六、取色

为何明明是按照配色原理来做,可却还是不好看(比如上面所说的红绿搭配)

我们可以取一张海报或者banner上的颜色来观察

大家可以观察一下海报上面的颜色,有很多,但是搭配起来并不乱

再看看右面颜色的取值,会发现每种颜色都不是特别的纯


再看网页设计

换句话说就是不纯的颜色更容易搭配在一起

(如果有不信的同学可以自己取证,就不多加例子说明啦~~~)


还有一点可以看出,海报的背景取色和产品上的颜色相呼应

(这个可以举个例子~~~)

可以看出,海报的背景色,文字均是按照产品的颜色来互相搭配




如果实在不会的话,期待我的下次更新看看能不能帮到你~~~

42
举报
|
50
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
女生半身插画
二十四节气图片之霜降
船坞民宿概方案
苏门答腊虎母子插画
人物运动系列插画
宠物纪念相册H5模板系列 · 温馨治愈系 · 三款主题
卡通兔子插画
木纹贴图设计师常用
love玫瑰花
科技背景03
头发1
乐陶创意体验工坊标志设计
玫瑰
彩灯_花灯_春节彩灯_春节花灯_马年彩灯_马年花灯
科技背景04
人物画抽象画芭蕾舞宣传画霹雳舞海报舞蹈大赛海报
科技背景01
汉堡插画
立春节气背景
校园文化宣传栏
【中秋节】中秋海报
国画水墨江南山水画装饰画电视背景墙装饰画
 ps常用偷懒笔刷
我要奋斗
你可能喜欢
大家都在看
登录注册