你有沒有注意到最近正在“興起”的一種“黑暗系”設計風格模式？設計師們正在嘗試一些更有趣、偏向于黑暗的設計模式，并且將這種模式以及風格融入了動畫元素中。

這些動畫可以是簡單的單個動作，或是比較復雜的進行多個元素或路徑的動作，盤旋效果和完整的電影體驗。現在，讓我們深入了解這個網站設計趨勢，并探索一些可以使它成為你項目中一個亮點的方法。

1.關于這個趨勢




暗系風格動畫是一種將兩種元素結合在一起的趨勢——一個是黑色單色調色板，而另一個是很酷的動畫效果。其結果往往是令人驚嘆的分層設計，微妙但表現出一種獨特的個性。

盡管這一趨勢在實際的網站設計中項目中并不好使用，而且在移動端的用戶體驗上并不能做好完美的適應，但這種視覺模式的驅動因素是興趣的建立。由于黑暗元素的存在，用戶不得不專注于設計的內容。

當用戶看到動畫元素并開始尋找其中微妙的變化和影響時，就會產生一個神秘的因素來驅動用戶與這些元素進行交互或接觸。然后，接下來會發生什么呢？

每一種網頁設計都有不同的組合方式。沒有哪種特定類型的動畫效果是最好或最值得推薦和使用的，也沒有哪種固定的顏色必須使用，盡管很多設計都偏向于使用豐富的黑色和灰色。

動畫其實可以像懸停效果一樣簡單，也可以像專門制作的視頻一樣精致。

它之所以能起到作用的原因是因為它在用戶之間喚起了一種神秘感，并且用戶想要解決這個神秘的問題。

2.為什么它能發揮作用



實際上，我們很難解釋為什么這種設計趨勢如此有效。尤其是當你在沒有看到實際的網站設計項目的情況下思考這個問題時，你不會想到暗系風格的動畫模式會獲得成功。

· 沒有太多的顏色。

· 只有非常小的對比元素。

· 這些設計簡直太簡單了。

但也許這就是為什么這一趨勢行得通的原因。它打破了規則，而這些元素足以吸引用戶走進你的設計。

另一個因素是，黑暗系總是和“神秘”這一關鍵詞緊密相連，并且，人們總是喜歡神秘的事物。他們希望自己能夠看到其中隱藏的元素，或者解決一個復雜的問題。帶有動畫效果的暗色方案為用戶提供了一種解開謎團的“原始沖動”。

這些項目也有明顯的情感吸引力。基于黑暗的顏色在情感方面總是表現為喜怒無常的。這些調色板的顏色變化是復雜而有趣的(無論如何，從設計的角度來看)。這種富有深度的元素很難表達，但值得探索。

綜合所有的情感和神秘感，你就能知道為什么用戶會被這種視覺模式吸引。

3.它不一定只能是黑的



雖然大部分相關的設計都是采用黑色的調色板，但它們并不是硬性要求。

其他深色的色調同樣也可以很有效，同時，它賦予設計師創造一個不同于黑暗動畫設計的能力，并能夠將色彩調色板結合與客戶的品牌色基礎。

無論你最后選擇何種顏色，制作這些動畫的關鍵在于豐富的色彩選擇。一種混灰色調(混合一種顏色和灰色)或混黑色調(混合一種顏色和黑色)可以為單色調色板提供一個不同的范圍(你可以參考上面案例中FedEx設計中不同的紫色)。

雖然對比不是這個設計趨勢的重點，但它很重要。在單色設計中如果沒有足夠的對比度，動畫就會迷失在背景中，使設計無效。

4.一些“預防點”

這種設計趨勢并不適用于所有的網站設計項目，而且很難有效地做到這一點。暗系風格動畫或背景也有一些你需要“預防”的缺點:

· 在移動設備上，這并不是很好的選擇；

· 一些固有的兼容性或可訪問性的問題；

· 有些用戶可能沒有足夠的視覺興趣；

· 這對導航和呼叫行動按鈕可能具有挑戰性；

· 環境條件，比如燈光等會使設計更加難以看到；

· 一些用戶不會接受這種“嚴肅”的氛圍；

· 用戶可能很快會對設計感到厭倦，減在站點停留的時間。

5.關于嘗試這個設計趨勢的一些提示




如果你并不害怕這個設計趨勢可能帶來的挑戰，并且有一個能夠與暗色調動畫設計方案相匹配的網站設計項目的話，那么你可以做一些事情來幫助確保項目的成功。

· 堅持單頁/單屏設計：太多的時髦的設計元素會讓人難以承受，如果你打算使用這個概念，請將其限制為一個單頁或只是在一屏上展示。

· 使用對比色：白色文字在黑暗背景下非常有效，其他元素也一樣。確保有關按鈕、導航元素、消息和操作的元素很容易被看到或識別。雖然動畫和背景可能沒有明顯的差別，但其他元素必須易于識別。

· 簡化動畫：過于復雜的動畫可能會破壞設計的整體。堅持簡單的動作和效果，不要太快。

· 分層設計：使這個概念工作的最終因素是分層設計。在背景和動畫元素之間建立分離，使之具有真實的感覺。分層還將幫助你規劃足夠的對比度以使元素可見。

· 使用粗體文本：文本元素不僅僅只是包含大量的色彩對比，你可能需要使用一個醒目的粗體，以確保文本不會被“掩蓋”于設計中。它應該跳出來，用粗體來強調文字，簡單的筆觸來確保字體的可讀性。

6.接下來呢？



與任何設計趨勢一樣，這個趨勢將在接下來的一段時間里繼續發展。雖然我們無法預測接下來會發生什么，但有些設計卻提供了線索。

在虛擬現實世界中，暗色和動畫可能是一個有特色的設計，VR是目前游戲和視頻的主要發展領域，它已經使用了大量的暗色。

這一設計趨勢可能非常適合一些類型的項目，比如新的Blair Witch項目中的視頻預告片/游戲網站。

黑暗配色方案已經存在一段時間了，但這一新的與類似彩色動畫的轉折是有趣的。它往往是設計師們絕對會感興趣的趨勢之一，這一部分是由于它給用戶帶來的挑戰，而不是因為它的喜怒無常。

無論通過哪種方式，這種風格都被更頻繁地使用。雖然它對僅僅對于某些類型的項目很有效，但它可能是混合設計的一種有趣的方式。在你選擇將一個暗系風格動畫設計加入你的項目必備元素清單之前，先嘗試使用幻燈片效果或簡單的一些交互動作，看看用戶是否能夠接受，然后在決定是否需要更完整和針對性的使用它們。