设计分享,色彩篇:太白互联带你了解迷之渐变色

作者:太白互联

1431585b7b7ca801219c779d2321.jpg




渐变色是指某个物体的颜色从明到暗,或由深转浅,或是从一个色彩缓慢过渡到另一个色彩,充满变幻无穷的神秘浪漫气息的颜色。


色彩带给了我们不同的感受和情绪,渐变色则带给了我们更多的想象空间。


合理的使用渐变色可以吸引用户视觉焦点、渲染氛围、提升美感、传递情绪等,而想运用好渐变色,需要有更好的色感,在色彩搭配和透明度上多下功夫。


纯粹的渐变色使得色彩更生动缓和,不单调,可以丰富整体设计感,却又不会增加视觉负担,用户可以浏览到更舒适的设计而不会觉得沉重。同时一些更精美的图形,现实中的照片等,如果配合低透明度的渐变色,则可以更好的增强图片本身的氛围,或者解决某些图片本身的视觉缺陷,甚至可以为图片带来耳目一新的感觉。



一、纯渐变色作为背景的应用:


01.蓝绿渐变作为背景,商务、沉稳、安全的蓝色和新颖、生机的绿色相结合,耳目一新,轻快的渐变色再配合波动的粒子效果,更加凸显文案“重新定义应用开发”的概念。

58ce58098a85a84a0e282b6df1e2.jpg








02.相对低饱和度的紫色到橙黄色的渐变作为太空背景,不过分抢眼,区别于真实的太空情形,紫色的神秘和橙黄色憧憬更加增加了画面的趣味性和想象力。

512358098a95a84a0d304f372ae7.jpg



03.大面积的白色,超简约优雅的风格,此刻清新素雅的蓝绿渐变色块充当了一部分素材效果,同时可以很好的吸引浏览者,引导之视觉焦点到页面中间的内容,配合时尚的衬线字体以及整体的排版效果,简单的视觉,设计氛围却更接近完美。

bf3158098aa3a84a0d304fa74218.jpg




04.轻缓的明度渐变背景,融合人物肤色,打破纯扁平的单调感,没有多余的其他元素,整体品质感倍增。

b7ba58098aafa84a0d304f15f5d0.jpg







05.同样轻缓的同色系的渐变背景,使得原本多色彩的列表不再单调,且更舒适新颖。

b33e58098abba84a0e282bb7175a.jpg





06.红色和橙黄色的暖色系渐变,让背景更细腻,舒服,简约的内容和精美的时钟设计让整个画面舒适自然又不缺亮点。

611e58098ac5a84a0e282be728d9.jpg





二、不同透明度的渐变色作为遮罩层的应用:


07.背景传递的喜悦氛围,而高饱和度的蓝色透明渐变使用增强了这个氛围,同时可以让整个画面的设计气息更浓,而图片本身的多元素内容,被遮罩之后,部分元素弱化,使得页面内的信息展示更为清晰。

c93958098ad0a84a0e282b72a8c3.jpg





08.低饱和度的渐变色可以弥补图片本身不具备的色彩氛围,可以丰富设计感,同样可以更好呈现左侧文案,而右侧无文字内容,视觉自然落到渐变色背后的主图上。

adb958098adba84a0e282b1be2ae.jpg




09.作用在人物上的渐变,让人物和背景渐变更切合,整体时尚的气息更浓,配合亮白的文字,干净舒适,内容突出!

328e58098ae6a84a0d304f7f9d66.jpg




10.不同的状态需求和内容时不同的透明度处理,既可以保留图片所传递的更自然贴切的信息,又能规避图片过于明显的抢眼效果,青紫色的渐变增强了画面的时尚香艳的氛围。

2d5858098af0a84a0d304ff49173.jpg



结语:不同的色彩有不同的情感传递,而什么时候选择更适合的色彩渐变,需要考虑到当前的主题内容是什么,而不同的尝试和探索或许也会有更多意想不到的效果,本文列举了一些不同情形下的渐变色使用,但篇幅有限,也欢迎有兴趣的小伙伴更多的补充和更好的建议,谢谢!



一起聊一聊
以上信息让您对我们有初步的了解,有兴趣一起坐下来聊聊,畅谈人生、商业、品牌价值如何完美契合。
©️2020 太白互联 www.taibaihul.com All Rights Reserved.
项目咨询电话:13956965902
上海网站建设  上海网页设计  上海系统开发 上海app界面设计 上海平面设计 上海商城设计开发 上海网页制作 上海分销系统开发 上海网站设计 上海网站开发
上海网站制作  上海网页开发  上海程序开发 上海app设计制作 上海vi设计 上海商城设计 上海小程序设计 上海极速建站 上海模版定制 上海模版建站 上海UI设计
上海企业网站设计 上海企业网站制作 上海房产网站制作 上海游戏开发 上海游戏界面设计 上海网站后台程序开发 上海oa系统开发 上海物流系统开发 上海网页视觉设计