Neon色很難使用的主要原因之一在于，它并不是能夠和任何類型的網頁設計“兼容”而不起沖突。它們在現實生活的應用往往更多的集中在標牌和霓虹燈的使用，所以，除非你在項目中認真考慮和實施，否則盲目的使用Neon色可能給你的網頁設計帶來重大的問題。

今天，我們將研究如何在你的設計作品中正確有效地使用Neon色，通過案例說明，希望可以幫助你充分利用這些大膽，明亮的色彩。


1.使用檸檬綠


“石灰色是新的一種中性色”，我不知道這是否是真的。 但是在實際的設計中，我想這也是為什么這種色系可以添加到到幾乎任何調色板的原因之一吧。

當這種色系加上Neon色以后，我覺得上面的判斷所言非虛。在深色的背景上使用石灰色系和Neon色可以創造即時的影響效果。這種搭配產生的顏色組合很有趣，足夠吸引用戶深入了解你的設計。通過添加Neon色來強調頁面中最重要的文案內容是一種簡單的方式，小面積的使用不會影響整個設計中的其他視覺部分（網站設計中對于Neon色的最大爭論之一似乎是它們在視覺上總給人一種在閃動的感覺，對用戶而言這可能是令人震驚的，當然，這有好也有壞）。



2.不要使用過多色彩組合的Neon色

雖然一些明亮的顏色可以通過搭配創建一個整體的配色方案，但是Neon色不適合這項“定理”。大多數Neon色在亮度和飽和度方面都具有相似的顏色值，并且在屏幕上看起來都很相似。這可能會引起用戶對對比度和可讀性的重大關切。



3.顏色主題要大膽鮮明



單一的Neon色在網站設計中其實并沒有想象中的那么難以應用，訣竅之一就是盡可能使它大而突出該部分。用戶經常遇到空間感很弱的設計，而Neon色可以產生很大的空間影響。

當然，上面的訣竅也有一定的風險，你只要小心的把屏幕上的其他的所有內容保持在極簡的狀態就可以了。選用黑色的文字和盡可能少的使用其他不相關的元素。



4.不要在白色背景上使用Neon色

你要把Neon色視為白色的“宿敵”，在這方面，切記他它們是不相容的。屏幕的光線以相同的方式顯示白色和大部分的Neon色，所以大部分使用Neon色的文字或元素在白色背景上幾乎無法讀取。所以，盡可能的避開它。



5.將Neon色品牌化



一些品牌使用Neon色作為他們的配色方案，當然，不要偏離你的意圖——使網頁設計更容易。視覺存在應該與Neon色一樣大膽。

如果Neon色是你的品牌標識的一部分，例如上面的Mountain Dew，不要羞于在你的網站設計上使用它。你完全可以通過它擁有一種將其推向前列以及體現自己品牌性個獨特性的設計。視覺差異化將有助于將設計與其他網站風格區分開。



6.不要結合其他的效果

Neon色本身就是一種非常引人注目的設計技術。不要在添加其他的設計技巧或元素使得因為其他的影響而顯得混亂。如果你之前不小心采用了反方向的“技巧”，你可能最終會得到一些完全壓倒一切的東西——最終導致你的用戶流失。



7.使用Neon色作為強調


Neon色主題的線，標記，按鈕和其他強調或號召性用語可以幫助設計給出一個特定的元素標識。在其他元素中通過添加Neon色調，以創建一個重點，或使用Neon色將用戶的注意力從設計的一部分吸引到另一個部分。

請記住，往往使用的Neon色元素和背景之間存在的對比度越大，效果越佳。這也是為什么霓虹燈通常在黑色背景下最有效。



8.不要在內容文本中使用Neon色

大多數時候，使用Neon色的文本在可讀性上是一項挑戰。偶爾使用大膽的顏色來突出小部分字體本身是沒有問題的，但通常我們應該避免任何在可讀性上可能會造成困擾的任何技巧。



9.讓色彩“發光”



Neon色最初的目的在于，希望顏色的設計通過光線效果達到一種不同的視覺，如霓虹燈。創造一個現實的霓虹燈效果，使應用于網站設計的Neon色在平面上看起來也能勾發出與物理霓虹燈結構相同的光和觸覺特征。

但是這一點你需要掌握好它們的平衡度，不要太瘋狂與發光的效果，因為它們有可能變得華而不實。然而，簡單的發光可以以更現實的方式將Neon色元素與現實生活關聯。

創建“發光”的另一個方法可能是使用簡單的動畫來增強光在擴散運動中的顏色變化。這種在顏色上的迭代和變化可以幫助引起注意，同時創造一個逼真的效果。



10.不要使用過于“碰撞”的調色板組合

Neon色不能隨意與其他顏色混合。大多數使用Neon色的網頁設計不會使用其他顏色，除了堅持使用的黑色和白色以外。這是因為一個明亮的色彩和一個更典型的調色板之間的對比可能會讓人失望，使用戶感到陌生和脫節。



11.使用帶有Neon元素的影像


Neon色只是你在設計中創建的元素。包含該元素的圖像也可以為設計添加有趣的火花。

真正的Neon色元素，如照明，由于光線過于明亮可能很難捕捉到合適的照片或影像。你可以盡可能選擇那些自然并且合適的Neon色元素的圖像，如上面的Yoke，通過在其網站設計中使用彩色吸管的Neon色組合，來創造相同的感覺。

保持圖像的簡單性，在其選用上使用在設計中創建Neon元素相同的空間和對比度的概念。



12.不要設置不適當的心情

Neon色通常代表有趣，好玩，以及有點叛逆。小心不要使用它們在不一樣主題的內容某一避免造成錯誤的心情氛圍營造。雖然使用Neon色可以增加視覺興趣，但不能用于每種類型的項目。



13.調整色彩混合



你完全可以搭配一種只屬于你自己的Neon色組合！通過調整飽和度和亮度以創建你自己的風格。你可以為品牌顏色設定一個時髦的概念，或只是混合一些色調足以吸引你的用戶。

不要被困在現在流行的Neon色組合，這里仍有很大的補充和設計空間。你完全可以玩轉代表明亮的Neon色。當然，Neon色不僅僅只包括綠色，黃色或粉紅色。Neon色的選項可以來自幾乎所有的顏色與亮度。



14.不要強迫它

Neon色不應該被迫使用。如果你開始嘗試在你的項目中使用Neon元素，但不幸的是不管你嘗試多少中方式，它總是不能達到你預期的效果和作用的話，放棄這個想法。不是每個項目都適合使用這項技巧，同樣，每個人的設計品味都不同。



15.使用Neon色背景


試著在你的背景上嘗試使用大膽，明亮的Neon色來創造一種強烈的視覺審美，以便為你平淡的內容帶來一些不一樣的感覺。Neon元素的背景可以幫助“提升”頁面上其他元素的視覺表現，并為分層提供有趣的空間，例如Scale在其網站設計中使用的這項技巧。

設計Neon色背景時，請考慮使用具有更多深度和亮度的顏色，使顏色不會壓倒其他的設計元素。


總結

現代的Neon設計沒有80年代的氛圍，盡管許多設計都是從它發展而來的。選擇在極簡的設計框架中使用它，突出顯示關鍵內容，并擁有大膽的現代感覺。

Neon色可以很有趣，但需要和內容以及信息匹配。嘗試在你的下一個合適的項目中使用這個技術，你會得到一種更快樂的全新設計和視覺體驗。