很多人听到彩虹渐变,可能第一反应是:“纳尼?彩虹渐变?”  然后脑海中浮现出无数个下图这样的…



不不不,当然不是这样的,如果你看了今年iPhone X的发布会,那么一定对X屏幕上的彩虹渐变记忆犹新(哦…是那个渐变啊,我说呢)。但现在已经不再是上图那个已经是过去的彩虹1.0设计时代,如果你厌倦了目前的渐变、扁平化风格,那么可以试试最近一种新的设计风格,这种渐变色彩明亮,大胆,彩虹般华丽的配色让人印象深刻,包括国外经典的服装设计师 Bianca Luini也在自己服装作品中,大量运用这种自然里面最神奇的色彩作为服装设计灵感,那么今天就和大家分享下,这种彩虹色彩混合在设计中一些运用和技巧!


图为Bianca Luini服装设计师对彩虹色的运用


伦敦Grammar的宣传页面也是采用的一个彩虹色水滴可以慢慢移动的形式作为主视觉,应用到项目中去


什么是彩虹混合风格?


顾名思义,这个风格就是在色彩上融合了大自然中彩虹的物理变化,色彩就像彩虹一样颜色丰富、美丽,同时色彩之间有着很柔和的色彩融合在里面,形成视觉冲击力很强的一个形式感!



那么彩虹色,有哪些特点呢???


色彩


彩虹混合绝对不是普通的拉一个渐变,它的特点是颜色比较柔和,绝对绝对不是那种辣眼睛的渐变!



图形


彩虹渐变的形式类似海水、水银。质感是流动的,色彩融合比较丰富,也有彩虹色和超现实人物元素一起运用!


几何图形:几何图形运用,运用在商品上,背景上,氛围元素装饰上


质感


彩虹色质感可以扁平、可以3D,可以像水彩颜料一样丰富,也可以像丝绸一样顺滑,可以像海浪一样波澜起伏,也可以像光影一样华丽,总之他的质感运用场景,根据你想要表达的情绪去营造


可以像海水,水银海浪一样起伏波澜


可以像光影几何图形般耀眼



也可以像水银一样流动


在Ui设计中的运用


彩虹渐变最新运用在instagram的图标改版中,ins的设计主管这么描述到:If the lens is a bridge into the bolder, simpler glyph, the rainbow is a bridge into the colorful gradient. Color has always been a huge part of Instagram — you see it in the classic app icon, filters, and the community’s photos and videos. 


大概意思就是:如果镜头是个桥梁,那么镜头拍摄出来的那些美丽的照片,五彩缤纷,美丽多彩,那么如果用颜色来定义这个桥梁,那么就是彩虹!


曾获得苹果设计大奖的记事软件clear在界面风格中就是运用了这种彩虹色的设计,不同是他们根据不同的颜色、不同明度和饱和度来定义了事件的优先级!


同样在网页作品中也可以用到,如图,运用彩虹阶梯色来代替区分不同的功能特征也是常用设计手法之一


设计师Chris Smith在收集游戏中,按钮采用了彩虹色彩作为每个按钮的功能操作




在很多电商大促中,如天猫2017双11以及618都是大量采用这种彩虹渐变作为色彩主风格,同时在一些页面封面、banner图,以及引导页面的设计,这种风格也能很好的和其他产品拉开设计差异性


在图标设计中的运用


今年除了instagram在logo上使用了彩虹渐变以外,Dropbox在最近的logo改版中同样也设计了彩虹渐变的质感


instagram的品牌手册也是运用了彩虹渐变栅格化处理技法,看起来非常有质感



在网页设计中的运用


UNIVERSE在网页设计中,黑色的背景上面图形采用的彩虹渐变色,很好的抓住了用户的眼球,同时核心的购票信息采用白色设计,也能很好凸现出来,另外按钮的时候也和图形互相呼应



Southwest在官网设计中,采用的是另外一种设计手法,彩虹背景和元素成为画面一个容器,很好的把文字放置进去,彩虹线条背景很好的在页面中形容前后关系的呼应


在Sourav Maity作品中,很好的运用了整体插画都是运用彩虹色的体现,使得作品整体色温下有一个很好的形式感和统一性!



最后


很多设计师会问,这个风格这么好看,可是我不会设计!怎么办呢?没有关系,之前我们牛逼的朱健老师已经详细分享过类似风格的设计,大家可以去它的UI中国看一看http://www.ui.cn/detail/283962.html



好的设计趋势一定要合理的运用到设计中去,希望我们都能把我们看见的好的设计趋势和方法灵活运用到自己的产品中去!一起沉淀


文章图片素材均来源于网络,如有侵权请联系删除!公众号内所有文章未经授权一律不得转载,转载前请后台回复【转载】


公众号:Sky的设计日记

设计师Sky和浪小花之父于朝蓬,愿每周和你分享最新设计趋势、科学设计方法、品牌插画教程、以及在智能化来临的时代,设计师如何找到自己的定位和价值


本篇文章来源于微信公众号: 我们的设计日记