瀏覽網(wǎng)頁(yè)的時(shí)候,我們可曾感覺(jué)過(guò)單調(diào)和枯燥?而在網(wǎng)頁(yè)設(shè)計(jì)中,使用漸變會(huì)讓網(wǎng)頁(yè)在視覺(jué)上突破無(wú)聊、無(wú)趣、刻板的印象。漸變,在視覺(jué)設(shè)計(jì)中一直是一個(gè)不容忽視的風(fēng)格。漸變色的背景會(huì)給人們帶來(lái)一種層次感了,從而突出視覺(jué)享受感!今天小編就帶領(lǐng)你進(jìn)入另一個(gè)美妙的世界。
如圖一:Magic Leap的網(wǎng)頁(yè)背景利用光點(diǎn)和光束形成了一種看似漸變的特別效果,黑色與光束之間的搭配總是顯得大氣又神秘。少量的橙色元素與光束的顏色完美契合,讓瀏覽者既能一眼找到重點(diǎn),背景又不單調(diào)。
如圖二:紫色系的漸變背景圖上覆蓋著星座狀的圖譜,具有距離感的“f”小圖標(biāo)也是一種距離上的漸變,由遠(yuǎn)及近的設(shè)計(jì)手法讓頁(yè)面看起來(lái)更加浩瀚無(wú)垠,把網(wǎng)站氣氛也渲染的更加具有神秘感。
如圖三:又是一個(gè)漸變中加入了光點(diǎn)的背景設(shè)計(jì),與個(gè)案例不同的是,JJ Ying使用了彩色的光點(diǎn),營(yíng)造出了一種燈光閃爍的城市夜晚景象,配合漸變模糊背景,讓整個(gè)網(wǎng)站變得更浪漫愜意。
如圖四:KODU.的網(wǎng)頁(yè)設(shè)計(jì)除了漸變的背景圖片以外,還使用了一些炫光效果,亮麗的枚紅主色令網(wǎng)站變得格外清新樂(lè)觀。背景上的水印底紋設(shè)計(jì)也讓頁(yè)面不那么單調(diào),并且很好的體現(xiàn)了網(wǎng)站特色。
如圖五:星空元素是漸變?cè)O(shè)計(jì)的??停旅娴陌咐褪呛芎玫淖C明。背景的設(shè)計(jì)理念主要來(lái)源于神秘的宇宙空間,藍(lán)綠色漸變自然成了好的選擇。
如圖六:以天空色作為網(wǎng)頁(yè)背景是不會(huì)錯(cuò)的選擇,但美觀的天空背景一定離不開(kāi)漸變。從藍(lán)天到云層,再到清風(fēng),所有自然環(huán)境中應(yīng)有的細(xì)節(jié),都能用漸變的設(shè)計(jì)手法完整呈現(xiàn)在我們面前。
漸變不僅是顏色的組合,它們可以引導(dǎo)視覺(jué)焦點(diǎn)、渲染氛圍、傳遞情緒等等,是網(wǎng)頁(yè)設(shè)計(jì)的一個(gè)流行趨勢(shì)。在視覺(jué)上,漸變簡(jiǎn)單卻不簡(jiǎn)潔既令人心動(dòng)又能引起興趣,讓我們有了循序漸進(jìn)的過(guò)程,賦予了色彩另一種別樣的節(jié)奏感和生命力。漸變?cè)O(shè)計(jì)是設(shè)計(jì)中常見(jiàn)、基本的一種技法,應(yīng)當(dāng)會(huì)一直存在下去。所以大家千萬(wàn)不要忽視漸變色在設(shè)計(jì)中的運(yùn)用。