快捷搜索:  汽车  科技

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了<随手截几张感受一下>值得每位设计师品味和学习~【文末有福利哦】有接地气的,也有温暖人心的……无论是哪一种它的色彩搭配都能让人倍感舒适

大家最近有没有发现,网易云音乐在各大软件商店下架了,热心网友评论道↓

输了版权却赢得了人心~

对于网易云音乐,今天小编不说版权,仅来回顾一下那些唯美的banner,

这些年,它的banner有高逼格的

有接地气的,也有温暖人心的……

无论是哪一种

它的色彩搭配都能让人倍感舒适

值得每位设计师品味和学习~【文末有福利哦】

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(1)

<随手截几张感受一下>

网易云音乐一直是设计界的一股清流

有很多设计师小伙伴都说

每天只要一更新banner

都会截图保存或看上几分钟……

那么网易设计师在制作的时候

又使用了哪些常见的配色方案呢?

下面就跟着小编来学习一下吧~

01

单色配色

单色配色就是通篇使用一种色相,通过改变颜色的深浅、明暗或者说是亮度饱和度来完成。通常会配以黑白两种无色彩系,来增强画面丰富度。给人带来和谐,简单单纯的感觉,配色不易出错。

饱和度低的单色配色和这样的中国风非常搭哦,且深浅色形成鲜明对比,突出主题 ↓

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(2)

饱和度高的单色配色通常会给人以直接、时尚、年轻的感觉。就算是50多岁的陈小春,也能分分钟给你做成二十岁的直男 ↓

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(3)

卖萌装嫩最佳选择,尤其像这样的嫩黄,中性色,最能给人活泼可爱的感觉 ↓

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(4)

单色配色的时候还有一个技巧,就是可以把图片去色处理,再统一用图层混合模式叠加上主色。这样的设计也很常见,图片素材又不会显得很杂乱,不需要单独调色↓

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(5)

02

黑白灰配色

谁说没有色相就不叫配色了呢?只不过应用范围很窄,一般都是为了提升B格的。音乐类感觉可以算是黑白灰配色应用较多的一个领域了。

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(6)

背景黑色,前景白色,通常可以营造出一种酷 文艺 格调 我命由我不由天的感觉 ↓

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(7)

黑白灰中添加少许不易被发觉的淡淡色相,可以增添画面的灵动感,不至于那么的压抑死板。黑白灰配色对于模特的黑白精修处理要求很高。不是仅仅对模特去色那么简单 ↓

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(8)

背景白色,前景黑色。通常可以配以书法字体,营造出一种或中国或日本的水墨书法风 ↓

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(9)

03

近似色配色

也叫邻近色,是相互不冲突的,在色相环上非常相似的色彩。色相环上的角度夹角一般在60°以内。这种方案,不易出错,整个画面会显得非常的和谐舒适,就是有可能会导致画面单调。

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(10)

粉红、粉紫、红紫等近似色常给人以暧昧迷幻的感觉 ↓

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(11)

近似色配色经常是温柔柔和又不失丰富感的 ↓

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(12)

值得一提的是,近似色经常会被应用在渐变色配色当中,两个相近颜色之间的过渡会看起来更为舒适自然。如果是离得较远的颜色做渐变,中间的过渡带常会显的脏 ↓

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(13)

04

对比色配色

颜色夹角为120度的颜色,属红黄蓝、橙绿紫几种颜色搭配较为常见,对比色也经常被人称之为撞色。给人带来的视觉冲击力较强,通常会给人以一种活泼,年轻的感觉。

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(14)

比起前面几种是不是更为跳脱有趣了 ↓

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(15)

尤其是红黄蓝,经常被应用于儿童相关设计中 ↓

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(16)

05

互补色配色

颜色夹角180度。属红绿、橙蓝、黄紫几种互补色最为常见,有时为了避免颜色撞击过于强烈或看上去太low,可以适当调节饱和度色相等,让颜色不那么正、或者是不都那么正。

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(17)

互补色不像前几种那么容易应用,反复多修改,多感受,多琢磨,多调整。

谁说红配绿赛狗P的?这不是时尚时尚最时尚么!高饱和度的红色配上低饱和度的绿色 ↓

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(18)

较高饱和度的绿色配上低饱和度的红粉色 ↓

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(19)

06

颜色提取

当模特自己本身身上颜色很好看或很多,就可以直接通过吸色来做设计。(懒到不行,着急交稿时

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(20)

我看你腮红眼影颜色不错,干脆拿来直接用吧 ↓

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(21)

我看你照片头发和天空颜色不错,干脆拿来直接用吧 ↓

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(22)

你们几个小姑娘穿的太花哨了,我挑我最喜欢的一个小姐姐的衣服配色吧 ↓

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(23)

看了网易云banner的配色方案有没有茅塞顿开的赶脚呢?今天小编所提到的也仅仅是banner配色中的一小部分,想要学好banner配色,除了要掌握配色方案,还要多看、勤练!!

所以,最后再送大家

28套网易云banner配色卡

40套banner素材psd源文件

插画banner科技风排版:网易云这28套配色方案和40套模板快收好了(24)

如果你想要快来领取吧

领取方式,关注头条号,转发或者评论本文,然后私信小编:素材,就可以了!

猜您喜欢: