我們每天看到的絕大多數(shù)網(wǎng)站都是基于淺色，背景主要是白色或淺色。有趣的是，在過去兩年中，以黑色為主色或大量深色背景的網(wǎng)站變得流行起來。

這些深色皮膚的網(wǎng)站經(jīng)常被設(shè)計成非常時尚，并帶來許多有趣的效果，例如懸停觸發(fā)的小效果和微妙的視差效果，這使得該網(wǎng)站具有近乎電影的視覺體驗。今天我們將談談這種設(shè)計趨勢。

暗色匹配+動作效果

美達

因佩羅

深色和動態(tài)效果的結(jié)合確實悄然流行：黑色或深色配色方案，具有炫酷的動態(tài)效果。這兩種技術(shù)的結(jié)合創(chuàng)造了一個分層的視覺，創(chuàng)造了一種微妙的情感氛圍和迷人的神秘感。

雖然不是那么容易實現(xiàn)，但移動端的體驗并不像桌面那么明顯，但這種設(shè)計趨勢所產(chǎn)生的視覺體驗仍然非常有趣。暗色方案將使前景元素更加集中，用戶將不由自主地關(guān)注設(shè)計師故意創(chuàng)建的焦點。

在這種神秘的氛圍下，視覺焦點元素的被動焦點將使用戶感到好奇，本頁面下隱藏的內(nèi)容以及接下來會發(fā)生什么。

這種設(shè)計趨勢與其他趨勢相似，只是一個范圍而不是嚴格的規(guī)則。您可以使用黑色作為主色或藍色，并且動態(tài)效果不固定。它可以只是一個簡單的。懸停效果也可以是復雜而細膩的動態(tài)效果，您可以根據(jù)實際情況自行嘗試。

當然，這種設(shè)計趨勢的核心是營造一種神秘感。

運作機制

Garden8

很難完全解釋為什么這種設(shè)計趨勢如此有效。當你只是填充暗色和動態(tài)效果時，很難意識到這種效果的實際效果如此突出?；叵肫饋?，我們可以仔細分析這種設(shè)計趨勢的特點：

配色方案中的顏色不會太多

幾乎沒有任何明顯的對比

整體設(shè)計看起來非常簡單

然而，這些看似簡單的設(shè)計可能會使這種設(shè)計趨勢對用戶起作用。它違反了規(guī)則并吸引了用戶。

使其受歡迎的另一個因素應該是它創(chuàng)造的黑暗氛圍和神秘感。人們總是充滿好奇心，表現(xiàn)出來比打開更加可怕。當動畫與黑暗氛圍相結(jié)合時，更容易喚起訪客的好奇心。

在許多設(shè)計中，我們看到設(shè)計師不僅創(chuàng)造了神秘感，而且還增加了更多的情感指導。不同的情緒在如此神秘的氛圍中發(fā)酵，用戶最終會被這種視覺模式所吸引。

它不一定是黑色

聯(lián)邦快遞軌

雖然大多數(shù)設(shè)計師選擇黑色設(shè)計，但不一定是黑色適合這種設(shè)計趨勢。

其他暗色調(diào)同樣有效，這次是測試設(shè)計師顏色和匹配的能力。

另外，為了使整體色彩匹配和動態(tài)效果協(xié)同工作，必須使色彩足夠豐富。確定主色后，最好在配色方案中加入不同濃度的光線和不同的飽和度，使整個色彩均勻豐富。

雖然創(chuàng)造一個顯著的對比度不在這個設(shè)計趨勢中，但它仍然不容忽視。這種基于深色的配色方案應該盡可能接近單色配色方案，但配色方案中顏色的對比度不夠明顯，令人困惑，而且對比度太強而不夠微妙。

這是趨勢的限制

暗色匹配+動態(tài)效果的設(shè)計趨勢并不適合每個人，也不適合每個項目的實際需求。它也有局限性：

移動端的顯示通常是

或多或少的可訪問性問題

對某些用戶來說不夠有吸引力

導航和CTA元素放置不當

在環(huán)境光不足或不好的情況下，可能難以看到頁面

有些用戶可能不喜歡網(wǎng)站上顯示的情緒

用戶可能會在短時間內(nèi)感到疲倦

使用時的注意事項

Formigari

偉大的

如果您覺得可以控制這種設(shè)計趨勢，那么您可以嘗試在自己的網(wǎng)頁中使用它。但是，必須注意以下事項：

堅持一頁：太多開創(chuàng)性的設(shè)計技巧會讓用戶感到不舒服。太多元素可能會破壞易于創(chuàng)建的感覺，因此請嘗試將其限制為單頁設(shè)計。

使用對比度：白色文字適用于深色背景。其他元素也是如此。對比色可用于需要突出顯示的按鈕，導航元素，信息等。

簡化效果：過于復雜的效果可能會讓用戶感到不舒服。堅持簡單的動態(tài)，以產(chǎn)生更好的結(jié)果。

分層結(jié)構(gòu)：由于需要結(jié)合動態(tài)效果，不同的元素需要在不同的層中，這可以創(chuàng)造逼真的觸摸感。分層還允許設(shè)計人員更好地創(chuàng)建對比并更輕松地管理它們。

大膽的排版：文本元素不僅必須包含對比度，還要通過大膽的排版和排版創(chuàng)建大膽，非傳統(tǒng)的設(shè)計。在確?？勺x性的前提下，使用不同厚度和對比度的字體來營造形式感。

接下來會發(fā)生什么？

Blairwitch

與任何設(shè)計趨勢一樣，暗色匹配+動態(tài)的設(shè)計趨勢將隨著時間的推移逐漸發(fā)展。雖然我們無法知道變化的細節(jié)，但我們總能看到一個方向。

深色的配色方案與逐漸出現(xiàn)的VR和AR的沉浸式體驗具有相同的精神。動態(tài)效應的流行并不是說它更可能比復雜性的進化方向更自然。越來越有趣。

結(jié)論

顏色對設(shè)計的影響無疑是巨大的。深色的配色往往使設(shè)計看起來深沉而神秘，它所帶來的情感將更加不同尋常。如果您希望您的設(shè)計更接近公眾，那么淺色無疑會更合適，而深色則相對更獨立。

另外，不同設(shè)計技術(shù)的結(jié)合，或多或少可以創(chuàng)造出一些新的效果，這種設(shè)計趨勢今天不是這樣嗎？您可以根據(jù)這個想法繼續(xù)探索這個設(shè)計項目的視覺效果。

« 重：在全球權(quán)威IT清單中選擇，飼料車技術(shù)打開智能站新零售 | 開始規(guī)范互聯(lián)網(wǎng)的所有領(lǐng)域？百度推出了雨算法 »