望天,渐变色彩灵感库就在我们的头顶的天空上 - 优设网 - UISDC

望天,渐变色彩灵感库就在我们的头顶的天空上

2017/12/18 13898评论区

如你所知,渐变已经成为UI和网页设计中相当常见的一种设计元素了。但是,值得注意的是,诸多渐变色彩当中,有的看着还行,而还有很多看着会让人觉得特别奇怪。换句话说,有的看着很「自然」,而另外一部分则「不自然」。想想看,当我们还没开始做设计的时候,我们有上十年的时间看各种各样的自然风景和相关的图片,我们大脑皮层中或模糊或清晰地记录着关于「自然」渐变的信息,这是我们感知到渐变好坏的一个隐性但是客观存在的标准。我们会认为接近于自然渐变的色彩是漂亮的,相反,并不那么贴近自然的渐变色会让我们感觉不安,或者不适。

我们的眼睛能够识别配色组合是否“真实”。我们对于天空的色彩有着相当深入的认知,但是我们绝大多数时候都没有注意到它,因为它太常见了。但是我们时时刻刻都在受它的影响,因为它的色彩包裹着我们周围的一切。当我们发现蓝色几乎是目前最受欢迎的色彩的时候,很多人都为此感到疑惑。但是答案其实就在我们头顶。

尽管如今的雾霾和光污染很严重,它们影响下的都市天空下,依然会产生漂亮的日出和日落的光影和场景。

如果你离开熙熙攘攘的人群和水泥森林,在高山、河流和森林之间流连,会很快意识到,没有污染的感染,自然的景观到底有多么美妙。不同色彩的组合和真正让人欲罢不能的各种渐变的色彩,会让我们大脑中对于自然的感知完全唤醒,在美景中重新恢复对大自然的谦卑。

这个时候就不得不说,在很多设计中所能看到的渐变,本身就说不通。从红色到绿色的渐变就是一个相当典型范例。两者都是非常明亮的色彩,而在大自然中你根本见不到这样的渐变。相反,在不同的天气不同的地域,我们会在天空中看到橙紫渐变,紫红渐变,蓝紫渐变,这样的色彩会显得自然得多。

另外一个不自然的渐变色彩组合是橙蓝两色的渐变,同样的原因,自然界中不存在这样的渐变,因为这样的渐变没有红色和紫色作为中间的过渡色,将橙色和蓝色放在一起,显著的对比会导致它们看起来充满了对抗性,加入了过渡色之后,这种情况则会好很多。橙色和蓝色之间的对抗是激烈的,但是橙色过渡到红色,再过渡到紫色,进而转变为蓝色,这就和落日时分的天空很接近了。

如何找到真实而漂亮的自然渐变

回归自然,寻找真正让人赏心悦目的渐变色吧。具体来说,在不同的图片中获取天空的色彩变幻规则。通常而言,我们在天空中看到的是蓝色和红色,但是实际上色彩的变化比这个要多得多。云朵和光照的微妙变化,太阳所处的位置,你所看到的天空每时每刻都是不一样的。天空从来不会因为各种因素的变化而显得违和,包容万象使得它变化万方。比起我们的艺术家的创造,天空能给我们带来的灵感是如此之多。

天空中明亮的色彩渐变

如果你有意识去搜集各种天空相关的图片,会发现天空的色彩是如此的多变。橙色,黄色,紫色,红色,蓝色,各种排列和渐变的方式,没有一个重样的。在热带地区你所看到的日出和日落是如此的漂亮和精彩,但是在温带,你所看到的天空又是如此的诗意。

你可以在这些图片当中看到明亮的渐变到底有着多棒,如果你参考它们来取色,应用于设计应该会非常不错。

微妙的天空渐变色

在清晨和黎明时分,你可以观察到最美丽的渐变配色。每一种渐变色的搭配仿佛都是独一无二的。在选取这些微妙的渐变色的时候,注意色彩转变的过程。

因此,在必要的时候,借助天空中色彩的渐变,找到真正适合你设计的色彩搭配。

在UI中使用这些渐变色

天空的渐变色用来做背景,能够带来非常优质的用户体验。当我在做天气类APP的概念设计的时候,我就将这些源自天空的渐变色用来制作背景。当你看到这些背景的时候,会有一种面对天空的感觉。你会从色彩中判断时间,甚至能够体会到炎热、潮湿、雨水甚至雾气。适当地结合Material Design 所提供的调色板,渐变色在UI设计中,应该会大放异彩。

【这些趋势好文,让你的设计走到用户心里】

  1. 《这3种独特的趋势,能让网页设计增色不少》
  2. 《2017年最后几个月,网页设计师值得注意的趋势》
  3. 《这3个流行趋势虽然好,但依然要注意这些细节》
  4. 《看了那么多的设计趋势,你知道怎么落地实践吗?》

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/secret-of-great-gradient

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计师干货 扁平化设计 版式设计 交互设计师 界面设计 排版布局 优设大课堂 职场 优设专访 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 用户体验设计 设计趋势 设计规范 海报设计 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里