好的配色意味着设计已经成功了一半!
要想搭配好,小天认为首先就要学会认识色彩,这样才能分析色彩,搭配出好的色彩效果。
如果你是初学者,最好用相邻色搭配保持色彩基调相同,取色相环上等距取三种颜色,会形成让人愉悦的颜色组合,或者你可以采取互补色组合。尽可能避免颜色的复杂存在,特别是在标志中,多用两色三色搭配。
当然如果你是老手的话,你可以选择色彩冲突给人以更强烈的色彩感官,就需要使用对比色调搭配产生戏剧性。同类色寻找色彩之间的共性,对比色强调戏剧性。同时运用,会使画面在和谐与冲突之间达到平衡。
互补色:相距180°;对比色:相距120°;邻近色:相距60°;同类色:相距30°。
“知己知彼”设计才能百战百胜!所以我们在设计前需要思考两个问题:
“不同的色彩让人产生什么样的联想,又有什么象征意义?”
“不同的色彩是什么样的视觉效果?”
一、色彩的联想
红色
联想:玫瑰、红旗、口红、爱心、对联、鞭炮、血等;
象征:热情、激进、温暖、喜庆、危险等。
橙色
联想:太阳、灯光、橙子、晚霞等;
象征:明亮、华丽、欢快、温馨等。
黄色
联想:月亮、柠檬、油菜花等;
象征:希望、活泼、轻快等。
绿色
联想:春天、草地、树叶、农田等;
象征:生命、和平、环保等。
蓝色
联想:海洋、天空、宇宙等;
象征:平静、悠远、科技等。
紫色
联想:丁香花、薰衣草、葡萄、茄子等;
象征:高贵、优雅、神秘等。
黑色
联想:黑夜、墨、碳等;
象征:黑暗、严肃、稳重等。
白色
联想:白云、牛奶、面粉等;
象征:纯洁、神圣、坦诚等。
灰色
联想:乌云、影子、道路等;
象征:沉默、平凡、失意等。
二、色彩的心理效应
色彩的情感与联想,主要反映在日常生活的经验、习惯、环境、等方面。地域、民族、年龄、性别的差异会导致对色彩的感情认识不同,但一般来说,色彩感情联想是有共性的。
三、色彩搭配网站
1.uiGradients
以渐变色彩为主的网站,里面接近上百种渐变配色方案,可根据自己风格来选择搭配,点击左上角,就可以浏览所有的配色图,点击你喜欢的图片就可以查看大图,右上角有免费下载的按钮,选好你喜欢的配色就可以直接下载,还可以分享到你的社交账号。
2.NIPPON COLORS
日本传统配色网站,网站直接给出了各种颜色的CMYK值,RGB值,以色卡的形式呈现,当你点击某个颜色的色卡时,整个网页都会变成成你选择的这个颜色,方便我们查看这种颜色是否适合大面积的使用。
3. Material Palette
Material Palette是一款提供Material Design配色的线上工具,它的用法很简单,你只要找出想要搭配的两种颜色,它就会显示出两种颜色搭配在一起的效果预览,并提供你较深或较浅的颜色选项,以及其他你可能会用到的颜色代码。
4.Coolors
Coolors是一个可以让你简单快速地选色生成工具,为你找出配色的灵感,该网站每次会为你挑选由五种颜色组合而成的调色盘,并显示颜色的代码,你可以快速选取使用,或是锁定其中的几种颜色。
5.Skala Color
Skala Color是一款为设计师和开发者而生的优质取色工具。这款取色器小巧简洁但功能丰富,适用于OS X系统,支持大量的格式(如十六进制、CSS的RGBA模式或HSL模式、UIColor亦或是NSColor等等),在web、iOS、Android、或OS X开发上都能胜任。
好啦,今天就分享到这里了,希望以上对你也有帮助~
别忘了点个赞呀~你的点赞就是我的动力
学习更多PS技巧,关注公众号【平面设计自习室】