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

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

暗色匹配+動(dòng)作效果

美達(dá)

因佩羅

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

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

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

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

當(dāng)然，這種設(shè)計(jì)趨勢(shì)的核心是營(yíng)造一種神秘感。

運(yùn)作機(jī)制

Garden8

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

配色方案中的顏色不會(huì)太多

幾乎沒(méi)有任何明顯的對(duì)比

整體設(shè)計(jì)看起來(lái)非常簡(jiǎn)單

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

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

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

它不一定是黑色

聯(lián)邦快遞軌

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

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

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

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

這是趨勢(shì)的限制

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

移動(dòng)端的顯示通常是

或多或少的可訪問(wèn)性問(wèn)題

對(duì)某些用戶來(lái)說(shuō)不夠有吸引力

導(dǎo)航和CTA元素放置不當(dāng)

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

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

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

使用時(shí)的注意事項(xiàng)

Formigari

偉大的

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

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

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

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

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

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

接下來(lái)會(huì)發(fā)生什么？

Blairwitch

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

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

結(jié)論

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

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

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