英雄區使用單色的設計趨勢

已發表: 2020-05-01

這些天來,我們使用顏色的方式似乎發生了很大變化。 就在幾個月前,我們還在討論在界面的許多細節中看到的充滿活力的配色方案,從英雄區域的基於漸變的重疊層開始,到分散在整個頁面中的明亮、粗體的號召性用語按鈕結束。

今天,我們看到了向單色解決方案的小轉變。 雖然它們並不像你想像的那麼單調,但它們感覺有點不同。 與我們習慣看到的相比,它們更加成熟和復雜。

讓我們看一下這種技術在野外的一些令人興奮的例子。

MUG 有一個最小的英雄區域。 它只包含重要的東西——比如菜單、標識和標語。 然而,它根本不是原始的。 有一個大的動畫字母“U”應該讓人想起放在背景中的杯子,給設計帶來熱情。

還有那塊純淨、乾淨、幾乎是霓虹綠色的帆布。 這真是太棒了。 它立刻抓住了眼球,給人留下了深刻的印象。 它使整個設計流行而不會壓倒讀者。 它看起來很現代。 最重要的是,它與整體設計完美契合。 它支持動畫,增強其影響力。 同時,讓位於最細微的細節——比如漢堡菜單圖標。 它還促進了和諧與平衡的感覺。

在這裡,單色調背景是設計中不可或缺的一部分,具有發言權。 因此,單色英雄區域看起來非常有趣且引人入勝。

杯

Omnium 區塊鏈

就像前面的例子一樣,Omnium Blockchain 背後的團隊也將目光投向了一種基調,那就是藍色。 選擇並非偶然。 每個人都知道藍色與可靠性、責任感和權威性有著廣泛的聯繫。 它像手套一樣合身,散發出商務氣息。 它試圖在一個頗具爭議的領域激發信任並贏得客戶。

單色解決方案將主題結合在一起,不會讓人分心。 它對項目的整體形象和總體印像做出了重要貢獻。

Omnium 區塊鏈

創意天篷

我們的系列中還有另一種藍色,但這次情況更加複雜和錯綜複雜。 Creative Canopy 是一個很好的例子,單色解決方案是網站美感的核心。

與以前的入門書不同,它不僅具有帶有隨意放置的 UI 元素的干淨畫布:它是一個完整的插圖。 有不同深淺的藍色用於賦予圖片深度和多樣性。 一點也不覺得無聊。 由於一個聰明的想法和奇妙的實現,它引起了人們的興趣。 更重要的是,這種方法貫穿於整個主頁——創造了用戶體驗的一致性。

創意天篷

Dix4 機構

在使用重疊圖層時,單色解決方案始終處於領先地位。 以 Dix4 Agency 為例。 在這裡,英雄區域豐富了一個額外的色彩層,以其獨特的風格襯托設計。

有各種各樣的彩色圖層每秒都在變化,讓事情變得更加令人興奮。 這是一個帶有扭曲的單色區域,是整個主題的核心部分。 這種方法也可以在其他領域看到,帶來無處不在的積極情緒。

Dix4 機構

一四

支持ONEFOUR設計的團隊也採取了同樣的路線。 就像 Dix4 Agency 的情況一樣,創意人員不會只堅持一種語氣。 他們使用各種色調來吸引遊客與不斷變化的背景。

從黃色到藍色,這幅畫布以美麗的色彩讓圍觀者興奮不已。 這個技巧在這裡很有效,因為英雄區域缺乏細節,而且空氣新鮮。 它當然需要一些香料才能名副其實,而且該解決方案可以在不破壞其極簡主義的整體美感的情況下節省一天的時間。

一四

MST 機構

MST Agency 背後的團隊不僅僅使用單調的圖層或背景,他們在整個場景中都使用它來打動訪客。 他們網站的歡迎部分使用傳統的滑塊與觀眾見面。 每張幻燈片都是一個組合,其中一個音調統治著棲息地。

場景的所有細節都一味地服從它。 這個想法很有趣。 你可以看到一定的構圖和諧。 看起來無聊和看起來很棒之間的界限是如此之細,以至於它激發了靈感。

MST 機構

三59

Three59 使用美麗的深灰色作為其遊戲的一部分。 它是設定網站氣氛的組成部分。 它有助於界面感覺商務和權威。 而且由於該項目包含動態細節以使用戶體驗令人興奮,因此像這樣強烈的單色背景只是一個理想的合作夥伴。

它為前景元素奠定了基礎,為項目增添了一點活力,並平衡了所有交互細節。

三59

科迪戈

Codigo 是這種技術的典型例子。 它只有一個乾淨的單色表面,作為前景元素的堅實基礎。 它讓位於標語和導航。

這裡有幾點需要注意。 首先,顏色選擇有利於突出標語,使其成為焦點並增強整個地方的可讀性。 其次,它有利於美觀。 它不僅僅是一種原始的紅色; 它看起來很時尚。 你幾乎可以感受到它大膽的個性。 最後,它是品牌標識的一部分,無需任何支持即可獨立存在。

科迪戈

充分利用單一顏色

著色總是過著自己的生活。 它從不遵守 Pantone 制定的規則——至少在網頁設計領域是這樣。 它有自己的趨勢和最喜歡的解決方案。 它具有善變的性質。 有一天,每個人都喜歡明亮而華麗的漸變; 另一天,每個人都沉迷于謙虛和單色的概念。 但有一件事是肯定的,每個人都追求美麗與和諧。

單色英雄區域有其魅力。 儘管他們不能吹噓明亮的“妝容”,但只選擇一種顏色就足以創造​​出具有奇妙美感的出色設計,從而給參觀者留下深刻印象。

當然,有一個陷阱。 單色解決方案可能很無聊。 在這裡,您需要練習您的智慧和創造力,只使用一種顏色,並且所有這些都保持有趣和吸引人。 我們希望以上示例向您展示如何在實踐中做到這一點。