分享、发现微信公众号

作为设计师没有喜欢的颜色怎么办?


圣诞节男神二柱带小编出门吃饭了,去的地方真是要闪瞎了小编的钛合金像素眼,偷偷的拍了一张,大家感受一下:


当小编无语凝噎的时候,二柱认为小编是激动的,他解释道是之前看到小编的那篇圣诞推文《辣眼睛的红绿配色,不是只有圣诞节才敢用》,他竟然认为窥破了小编的心思——小编喜欢的颜色搭配是红绿色。

说到喜欢的颜色,小的时候总会有人问我们你喜欢嘛颜色呀?感觉大部分都会喜欢蓝色吧,等着年纪稍大一点开始喜欢黑色和白色,工作之后,甲方喜欢什么小编就喜欢什么。到现在二柱问我喜欢什么颜色的时候,我反倒一时回答不上来了。而当我问二柱他喜欢的颜色时候,二柱快速的回答说“红色和黑色”。


这让我有点沮丧。因为在日以继夜的加班中,小编已经没有了自己喜欢的颜色,合适两字代替了“喜欢”,如何在设计中运用合适的色彩才是我应该考虑的,小编已经成功的如老板所愿把生活与工作成功的结合在一起了。然而,收起那些傲娇的小脾气,因为即使你喜欢蓝色,Facebook也不会因此而雇佣你的,还是跟着小编一起来看看怎么来选适合App的颜色吧。

1.了解你受众的色彩心理。

了解你设计定位的访问者的受众特征是选择UI设计颜色的第一步。不要自以为是的冒然做下决定,调查研究胜过雄辩。

User Testing的一项调查报告显示,人们喜欢亮色系和暗色系更胜过白色网站。所以并不是所有面向女性群体的网站均用红色即可,也并不是所有面向男性群体的网站使用黑白灰更好。


2.如何搭配色彩可以是一个数字游戏。

小编把色彩搭配作为一个数字游戏进行分析:一种颜色搭配、两种颜色搭配和三种颜色搭配。

(1)毋庸置疑,一种颜色就是单色配色。在今年的设计中,经常会见到鲜艳色彩的单色调作品。这里单色配色包含着单色和色调与色调的混合。这种视觉刺激配合版面排版,能够给人简洁的视觉感受。


值得注意的是,在手机屏幕中,把单个颜色与黑色或白色相搭配,能产生极好的视觉感受。也许下次你可以试试。这种黑白色相加也可以认为是单色配色的一种。

(2)两种颜色搭配——双色调搭配,来自印刷学的一种色彩搭配,双色打印是指打印时仅用一个颜色的两个色度或者是仅用一种颜色加黑色,这种处理方式通过使用两个色彩来从不同的角度呈现图片。双色调呈现的视觉感受十分有趣。


邻近色是最基本、最简便的同种色配色方法,明度变化而产生的浓淡深浅不同的色调,可以取得端庄、沉静、稳重的效果。


类似色在视觉上的冲击不大,这种搭配看起来有层次、细腻,也是比较容易获得协调统一的整体效果。


对比色搭配在色环上,可以找到相差120°的两种色彩,对比色之间相差较大,视觉有跳跃感。如:黄色与蓝色,红色与青绿色,红色和黄色等。这种色彩处理方式可以在视觉上产生让人惊艳的复古感,古怪大胆的色彩同时也需要搭配造型夸张的图像。


补色搭配,是两种对立的色彩,给视觉带来极大的刺激,在搭配中是难度最大的,互补色搭配最吸引眼球,但是风险大,互补色之间的色彩比例分配不当就很失败。对了,还有圣诞树颜色也是这样哦~


这些年冉起的新星渐变色搭配,比较容易营造一种精致、有质感的界面,增加黑白色也是为了增加可读性——这也是界面设计的第一要务。

(3)三种颜色搭配: 多种色彩的搭配更能体现设计的细节,同时越多的颜色也是更多的挑战,选择一个主色同时用其他颜色来辅助是一种方法,另外一种就是平分秋色。


人们常说色不过三,过多的色彩会让人产生眼花缭乱的感受,更不用说在小小的手机界面中了。因此我们这里只是止于3的搭配。

3.使用叠加效果。

尝试在界面中加入颜色叠加的效果设计,使用半透明的彩色方块来覆盖图片或视频。 通过使用与材料设计相关的明亮,饱和的颜色之一,可以唤起现代主义的感觉,在近年尤其流行。


需要注意的是当使用单个颜色作为覆盖时,考虑颜色的饱和度和透明度:较重的颜色组合(较少的透明度和较多的饱和度)会使颜色本身比其后面的图像更加专注。 较轻的颜色组合使更多的焦点在图像上。

上述几种方法如果你还没有get到,也可以试一下使用color tools.小编这就给各位介绍几个好用的工具~

4.配色工具推荐

BrandColors


https://brandcolors.net/

美丫姐神器介绍之配色篇

Color Farm


http://color.farm/

Color Farm 可以直接提供优秀作品的色彩搭配,方便你进行配色选取。

Adobe Color CC


https://color.adobe.com/zh/

Adobe Color CC是一个基于网络的应用,它提供免费的色彩主题,我们可以在任何作品上使用它们(不会有版权问题)。

Material Design Palette


https://www.materialpalette.com/

在这个工具中,你可以先选择主色和重点色。选完之后工具会自动生成即时预览图并提供多种下载的方式。

好了,说了这么多,作为设计师的你有自己喜欢的颜色么?会在你的设计作品中优先考虑你喜欢的颜色么?在评论里告诉小编你的想法,也许小编可以借你喜欢的颜色用用!

看完文章,还是不会配色?戳阅读原文给你更简单的配色指南~

阅读原文
提交公众号
国内人气最高的网页设计师学习平台,和大家一起来利用碎片时间学习网页设计和PS技术吧!

优秀网页设计的二维码

微信扫一扫

优秀网页设计的标签

广告一下^_^