大同小異的網(wǎng)頁設(shè)計(jì)已經(jīng)讓你視覺疲勞了吧,加入不規(guī)則幾何形狀的網(wǎng)頁設(shè)計(jì)也許能讓你的眼睛重獲新鮮感。幾何元素的融入不僅讓網(wǎng)頁變得高大上,也在無形中突出了網(wǎng)頁中的某些內(nèi)容,這樣的突出方式并不單薄無力,反而讓網(wǎng)頁看起來更自然。
沒有人會(huì)對沉悶的網(wǎng)頁產(chǎn)生興趣,而幾何圖形恰巧能在增強(qiáng)視覺體驗(yàn)的同時(shí)營造出活躍的氛圍。AnyForWeb為大家找到了一些融入了幾何元素的網(wǎng)頁設(shè)計(jì),盡情享受吧!
1.簡單的平面幾何與黑白灰三色搭配能夠自然而然的營造出一種空間感,這樣的畫面似乎帶入了一種安靜的渲染,我們可以在如此氛圍中思考些什么,或者留下些什么。網(wǎng)頁把我們與這個(gè)世界暫時(shí)分離了,也許我們的確應(yīng)該靜下心來,沉淀思想,總結(jié)過去,把握現(xiàn)在,迎接未來。

2.與上一個(gè)案例恰恰相反,Ondo的網(wǎng)站選用了較為鮮艷的色彩,再加以特別的效果,讓用戶在瀏覽時(shí)得到了一種別樣的視覺感受。如果上一個(gè)案例表達(dá)了寧靜的主題,那么Ondo表達(dá)的就是城市中的現(xiàn)代繁華。

3.這個(gè)網(wǎng)站中的幾何元素體現(xiàn)在各方各面,既有設(shè)計(jì)師的設(shè)計(jì),同時(shí),局部也拼湊了一些包含幾何元素的真實(shí)圖片。我們可以看出該設(shè)計(jì)師對不規(guī)則元素十分熱愛,圖片本身的形狀也不是傳統(tǒng)的中規(guī)中矩,讓整個(gè)頁面多了一種拼貼感。

4.XY的網(wǎng)站雖然運(yùn)用了幾何元素,但還是比較規(guī)則的運(yùn)用。我們想象一下,如果這四張圖片像以往一樣使用正統(tǒng)的矩形來布局,網(wǎng)頁是不是會(huì)看起來很單調(diào)乏味?有時(shí)我們只需要做一點(diǎn)點(diǎn)的小改變,也許只要傾斜一點(diǎn)點(diǎn)角度,就能收獲完全不同的效果。

5.首頁上就看出了游戲網(wǎng)站的特點(diǎn),由各種圖標(biāo)組合而成的幾何字體,與周邊的象征著小游戲的像素小圖案搭配使用,讓整個(gè)效果十分和諧搭調(diào)。線型背景的使用也為整體的街頭風(fēng)加分不少。

6.幾何元素的作用比較多元化,隨著周圍壞境色彩的變化,它也能隨之顯現(xiàn)出完全不同的效果。在這個(gè)案例中,幾何元素釋放了它的神秘感。半透明的圖片設(shè)計(jì)讓網(wǎng)頁有了重疊感,而規(guī)則的幾何也不會(huì)讓網(wǎng)頁很繁復(fù)。

7.幾何元素并不是只能帶來高大上的效果,卡通清新的設(shè)計(jì)也能引入幾何造型。這個(gè)案例中的圖案就是由一些小幾何組合出來的,在這里使用幾何不僅不會(huì)覺得格格不入,反而能增添幾分活潑和童趣。

8.如果網(wǎng)站全局都鋪滿了幾何成分,那一定會(huì)看起來過于臃腫。而案例中的網(wǎng)站則很好的解決了這一問題。設(shè)計(jì)靈感來源于折紙藝術(shù),每個(gè)圖形之間都留了一定的距離,這樣做不僅能讓幾何元素貫穿全程,也不會(huì)看起來很復(fù)雜。

9. 麥麥的網(wǎng)站第一眼感覺像是一個(gè)根據(jù)Metro界面改變的網(wǎng)頁設(shè)計(jì),Metro本身就是一個(gè)集聚方塊元素的設(shè)計(jì)手法,只要在適當(dāng)?shù)奈恢米鲆恍└淖儯R上能制作出魚眼或立體的視覺效果。

10.Kocha是國外一個(gè)做網(wǎng)頁設(shè)計(jì)的機(jī)構(gòu),只看首頁,也許你會(huì)認(rèn)為這是一個(gè)玩具網(wǎng)站或是童裝店。規(guī)整的幾何與充滿跳躍性的色彩相搭配的確能勾勒出一種活潑亮麗,充滿創(chuàng)意和想象力的感覺。

在設(shè)計(jì)中一旦加入了一些幾何圖案的設(shè)計(jì),就會(huì)馬上提升整個(gè)頁面的質(zhì)感和元?dú)猓@可能是圖形與生俱來的獨(dú)有魅力。