霓虹色在網頁設計中很難運用得當。在現實環境中,霓虹色常常被用在標志和燈光設計。
那么設計源于生活,我們就看看在網頁設計中如何更好的運用霓虹色來展示最有創意的設計?以及哪些地方該做,哪些地方不該做?
使用綠黃色
“綠黃色是非彩色的”。我不知道這種新的說法是對還是錯,但是一個婚禮策劃師的朋友對我說:“綠黃色是可以添加到任何調色板中。”
當綠黃色用在深色的背景上,會產生瞬間的視覺沖擊。色彩有趣,吸引眼球。但是另一部分人認為這種有沖擊力的色調是不和諧的。
不要用多個霓虹色
一些明亮的顏色可以放在一起做為一個整體的配色,但是霓虹色不是這樣的,因為它們的亮度和飽和度的色值,在屏幕上看起來差不多,導致在頁面沒有對比度和可讀性。
使用醒目的色調
綠黃色做為全屏的背景色,對于那些不被頻繁使用的網站,或者沒有其他競爭空間的設計。這種顏色會提供很大的沖擊力。
盡量讓屏幕的其他內容最小化,選擇黑色的文本和較少的其他元素內容。
不要在白色背景用霓虹色
霓虹色和白色是不能搭配的,在白色背景上,霓虹色幾乎在屏幕上不具有可讀性。
包含品牌的霓虹色
有些品牌使用霓虹色做為配色方案,運用這種想法,使網頁設計更有創意。視覺上就應該大膽的使用霓虹色。
如果霓虹色是你品牌標識的一部分,比如 Mountain Dew(上圖),不要害怕這種顏色,敢于運用它。這種視覺差異的設計,讓你網站不僅有別于其他網站,而且具有視覺沖擊力,并吸引眼球。
不要與其他效果結合在一起
霓虹色是一個非常引人注目的色調,但是不要運用過多效果來過度設計,會使用戶感到不爽而關閉頁面。
使用霓虹色來強調元素
霓虹色的線條,標記,按鈕等頁面元素,能吸引用戶注意力。如果運用到一些特定的元素上,能抓住用戶的視線。
記住,霓虹色運用最好的地方,就是能與背景色之間產生較大的對比的地方。因此,霓虹色往往最有效的是在黑色的背景下。
不要運用霓虹色的文本
大多數時候,霓虹色的文本不具有可讀性。你可以用它來讓字體更醒目,但一般應避免使用。
讓顏色“發光”
顏色‘發光’看起來就像陽光的光線樣的,因此,就要模擬現實中發光現象,在頁面上創建一個讓顏色“發光”的視覺效果。
要把握住度,發光的效果不能太夸張,會變的不真實。但是簡單適度的光輝更能體現出霓虹色發光的效果。
“發光”的另一個用法:使用一個簡單的動畫,在緩慢的動效中提亮顏色。這種霓虹色的發光效果有助于引起人們的注意,同時也能產生逼真的效果。
不要使用沖突的顏色
霓虹色與其他顏色不太好搭配,大多數情況下不使用其他的顏色而使用黑色和白色,因為明亮的霓虹色與其他顏色搭配一起,會在視覺上讓用戶感到怪異的。
使用霓虹色圖像
含有霓虹色的圖像也能給設計增添樂趣。
真正的霓虹色,比如燈光,在照片中很難捕捉到。選擇含有霓虹色元素的圖像——Yoke(上圖)使用彩色吸管的美麗組合——創造同樣的感覺。
不要設置不恰當的情緒
霓虹色是有趣的,好玩的,有點奇特。雖然使用霓虹色可以增加視覺的興趣,但它不適用于所有類型的項目,千萬不要用在不符合霓虹色氛圍的地方。
做混合色調
制作你自己的霓虹色!調整飽和度和亮度,創建自定義的霓虹色樣式。從一個時尚概念的品牌色彩開始,或者創建一些吸引你的色彩樣式。
不要被困在某些霓虹色里面。嘗試一些其他的顏色,既明亮又有趣,霓虹色不僅僅包括綠色、黃色或粉色。增強亮度,霓虹色的選擇可以來自任何顏色。
不要強行使用霓虹色
不應該強行使用霓虹色。如果它不適合你目前的設計工作中,那就別用了。霓虹色不一定符合每個人的設計品味。
使用霓虹色的背景
嘗試霓虹色做為背景色,大方而明亮的色調,可以沖淡一些平淡的頁面內容;提升頁面上的其他元素,并為分層提供一個有趣的空間感,如上圖。
在以霓虹色為背景時,要讓顏色稍深一些,亮度稍低一些,這樣背景色不會蓋過其他設計元素。
結論
現代霓虹色設計沒有80年代的氛圍,盡管許多設計是從它演變而來的。在工作中選擇霓虹色來設計,就要在一定范圍內突出重點內容,醒目的文本來營造一個時尚的氛圍。
霓虹顏色可以讓你的頁面更加生動有趣,吸引眼球。尤其在項目里,在色調的運用上要保持和內容信息的匹配,這樣設計出來的結果你才會更滿意。
,