来源:三根设计骨 作者:佚名
通过右边的色相上面三角形来看我们案例中出现的主要色彩,紫色、黄色、青色这三个颜色都在三角形配色的范围里面,所以版面的颜色会比较舒服、生动。要注意的是把什么颜色设为背景色,紫色相对于黄色和青色是不亮也不暗的颜色所以比较合适作为背景色。
在使用三角形搭配的时候一定要选出一种色彩作为主色,另外两种作为辅助色。使用了低饱和度的色彩也不错。
对比色 — 案例欣赏
青色和黄色是对比色。在色相环上相距120度到180 度之间的两种颜色,称为对比色。
紫色、青色、黄色是三角配色,它们各自之间是对比色所以构成了三角配色。在产品色是亮色的情况下,背景色用暗色是一个好的选择!
互补色
互补色色彩之间是强烈的对比造成不稳定感,互补色搭配在正式的设计中比较少见。通过右边的色相上面三角形来看我们案例中出现的主色和辅助色是很明显的红绿互补色,都说红绿配丑到哭。案例中用白色很好的避免了绿色与红色的接触,不是一样生动好看么?
在各种色相搭配中,互补色搭配无疑是一种最突出的搭配,所以如果你想然你的作品特别引人注目,那互补色搭配或许是种最佳选择。
互补色—案例欣赏
紫色和黄色是互补色。在色相环上相距180 度之间的两种颜色,称为互补色。
互补色案例真的是比较少,上面案例中的红配绿,颜色的饱和度不是特别的高,所以还算稳定,对比不是的别的强烈。
近似色/类似色搭配
色环上距离较近的色彩搭配被称为近似色搭配或者类似色搭配,一般这种色彩之间大搭配显得平静而舒服。案例中的橙红色和黄色正式色相环上面的近似色。
近似色搭配在日常设计中比较常见,所以对眼睛来说,这是种最舒适的搭配方式。在使用近似色搭配的时候,一定要适当加强对比,不然可能使画面显得平淡。
近似色—案例欣赏
案例中的洋红、青色、蓝色它们是相近的几个颜色,在版面中比较舒服。黄色作为副标题颜色是因为黄色是蓝色的对比色,所以黄色会比较突出。主标题直接用白色,如果用黄色,黄色面积太大会不舒服。
非常舒服的一个近似色搭配,文案加上了外框避免白色和换色和绿色直接接触,因为同为亮色,亮色和亮色直接接触会不舒服刺眼,所以用了蓝色缓解。
3、直觉配色
直觉配色就是当我们说冬天你会想到蓝色、说夏天你会想到红色蓝色、说春天你会想到绿色等等。
也就是说当我们拿到需求文案的时候第一反应会想到的颜色比如食品零食,我们肯定会首先考虑橙色、红色这些让人有食欲的颜色。跟我们主题息息相关的。
从标题“夏日狂欢”中很明显我们配色要清爽、贴近夏天的感觉,那么我们会首先想到蓝色、沙滩大海,然后在确定我们的辅助色进行搭配。在根据主题确定好主色调,然后开始确定辅助色和相关的优秀配色参考。
之前的一个零食营销需求,根据零食所以我就先想到橙色、黄色,然后找类似优秀的参考进行配色,来给自己一个大的感觉。
在根据主题确定好主色调,然后开始确定辅助色和相关的优秀配色参考。
标题“蓝钻特权月”蓝钻嘛当然考虑蓝色搭配,不能说蓝钻弄个黄色背景那不成为黄钻了 。
圣诞节我们会想到绿色、红色,这2种颜色是代表圣诞节的气氛,要是弄个黄色那就没有圣诞节的感觉了。这2种颜色是互补色所以主色和辅助色的面积要控制,尽量要舒服。
配色方式回顾总结
每种方式都有自己的好处,自己习惯就好
深色背景配浅色,浅色背景配深色
根据基础理论去配色是个不错的方式
优秀的设计案例还有很多这个需要大家平时的采集和观察。
下面我们来看版面丰富。
三、后丰富
为什么要丰富?
我们日常浏览优秀作品会发现页面中会出现一些花瓣、绿叶、射线、杂色等等,当我们的设计中有了这些的丰富后,作品的感觉会有明显的上升。
常用的丰富方式
版面上面的气氛、点缀、质感这些表现,在这里我就不说了,大家可以去看我的上一篇设计分享《Banner 五重奏》中最后有关于常见的细节和气氛表现方式。
润色调整
第三部曲我们就说一说设计中润色调整。当然这是我平时工作的方式,有很多优秀的方式,在这里我只是说下我的方式希望会对大家有好处。
这样看静态图不是特别的明显,如果你仔细看,1和2的颜色还是有变化的。亮度、暗度、饱和度都是有一些变化的,调整之后版面颜色会显的亮一些,没有调整之前版面有会一种灰灰的感觉。调整后也清晰一些。
我的润色调整方式
1. 做完设计稿最后我都会建立一个调整组用来调整画面的亮度、对比度、饱和度。调整之后画面会更好。调整参数根据实际情况调整:
2. 在调整完明暗度这些之后,会盖印一层做高反差保留,作用是让画面更加的清晰。这种方式和锐化有一定的区别,个人认为高反差保留会更加细致一些。(具体的调整大家可以看后面的案例详解有提到)
高反差步骤
1. 建立一个空白图层
2. 盖印图层(ctrl+shift+Alt+E)
3. 滤镜——其它——高反差保留
4. 图层混合模式——线性光
5. 降低不透明度(一般为20%-40%)
最后案例详解
运动户外的专题Banner,尺寸是2000宽度的下面的图片会有点模糊,后面会放上原。在这里做一个案例详解主要是分享具体的一个思路,案例不是特别的好,所以大家多多包涵!
最终效果:
根据我上面讲到的三部曲,所以我进行了3个方面关键词的提取:
版面形式:酷炫、运动感、倾斜、场景感
配色:绿色、蓝色、黄色
丰富元素:雪、叶子、气球
从上面的关键次可以知道无论是版面形式、配色、丰富元素上面来看,都是和户外运动相关的。
大脑会直觉的反映出这些东西。
01 寻找参考