很少有人會(huì)想到,像顏色和漸變這樣簡(jiǎn)單的工具,竟然能夠激發(fā)出巨大的創(chuàng)造力,并極大地增強(qiáng)網(wǎng)站的美感?,F(xiàn)代網(wǎng)頁(yè)設(shè)計(jì)師們已經(jīng)證明,使用濾色器效果可以自然地強(qiáng)調(diào)精致的插圖、復(fù)雜的圖形以及壯觀的照片處理。這個(gè)網(wǎng)站剛剛開(kāi)始以全新的新鮮氛圍展現(xiàn)出來(lái)。事實(shí)上,它確實(shí)有助于解決一些問(wèn)題。
首先,濾色器是一種可以讓網(wǎng)站煥然一新的工具,而不會(huì)使其顯得過(guò)于復(fù)雜。其次,它能夠通過(guò)配色來(lái)傳達(dá)各種情感,從而豐富設(shè)計(jì)。第三,作為一個(gè)低透明度的覆蓋屏幕,它并沒(méi)有隱藏主背景的魅力,這對(duì)于那些想要稍微靜音其滑塊部分或視頻部分但仍能引起注意的人來(lái)說(shuō)非常有利。最后,它有助于為前景內(nèi)容建立堅(jiān)實(shí)的基礎(chǔ),同時(shí)兼顧可讀性。
這種解決方案與提供強(qiáng)烈對(duì)比的基本白色、以及非常流行的平面風(fēng)格元素和輪廓風(fēng)格圖形和諧地結(jié)合在一起,為項(xiàng)目增添了精致和微妙。下面介紹一些出色的網(wǎng)站設(shè)計(jì)案例,展示了如何正確使用這種技術(shù)。
01齊米亞
登錄頁(yè)面上呈現(xiàn)出夢(mèng)幻般的溫暖半透明漸變,這種設(shè)計(jì)立即喚起了人們積極和舒適的感覺(jué)。從紫紅色到黃橙色,覆蓋屏幕的華麗色彩令人著迷。
平滑且?guī)缀醢胪该鞯臐u變極大地豐富了該機(jī)構(gòu)視覺(jué)表現(xiàn)的圖像背景,為整個(gè)場(chǎng)景增加了獨(dú)特的元素,營(yíng)造出充滿(mǎn)活力的氛圍。
02英格拉姆科爾和蘭德
該網(wǎng)站設(shè)計(jì)基于一些出色的動(dòng)畫(huà)和照片處理效果,不僅美觀而且貫穿整個(gè)網(wǎng)站設(shè)計(jì)。從紫羅蘭色到粉紅色的溫暖微妙漸變使歡迎屏幕看起來(lái)夢(mèng)幻而奢華。
設(shè)計(jì)師使用迷人的粉紅色漸變覆蓋視頻背景,營(yíng)造出親切的氛圍。顏色和透明度的選擇能夠很好地突出前景元素。
藍(lán)色和白色的組合為那些喜歡平靜和方便的人提供了一些東西。設(shè)計(jì)師采用了三色調(diào)方案,但藍(lán)色和白色仍然占主導(dǎo)地位。
03喬伊斯范赫克
喬伊斯·范赫克是一位從事高端藝術(shù)創(chuàng)作的藝術(shù)家,他的在線作品集充滿(mǎn)了可愛(ài)的幾何元素,以及甜美的半透明漸變效果。這些效果為對(duì)角線風(fēng)格的小部件和部分增添了活力,營(yíng)造出愉快、積極的氛圍。
與上述的Snippet App相似的是,這位設(shè)計(jì)師也運(yùn)用了藍(lán)色和白色的混合色彩。然而,覆蓋屏幕的低不透明度讓用戶(hù)能夠欣賞到背景中宏偉的圖像。
粉紅色的使用在幾個(gè)方面發(fā)揮了作用。首先,它有效地突出了標(biāo)語(yǔ)、徽標(biāo)、導(dǎo)航和微妙的白色幽靈按鈕。其次,它營(yíng)造出輕松愉快的氛圍。最后,粉紅色也是該品牌標(biāo)識(shí)的特色之一。
04創(chuàng)新實(shí)驗(yàn)室
同樣地,設(shè)計(jì)師嘗試在背景和前景之間創(chuàng)造完美的對(duì)比效果,同時(shí)將焦點(diǎn)集中在工作空間的圖像上。明亮的紫色有效地襯托出白色調(diào)。
歡快的半透明漸變提升了網(wǎng)站的視覺(jué)效果。這種設(shè)計(jì)方式使得圖像背景呈現(xiàn)出全新的色彩。而白色則作為突出內(nèi)容的補(bǔ)充色調(diào)。
設(shè)計(jì)師為歡迎頁(yè)面采用了簡(jiǎn)潔的平面樣式。極簡(jiǎn)設(shè)計(jì)只包含了幾個(gè)輪廓樣式的元素、簡(jiǎn)單的排版、簡(jiǎn)單的按鈕和城市圖像背景。后者幾乎透明的藍(lán)色固體配對(duì),以增強(qiáng)可讀性。
主頁(yè)具有大量基于圖像的導(dǎo)航,其中每個(gè)項(xiàng)目都覆蓋有黑色半透明屏幕。這是一個(gè)廣泛使用的解決方案:如果你想為文本提供完美的對(duì)比,并通過(guò)自然地將注意力集中在所選元素上來(lái)使菜單項(xiàng)靜音。
綠色通常與正能量聯(lián)系在一起,這也是此處使用它的原因。明亮的色調(diào)與白色相結(jié)合,給人留下積極的印象。
05主題
設(shè)計(jì)師借助極簡(jiǎn)主義理念來(lái)展現(xiàn)優(yōu)雅氣質(zhì)。顏色選擇突出了網(wǎng)站個(gè)性,并統(tǒng)一了整個(gè)視頻。色彩能夠增強(qiáng)和諧感,為網(wǎng)站主題增色不少,同時(shí)輕松地增加了一種有助于整體情緒的戲劇化效果。
該機(jī)構(gòu)通過(guò)展示一個(gè)可愛(ài)的、基于視差的小型自我展示,向普通用戶(hù)證明他們完全了解網(wǎng)絡(luò)趨勢(shì)。每張幻燈片都有自己的色彩,覆蓋動(dòng)態(tài)背景以避免內(nèi)容模糊。
設(shè)計(jì)師在整個(gè)首頁(yè)潑灑橙色,以營(yíng)造一種積極的情緒氛圍。作為輔助顏色,白色自然地融入其中,并簡(jiǎn)單閃耀。
宏偉的綠松石像輕盈的面紗一樣覆蓋在主頁(yè)上,強(qiáng)化了網(wǎng)站商務(wù)化的外觀。輪廓風(fēng)格的圖形和幽靈按鈕得到了很好的突出,并積極配合主色調(diào)。
總結(jié):過(guò)去在美好的平面設(shè)計(jì)中所使用的濾色器技術(shù),如今在網(wǎng)站設(shè)計(jì)中得到了重新的應(yīng)用。雖然這種濾色技術(shù)可能會(huì)使顏色顯得略微淡化,但它在增強(qiáng)設(shè)計(jì)的功能性的同時(shí),也為其增添了獨(dú)特的魅力和精致。