设计中的配色流程复盘

今天复习一下之前学习的色彩搭配的知识

01 先从色卡中取出一套配色方案运用于海报中,呈现图右边的效果。图左是原型,海报整个造型是一个内收的作品,所有造型指向核心,而核心是一款绿色的衣服,旁边的色彩搭配跟绿色衣服相互呼应,形成同频,使我们的视线更集中。对比起来,这套好看的色卡并不适合这个主题。所有色彩搭配好的色卡并不代表设计出很棒的作品。

设计中的配色流程复盘_第1张图片

02 色彩功能去色法

选择参考图片中色彩最为倾向的颜色:外行都能认出来的颜色(即色相较清晰的颜色,因为明度低或高的颜色都很容易被纯度高的颜色所取代)

我们取出色相清晰的颜色填入ui界面的关键位置(即面积最大的地方和面积最突出的地方)

设计中的配色流程复盘_第2张图片

03 选择与主色相抗衡的颜色(互补色,能使两个颜色的优点非常突出,同时弱化两者的缺点)填入次要位置(欢迎界面的登录按钮、内页中紧挨主色的位置、其他面积相对大的地方),

设计中的配色流程复盘_第3张图片

04 选择最深色,为什么选择最深色呢,因为有光就有影,我们对色彩的体验全部来自大自然,有光就有影,如果没有影只有光的话就很飘,有深色时会让人内心有稳重感,填入有暗影的位置(ui界面开关按钮、需要背景的地方、)

设计中的配色流程复盘_第4张图片

05 选择最浅色,因为浅色给人透气感,相当于光的地方,给人喘息的机会。阅读信息时我们需要比较平和的心态舒适阅读,这些地方都需要浅色。填入到表格或文字大量阅读的地方。


06 选择与主色同频的色彩,加厚主色的层次感。因为只有一种主色的话,它的这种色彩会显得比较生硬,没有过渡和变化。增加色彩层次感来丰富画面。

设计中的配色流程复盘_第5张图片

总结:根据选择主色、互补色、最深色、最浅色、主色的同频色的顺序来进行界面的颜色搭配。这个流程用在海报、插画的配色上是否同样有效呢?

你可能感兴趣的:(设计中的配色流程复盘)