“漸變是引人注目的鮮艷色彩秀存“鳎”
這句話在1995年可能是真實(shí)的，回想當(dāng)年網(wǎng)頁設(shè)計(jì)師想在他們的網(wǎng)站上增加某個(gè)獨(dú)特的元素時(shí)跃惫，使用漸變來擴(kuò)展他們的色彩方案。還記得90年代艾栋，我們?cè)趯W(xué)校用“Word-art”來讓演講看起來更專業(yè)爆存，實(shí)際上，以現(xiàn)在的標(biāo)準(zhǔn)蝗砾，這是錯(cuò)誤的先较！但你知道嗎？也許悼粮，流行是個(gè)環(huán)闲勺，可能我們正朝著正確的方向前進(jìn)。
如今扣猫，漸變被用于大膽的表現(xiàn)和引導(dǎo)用戶情感菜循，幫助用戶聯(lián)想到產(chǎn)品或某個(gè)想法。在2017年申尤，整個(gè)世界都對(duì)從一種色彩向另一種色彩的過渡感興趣癌幕，除非有人像2016年在他們的品牌重塑中那樣玩壞了這種趨勢，否則這一趨勢不會(huì)很快停止昧穿，像Instagram這樣的規(guī)模的產(chǎn)品也陷入這個(gè)潮流中勺远。但是......提到漸變，不能不說Spotify时鸵，他在播放列表中將漸變與情感融為一體胶逢。
這一切是如何開始的？
我們必須回到2014年饰潜，那時(shí)正流行扁平設(shè)計(jì)初坠。谷歌也推出了“Material design”設(shè)計(jì)風(fēng)格，Windows也推出了“Metro”彭雾。與當(dāng)時(shí)風(fēng)靡一時(shí)的寫實(shí)風(fēng)（skeuomorphic）設(shè)計(jì)相比某筐，它看起來很酷且令人耳目一新。這樣的設(shè)計(jì)在低分辨率移動(dòng)設(shè)備顯得特別干凈冠跷，但是南誊，唉身诺，我們受到各種顏色的限制，同時(shí)隨著高分辨率移動(dòng)設(shè)備的出現(xiàn)抄囚，而且人們的審美也不盡相同霉赡。
你能說出20多種平面顏色嗎？
我敢打賭你不能幔托。扁平風(fēng)的顏色是有限的穴亏。
漸變使設(shè)計(jì)師可以通過大膽混合顏色創(chuàng)建感覺新穎的東西。一種在你混合之前并不存在的顏色重挑，一種看起來獨(dú)特嗓化，現(xiàn)代和令人耳目一新的顏色。你會(huì)發(fā)現(xiàn)自然界到處都有梯度谬哀，每一片水果刺覆，你看到的每一片葉子都有一個(gè)漸變，從淺色到陰影中的陰影史煎。當(dāng)你遠(yuǎn)離地平線時(shí)谦屑，天空始終有一個(gè)從不飽和色調(diào)到更飽和色彩的漸變。漸變看起來是明顯的平鋪方式篇梭，從2015年的漸變開始氢橙，在2017年帶來了全面的異國情調(diào)和飽和色調(diào)的深度感。
那么2018年漸變的復(fù)蘇有什么大驚小怪呢恬偷？
2018年的漸變
它已經(jīng)被 Behance 設(shè)計(jì)社區(qū)稱為“漸變2.0”悍手。你必須走出你的舒適區(qū)。現(xiàn)在是時(shí)候做出冒險(xiǎn)的決定了袍患，勇敢地拋棄你用來敬畏客戶的藍(lán)色∥焦叮現(xiàn)在每個(gè)人都開始大膽使用各種顏色，看看Dropbox的新品牌协怒，就可以在不重新設(shè)計(jì)標(biāo)志的情況下引入大量顏色打造酷炫的新品牌視覺涝焙。
不像去年隨處可見那些吸引眼球的漸變。這次我們不會(huì)看到彩虹般的世界孕暇。漸變不會(huì)隨意的用在前景上仑撞，在背景上也會(huì)看到漸變色的使用。它們最終將成為一個(gè)自然的設(shè)計(jì)元素妖滔，為作品帶來更多的深度和維度隧哮。隨著網(wǎng)站和設(shè)計(jì)師嘗試在設(shè)計(jì)中融入更多真實(shí)感，沉浸感和三維元素座舍，虛擬和增強(qiáng)現(xiàn)實(shí)技術(shù)可能會(huì)推動(dòng)這一趨勢沮翔。
這里有幾個(gè)來自業(yè)界的證實(shí)這種信念的例子 -
Pantone色彩研究預(yù)測全球色彩趨勢，并建議色彩公司用它們來創(chuàng)建自己的品牌標(biāo)識(shí)曲秉。今年他們選擇了神秘的紫色作為一年的顏色采蚀。
另一個(gè)例子是在與醫(yī)學(xué)和健康相關(guān)的文章的插圖中使用梯度作為背景疲牵。這里使用漸變來創(chuàng)建一個(gè)伴隨深度的情緒。
如果你還不確定榆鼠，請(qǐng)看下面的插圖纲爸。使用漸變?cè)黾恿松疃龋黾恿顺鞘械囊雇眵攘Α?/p>
在我們繼續(xù)前面的最后一個(gè)例子妆够∈独玻看看sphynx用他們選擇顏色和使用大膽的漸變色做出的表述。
關(guān)于創(chuàng)建漸變的小Tips
通過使用兩種或更多種色調(diào)來創(chuàng)建漸變梯度神妹，以在它們之間逐漸淡化顏色偏移來繪制一個(gè)元素颓哮。當(dāng)我開始學(xué)習(xí)如何創(chuàng)建漸變時(shí)，我會(huì)分享我下我的拾色技巧和想法鸵荠。
不要隨意選擇顏色
你不會(huì)想讓你的用戶覺得你選擇的顏色是隨機(jī)的冕茅，是沒有任何想法使用的。你可以使用漸變來傳達(dá)變化腰鬼，引導(dǎo)用戶的注視嵌赠。選擇一種明亮的顏色塑荒，讓觀眾看到它熄赡，選擇一種暗色過渡，可以創(chuàng)造形狀感齿税，或者是一種沉悶的色彩彼硫，以減少視覺重量。但在選擇顏色時(shí)請(qǐng)記住一些事項(xiàng)凌箕。
從色輪選色拧篮。選擇彼此接近的顏色相比于位于相反側(cè)的顏色或甚至接近互補(bǔ)的顏色，可保證顏色過渡更和諧牵舱。原因是：他們抵消了彼此的亮度串绩，這與在顏料顏色中混合兩種互補(bǔ)色調(diào)時(shí)發(fā)生的情況相同，并最終獲得了中性色芜壁。參見下面的圖1.2 - 在從明亮的綠色色調(diào)到明亮的紫色色調(diào)的過渡期間礁凡，你會(huì)看到深色不飽和的綠色。
更簡單的方法是選擇顏色輪上彼此更接近的顏色（圖2.2）慧妄。但你的品牌或營銷團(tuán)隊(duì)被色輪局限顷牌，那怎么樣？
3點(diǎn)梯度漸變
在原始兩種顏色之間大約一半的位置在漸變中添加第三個(gè)點(diǎn)∪停現(xiàn)在用色彩更美觀的色彩（最好是色輪中兩個(gè)光圈之間的顏色）替換漸變過渡上的暗色（圖2.3）窟蓝。你會(huì)看到更平滑的漸變。另外饱普，當(dāng)你知道如何避免沉悶的灰色意味著你有更多的顏色可選运挫。
另一個(gè)提示状共，沒有多少人注意到這一點(diǎn)。當(dāng)您創(chuàng)建從純色到透明色的漸變時(shí)滑臊，也就是淡入淡出效果口芍。確保兩個(gè)站點(diǎn)具有相同的顏色，如圖3.1中所示雇卷，不同的顏色意味著在中點(diǎn)處鬓椭，50％不透明度漸變時(shí)出現(xiàn)色彩過渡，這將導(dǎo)致視覺效果沒有那么流暢关划。
舉一反三小染，可以在漸變中創(chuàng)建可以多添加的停止位置，創(chuàng)建更多控制點(diǎn)（圖像4.2）贮折，或者如果您有Adobe illustrator?全力以赴裤翩，并嘗試使用網(wǎng)格工具來更好地控制顏色甚至方向，從而打造更多可能性（圖4.3）调榄。
仍然對(duì)從哪里開始感到困惑踊赠？
最佳的開始地點(diǎn)將是自然。環(huán)視四周每庆。大自然擁有最好的例子筐带，你必須相信數(shù)以百萬計(jì)的藝術(shù)家和設(shè)計(jì)師，他們對(duì)于周圍的一切都非常著迷缤灵。顏色無處不在伦籍，只要你有發(fā)現(xiàn)美的眼睛。
當(dāng)我創(chuàng)意枯竭時(shí)腮出，我總是回歸大自然帖鸦。當(dāng)我到山上旅行時(shí)，我拍攝了許多照片胚嘲，并用它們制作我自己的自然色彩調(diào)色板作儿。我的同事設(shè)計(jì)師最近寫了同樣的東西 - 為什么每個(gè)設(shè)計(jì)時(shí)都需要發(fā)現(xiàn)美。
這里有一些插圖是我用自然界的靈感創(chuàng)作出來的馋劈，
在最近的一個(gè)攻锰，我使用漸變的背景色打造聚焦效果。
我希望這篇文章能夠幫助你學(xué)習(xí)有關(guān)漸變的新內(nèi)容侣滩，以及如何使用它們來創(chuàng)建更好的插圖口注。我堅(jiān)信2018年漸變會(huì)再次流行，并且2018年的漸變會(huì)更有趣君珠。
這里有一些工具可以幫助您了解有關(guān)漸變的更多信息寝志，
Paletton?(我最愛的漸變模版生成器)
Webgradients?(大量的漸變)
Grabient?(更多漸變)
CoolHue?(更多漸變)
ColorSpace?(值得推薦的色彩模版和漸變色彩生成器)
Wave Gradient Generator?(這個(gè)能幫助你理解多個(gè)色彩漸變是怎么生成的)
