在網(wǎng)頁設(shè)計(jì)中使用粗體顏色的10個(gè)技巧

時(shí)間：2023-07-24 17:06:02 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-07-24 17:06:02 來源：網(wǎng)站運(yùn)營

在網(wǎng)頁設(shè)計(jì)中使用粗體顏色的10個(gè)技巧：用大膽的色彩設(shè)計(jì)是很有趣的。這也有點(diǎn)危險(xiǎn)。大膽的顏色選擇可以喚起情感，吸引注意力，并為設(shè)計(jì)營造恰到好處的氛圍。另一方面，大膽的顏色會(huì)讓人感到瘋狂或失去平衡。用戶立即被顏色吸引或被它關(guān)閉。

以下是在網(wǎng)頁設(shè)計(jì)中使用粗體顏色的幾種方法。我們將介紹如何將個(gè)性和生動(dòng)的風(fēng)格帶入您的項(xiàng)目，同時(shí)保持平衡感和可訪問性，使網(wǎng)站易于使用。

1.創(chuàng)造正確的感覺

顏色可以創(chuàng)造一種直接的感覺，并以許多其他設(shè)計(jì)元素?zé)o法做到的方式將您的網(wǎng)站或品牌與用戶聯(lián)系起來。明亮和大膽的顏色選擇告訴用戶情緒是黑暗、光明還是充滿活力。

大膽的顏色還可以在您的面前發(fā)表聲明，應(yīng)該引起對設(shè)計(jì)的關(guān)注并幫助用戶參與。

一段時(shí)間以來，源自Material Design 調(diào)色板的顏色一直是明亮、時(shí)尚的選擇。色調(diào)充滿活力，以您可能意想不到的方式發(fā)揮作用。

您可以在上面的示例中看到這一點(diǎn)，該示例使用了您可能不期望的廣泛顏色調(diào)色板，但它們可以和諧地協(xié)同工作。

2.突出一個(gè)非傳統(tǒng)元素

大膽的顏色選擇可以將注意力集中在網(wǎng)站設(shè)計(jì)的某個(gè)方面。當(dāng)您可以使用此技術(shù)更好地理解非傳統(tǒng)設(shè)計(jì)元素時(shí)，此技術(shù)非常有效。

上面 Avantt 字體的網(wǎng)站使用了一個(gè)側(cè)面導(dǎo)航元素，如果不是因?yàn)槠聊荒遣糠值难蠹t色背景，這個(gè)元素會(huì)被隱藏起來。大膽的顏色將注意力引向字體名稱和導(dǎo)航元素。

大膽的顏色實(shí)際上是一種可用性工具。

3.突出你是誰

大膽的顏色可以作為網(wǎng)站設(shè)計(jì)中的條帶元素。

上面的霓虹燈顏色選擇是一個(gè)很好的例子，因?yàn)樗鳛橐环N視覺干擾器——具有有趣和不尋常的顏色選擇——將頂角的標(biāo)志與公司名稱聯(lián)系起來。

當(dāng)設(shè)計(jì)的其余部分色彩較少時(shí)，品牌元素的大膽顏色選擇往往效果最佳，通常背景大多為深色或淺色。

4.創(chuàng)建文本元素哇

在另一個(gè)在文本中使用粗體顏色的示例中，即使使用全屏圖像，Superglow 也是上述網(wǎng)站設(shè)計(jì)的主要元素。

粉紅色和黃色搭配飲用的陰影是大膽的。此外，超大字體很難錯(cuò)過。

像這樣的顏色和排版對，設(shè)計(jì)需要足夠重以支撐排版的重量。嘗試不同類型的背景，以便文本元素有空間用顏色令人驚嘆，但不要覺得它們完全壓倒了設(shè)計(jì)。

5.反斯塔克美學(xué)

無論是簡單的顏色作為重點(diǎn)還是更大的色塊，大膽的色調(diào)都可以提供恰到好處的平衡，使鮮明的美感不會(huì)感覺太小。

顏色的平衡是有效的，因?yàn)楫?dāng)設(shè)計(jì)的其余部分不那么大膽時(shí)，它會(huì)給你一些有趣的東西來看待和關(guān)注。

上面的 Studio MV 采用了一種有趣的方法，為小文本元素設(shè)置了一個(gè)幾乎半屏的紅色框。雖然顏色與黑白設(shè)計(jì)的其余部分相反，但它并沒有過度擁擠，并且有自己的平衡鮮明。

屏幕左側(cè)的水平分割有助于紅色塊感覺適當(dāng)加權(quán)。

6.發(fā)表聲明

有時(shí)，您只需要大膽的顏色就可以發(fā)表聲明。

想想上面例子中的所有潛在關(guān)聯(lián)以及它留下的印象。

7.吸引注意力

大膽的顏色通常有一個(gè)直接的目的——吸引網(wǎng)站訪問者的注意力。

有時(shí)大膽的顏色與網(wǎng)站上的產(chǎn)品相得益彰，例如上面的例子，有時(shí)顏色只是設(shè)置場景。

以下是顏色作為網(wǎng)站上引人注目的工具的特別之處——您幾乎可以隨時(shí)更改它。今天明亮的藍(lán)色背景可能是下個(gè)月的黃色或之后的檸檬綠色。

在大多數(shù)情況下，您可以毫不費(fèi)力地更改背景、圖像或英雄文本顏色。這也有助于引起對設(shè)計(jì)的額外關(guān)注，因?yàn)榛卦L者的設(shè)計(jì)會(huì)有所不同。

從長遠(yuǎn)來看，這種顏色驚喜的小元素可能會(huì)令人愉悅，并有助于積極的用戶體驗(yàn)。

8.讓它變得有趣

大膽的顏色有時(shí)是調(diào)色板中色調(diào)的混搭，它們不應(yīng)該很好地協(xié)同工作，但隨后會(huì)變成有趣的東西。

這可以是從使用太多顏色到“不匹配”的顏色。

在上面來自 Letterz School 的示例中，熒光筆樣式的顏色選擇有很多需要消化。但它們并不是壓倒性的，而是其余設(shè)計(jì)的輕盈和運(yùn)行在積木上的有趣棒圖創(chuàng)造了適量的樂趣。（太有趣了，你甚至沒有注意到顏色是如何不匹配的。）

這證明當(dāng)您嘗試大膽的顏色選項(xiàng)時(shí)，嘗試可能違反規(guī)則的事情是可以的。你永遠(yuǎn)不知道什么時(shí)候它會(huì)完美地工作。

9.建立一個(gè)明亮的背景

當(dāng)您沒有很多其他視覺效果可以使用時(shí)，大膽色彩的嘗試和嘗試使用之一是作為背景網(wǎng)站設(shè)計(jì)元素。將顏色與使用有趣字體的文本塊配對，您幾乎總能獲得成功的組合。

除了顏色之外，當(dāng)排版植根于實(shí)驗(yàn)字體或包含一些動(dòng)畫元素時(shí)，這種設(shè)計(jì)模式很流行。

10.展現(xiàn)你的時(shí)尚一面

說到趨勢，顏色選擇本身就是一種網(wǎng)站設(shè)計(jì)趨勢，可以與其他時(shí)尚元素很好地協(xié)同工作。

上面的 Wokine 將一些流行元素結(jié)合到一個(gè)超級現(xiàn)代的設(shè)計(jì)中：大膽的色彩、分屏美感和獨(dú)特的類型選擇。

顏色有助于平衡其他設(shè)計(jì)元素，有助于將用戶引導(dǎo)至側(cè)邊菜單，并將整個(gè)屏幕變成一件藝術(shù)品。