好像沒有別的了，2018年在網站設計上注定是充滿色彩的一年。色彩趨勢幾乎主導了有關設計的主要討論，將更明亮、更大膽的色調作為視覺的重要組成部分。

有一種新的顏色使用趨勢，將更多明亮的顏色選項結合在更大的調色板上，你可能已經猜到了——那就是彩虹色，這是對的，更多的設計師正在嘗試改變，將鮮艷的彩虹色，漸變色融入到網站設計項目中。不可否認，它很酷不是嗎？

接下來，我們將嘗試討論這一趨勢以及一些關于如何使用不花哨的彩虹色的一些思路。

1.彩虹色的動態漸變



自從Spotify進入這個領域以來，它一直在塑造設計趨勢，并且每次都突破了設計的界限。音樂網站不斷更新和改變其網頁設計，并使用微網站來突出特定的流派和藝術家。

The London Grammar Moodmix在其網站設計上嘗試使用了一個時刻在變化的“顏色團”來吸引用戶的注意。動畫很有趣，會讓你想要伸手去觸摸它。這就是彩虹色動態漸變的目標。這里有一個“小心機”可能你已經發現了，那就是號召行動的按鈕恰好在這些時刻變化的顏色的中間。

結果是通過一個簡單的設計以一個有趣的動畫效果為表現形式，將有效的引導用戶正確的達成目標。



2.顏色與黑暗





彩虹色可能很難使用，因為在對比度上存在一定的困難。不過把明亮的彩虹色色調放在深色的背景上可以解決這些問題。

通過對比，明亮的色彩幾乎會從黑暗的背景中跳脫出來。

在網站設計與開發領域另一個總所周知的名字——Github，正在使用彩虹色來為他們增添一些活力。這個簡單的網站使用了一個有趣的彩虹色樣式的標志，并通過號召行動按鈕來吸引用戶購買門票。這個設計與其他許多彩虹美學的不同之處在于，它的設計非常平坦，而且沒有使用漸變的顏色。logo中的每一行都是不同的顏色。唯一的漸變他們使用在號召行動按鈕上。

在黑暗的背景下，Savee正在嘗試從另一個方向上使用彩虹色。通過使用許多明亮顏色的圖像來創建一個讓人有彩虹感覺的馬賽克效果。雖然大多數使用彩虹色的人都有從紅色到黃色到綠色到藍色的成長過程，但事實并非總是如此。彩虹色調色板可以是任何有廣泛色彩使用的東西。



3.微妙的顏色



有時，彩虹風格的最佳應用不僅僅只是強烈到好像要從屏幕中脫離出來一樣。Southwest使用一個帶有彩虹色調的微妙的調色板。

這個有趣的選擇幾乎與今年其他許多顏色趨勢背道而馳，結果卻令人耳目一新。你注意到這個網頁設計幾乎是因為它和其他網站的設計完全不同。

即使使用更柔和的彩虹色調色板，也要強調背景和前景元素之間的對比，以確保每個元素都很容易閱讀和被識別。這是彩虹風格設計中最常見的問題——沒有足夠的對比度和可讀性。



4.彩虹色logo


考慮使用彩虹色做為一個簡單標志的基礎色。這可能是彩虹色最困難的使用，但卻有驚人的效果。

這是一個很有挑戰性的想法，因為你在幾乎所有的地方可能會使用同一個logo。選擇彩虹色可能對那些在應用程序中不使用logo的小品牌最有效，當顏色都不起作用時，你肯定也想要一個輔助選項。

Richard Gazdik為他的作品集網站和隨后的導航上使用了彩虹色logo。這幾乎完全歸功于他的logo的拼寫字母——RGB——以及與所選顏色的關系。不是每個人都能有這個幸運，但它展示了一個明亮的顏色logo是如何在一個簡單的網頁設計中有效的傳達和發揮作用的。



5.將顏色作為焦點






彩虹色對于網頁設計來說，可以是吸引用戶的一個具有強烈的第一視覺印象的元素。

但彩虹色的使用上需要有一個平衡點，否則可能會讓用戶選擇離開。還記得上世紀90年代末和21世紀初的一些網站設計嗎？當時幾乎每個網站上都使用了明亮的色彩，到處都是(眨眼)。這種彩虹色的處理方式可能是災難性的，會把用戶嚇跑。

Lonsdale通過使用一段令人著迷的彩虹色的流動液體循環視頻正好相反。運動和顏色的變化是大膽的，讓你不覺想要注目。

Colour Code采用了另一種顏色鮮艷的方法。在整個設計過程中，顏色用于將視覺焦點拉到屏幕上的產品上——手機和手表顯示應用程序。



6.創建一個迷人的背景


黑色背景上擴散的漸變色混合流動液體

漸變色不規則運動色塊

液體動畫，墨跡風格，移動的色彩泡泡。作為背景元素，彩虹色可以幫助為項目設置基調，并推動用戶參與。

雖然很多這些背景元素都有動畫或視頻形式的應用，但他們并不需要這樣做。在擁有彩虹色背景的網站設計中，最常見的是包含在主頁上，或者在滾動的背景上，這樣不會顯得網站過于的“繁忙”。

當涉及到參與的時候，這是一個很好的技巧。對于用戶來說，有一件事是可以聯系的，可以引導他們去了解更深層次的內容。



7.更多漸變的技術





彩虹色可能是今年另一種顏色趨勢的延伸——漸變的回歸。

嘗試使用漸變疊加來制造一種彩虹色的視覺感。選擇從紅色到藍色的顏色變化，比如：SpicyWeb，或者選擇一些比較時髦的顏色，比如：Talkd。

不管怎樣，使用漸變可以是一種有趣的為你的網站設計添加顏色的方法。它可以全屏應用或使用在更小的元素上。漸變也可以幫助你把品牌顏色融入到彩虹風格的顏色方案中。



8.強調不同的東西



在你的設計中使用彩虹色的趨勢來突出一些不同尋常的或不同的東西。因為彩虹色本身就具備了非常吸引眼球的特質，它們可以幫助引導用戶使用非傳統的瀏覽模式，將眼睛吸引到特定的內容或部分屏幕上，或者幫助加深用戶點擊的欲望以及轉換率。

Jony Guedj在其網站設計的導航上使用了顏色元素。你很容易發現它們的菜單元素并不是按照通常的方式組成的，將導航置于屏幕的底部，只有滾動操作才能顯示不同的內容。雖然這種類型的設計不會被建議，但它在這里卻發揮了作用。彩虹色吸引用戶與它們建立交互行為，幫助人們了解如何使用這個網站。

總結

使用彩虹色的趨勢可以幫助你的設計變得更有趣和充滿活力。

如果顏色讓你感到有點不舒服的話，那么使用這項趨勢就更具挑戰性了。但是從一個彩虹色元素開始，看看它是如何工作的。大多數設計師在實際的工作中并沒有把整個網站完全變成“彩虹設計”，他們使用彩虹色來創造有效的視覺效果，以此來吸引用戶，這很可能是這種趨勢出現并在一定范圍中被采用的原因。