Ishtiaq Khan Parag 很好的将邻近色用在了图标和卡片上,让整个设计整体年轻活泼了许多。

邻近色在很多的产品中越来越多被应用,邻近色取品牌色周围30度的颜色作为渐变色,我们在设计中需要注意邻近色一定不要太大,太大会显得不够柔和。
互补色运用

来自MIKE的作品,互补色设计中如果用不好,界面会很山寨,互补色前面我们说了,是界面中对比最强烈的配色,我们一定要注意互补色的比例,比例一定要协调舒适。

补色在设计中,不要占比过大,一定需要有一个主色,补色作为重点去强调和突出,这组作品很好的把红色作为补色,有点睛的效果。

互补色让页面更加突出文字信息内容,同时很好的讲内容趋势和图片趋势很好的拉好,形成了很好的冲击感。

红绿互补色视觉冲击力强,很好的强调了音箱本身的质感。

两组互补色运用,很好的将LOGO的矛盾感,空间强加强,要人过目不忘。
三种颜色

这组作品,通过三种颜色的叠加的形式,让三元色巧妙的运用到设计中去,同时颜色叠加形成一种新的时尚感。

三种颜色运用最佳的案例当属于谷歌,颜色的饱和度以及设计都恰当好处。

在谷歌的设计中,我们不难发现,它很好的将多种颜色组合在一起,不乱,同时还很平衡,这些值得我们设计师去好好领悟和学习。
动手试试
我们来拿一个案例来尝试下我们的方法,本文案例我从素材网站下了一个案例来尝试下我们今天分享的方法,单色,互补色,三个颜色,互补色拆分。
1. 单色使用
在页面中使用西瓜红作为一种主色调,来强调品牌色和行动点,整个界面会呈现出简约和谐的氛围。

2. 邻近色运用
这种配色和单色用法类似,在滑块上滑动到红色旁边黄色配色,作为额外的颜色。

3. 互补色使用
互补色比单色,邻近色更加吸引用户注意力,前面我们说了,互补色在色彩里面是对比最突出的,我们主页面是红色,蓝色补色是我们需要强调吸引用户注意。

4. 互补色拆分使用
这个原理其实就是互补色基础上进行拆分,对主要颜色增加一个辅助色,比如主要颜色红色,蓝色,那么我们增加一个淡粉色和淡蓝色作为辅助色,它的目的让颜色满足更多场景。

5. 三种颜色使用
这个原理也是类似的,只不过我们选用了三个颜色应用在页面中,颜色越多越不容易驾驭,需要注意色彩之间的比例关系。

总结
颜色其实设计中最基础的,其实也是学问最深的,每个人对颜色感受,对颜色理解都不一样,也有很多设计工具帮助我们用好配色,后面我们再分享给大家,今天这个小小的分享,希望对你有帮助。
情非得已
3个平面设计技巧学会动态字体海报2020-07-09
如何设计出优秀的文字类海报排版2020-04-02
7个有效提升传达率折页设计技巧2020-03-19
设计师如何解决作品视觉缺少层次感2020-03-14
详细解析平面设计中元素的使用技巧2020-03-13
设计师必须要学习的平面设计配色技巧2020-03-11
解析设计师常用的6大构图方法2020-03-11
3个帮你快速掌握字体搭配思路2020-03-10
设计师如何设计出中国风主题LOGO2019-10-21
详解如何让板式海报设计变得简单2019-10-21
4个配色技巧帮助您解决色彩问题2021-03-10
设计师需要掌握的平面设计技巧2021-03-10
详细解析插画类海报的绘制思路和方法2021-03-09
详细解析设计师必须掌握的色彩知识2021-03-09
设计师必须要学习的高级配色技法2021-03-10
设计师必须要学习的几个排版小技巧2021-03-10
详细解析UI设计中终极配色宝典2021-03-11
详解如何把产品和背景融合到一起2021-03-11
详细解析UI设计中终极配色宝典
相关文章1162021-03-11
设计师必须要学习的几个排版小技巧
相关文章1682021-03-10
设计师必须要学习的高级配色技法
相关文章1762021-03-10
详细解析设计师必须掌握的色彩知识
相关文章1792021-03-09
设计师如何解决作品视觉缺少层次感
相关文章6752020-03-14
设计师必须要学习的平面设计配色技巧
相关文章6252020-03-11
9个非常实用的排版设计小技巧
相关文章3202020-03-11
高级设计师必学的色彩配色技巧
相关文章3572020-03-09
