黑白設計方案可以是使一個視覺設計項目最引人注目的方式之一。 這些顏色（或缺乏顏色）的深刻對比和簡單性質為探索其他技術以充分利用設計提供了大量的機會。

黑色和白色相互搭配使用的設計一直很流行，最近則轉變?yōu)楦喖s的風格，主要是白色背景和黑色元素。 但正如你將從這一系列令人驚嘆的黑白設計項目中看到的那樣，還有很多其他選擇可供探索。

1.黑白圖像元素



黑白圖像可以是一種創(chuàng)造“無色”設計的好方法，在視覺上這種風格的設計往往極具沖擊力，黑白圖像幾乎可以馬上吸引用戶的注意力（也許是因為它們在日常的生活中并不常見）。

如上，在Imagista的網站設計中使用了一系列精美的黑白圖像作為網站主要的視覺點。 即使主頁上的彈出式廣告也具有相同的黑白元素。 即使沒有顏色的點綴，你只需要查看圖像并準確了解設計嘗試建立聯系的內容。

你需要仔細計劃黑白圖像應當如何使用——這不僅僅只是增加或調整照片濾鏡那么簡單。 你需要從一開始就篩選將要參與到項目中的該風格類型的圖片。

2.滾動式的黑白



并非所有的黑白設計都只是黑色和白色。 現實中，許多的設計都具有黑色和白色并且與彩色元素相互搭配的方案。

North Street Creative在黑色和白色的頭部和底部以及如何安排在它們之間的色彩元素就做得很好。 這樣就可以了解網站最直接品牌的形象（黑色和白色）以及項目工作的內容（顏色）。

這種技術是在整個設計中創(chuàng)建元素和消息傳遞并分離的有效方法。 它可以幫助用戶了解他們在內容中的位置以及元素之間的相互關系。

3.豐富的黑



黑白設計這里指的黑并不一定是完全的純黑。 從事于平面工作的設計師可能習慣使用K（或純）黑色來確保更好的最終質量。 對于數字類設計，該限制不存在。

選擇豐富的黑色來創(chuàng)建酷炫或緊密的關聯，并提供更具吸引力的黑白調色板來達到平衡。

Black M在它的網站設計找那個做到這一點。 背景和圖像使用濃郁的黑色，帶有大量的藍色底色和看上去更白皙的乳白色。 真正的黑色和白色的這種現代交互在視覺上更具吸引力，并且可以使用這種配色方案將黑白設計與其他設計區(qū)分開來。

4.白空間



在使用黑白設計時，與任何其他調色板相同的原理，選擇其中一個選項作為主色。 你還可以將其視為背景，文本和元素的顏色選項。

但大多數最好的黑白配色方案實際上可能是最直接的黑色或白色。

Kalpa Collection網站就做的很不錯，因為白色更像是一種“輕”選擇而不是純白色。 這對眼睛來說要容易得多，尤其是在屏幕和設備的背光的情況下，使得大多數白色設計非常容易閱讀。 背景和主要圖像略有不同，但幾乎相互淡化，使得與文本形成鮮明對比，以此來突出文本內容。

5.黑空間



另一方面，你也可以在設計中的大部分采用黑色，并使用白色調和文字來強調。

你可能會注意到的第一件事是它們在“感覺”上相較于傳統的設計是多么不同。黑白調色板可以傳達截然不同的事物，確保你與用戶相關的調色板創(chuàng)建所需的情感聯系非常重要。

Dubois在這方面做得很不錯，因為簡單的黑色背景被波爾卡圓點和漂亮的排版照亮，周圍有足夠的空間。

6.無輔助色



雖然大多數黑色和白色設計確實包含一些顏色，但你可以在沒有第三個輔助色的情況下完成項目。

Printworks在其網站設計中使用了純黑色和白色。識別一些顏色變化的唯一元素是屏幕中間的黑白圖像，結果絕對令人驚嘆。

7.強調色彩


黑白設計中突出的一絲絲色彩恰好吸引人們注意設計中的特定細節(jié)或元素。這種技術在許多無色設計項目中很流行。

挑戰(zhàn)在于找到恰到好處的強調色，并以“尖銳”的方式使用它，這實際上意味著你需要有重點的突出元素。 黑白設計中過多的強調色實際上會淡化你說強調的元素的含義，使其不那么重要。

Wolf Themes項目的演示站點使用了一種帶有淡淡紅色的獨特黑白調色板。此顏色首先將用戶繪制到圖像的該部分，然后直接在屏幕上橫向繪制消息。 強調色是設計的視覺切入點。

8.不使用藝術元素



當你沒有任何藝術元素可以使用時，黑白設計圖案可以成為解決方案。 即使沒有真正的藝術，令人驚嘆的顏色（和重點）也可以創(chuàng)造一個焦點。

Violet用一個簡單的設計模式做了很好的示范，一個顏色按鈕用于號召性用語。 該設計使用多個黑色陰影以矩形形狀創(chuàng)建深度，分離元素并保持設計流向頁面向下移動。

9.動畫提示



許多這些設計本質上都是使用極簡主義的設計風格的（在開始變得混亂之前，只有黑色和白色設計才能做到這一點）。

添加動畫提示可以為設計提供更復雜的視覺呈現。嘗試一些微妙的但是在作用上最直接的東西，這樣用戶就不必太努力去理解正在發(fā)生的事情。

Airnauts使用文本中的簡單移位加上移動的線條將用戶吸引到屏幕底部的滾動指令。 充足的空間使眼睛立即被吸引到動畫，這提供了一個明顯的興趣點，否則可能是一個幾乎無聊的黑色和白色設計。

10.創(chuàng)造對比



黑白設計本質上在視覺上具有一定的強度感和對比感，比起其他一些設計模式來說更清晰，更容易理解。

使用你在設計中使用的元素強調更強烈的對比。如上面例子中，關于狗的圖像提供了一個很棒的視覺點——琥珀色的眼睛，這個亮點使用戶聚焦以后很難遠離。 這使得在其旁的白色文字也圖像出來。這種激烈的設計可以讓用戶保持活力，并希望看到其他神秘和令人驚訝的元素。

總結

雖然大多數人在聽到黑白設計時會立即將他關聯到“極簡”，但事實并非如此。 如上面的例子所示，黑白設計本質上可以是極簡風格的，也可以是復雜且有趣的。

大多數設計師喜歡為黑白設計項目添加一些顏色提示，以獲得更多感興趣的元素。尋找對比鮮明的顏色，以獲得最大的沖擊力。