大同小異的網頁設計已經讓你視覺疲勞了吧,加入不規則幾何形狀的網頁設計也許能讓你的眼睛重獲新鮮感。幾何元素的融入不僅讓網頁變得高大上,也在無形中突出了網頁中的某些內容,這樣的突出方式並不單薄無力,反而讓網頁看起來更自然。
沒有人會對沉悶的網頁產生興趣,而幾何圖形恰巧能在增強視覺體驗的同時營造出活躍的氛圍。AnyForWeb為大家找到了一些融入了幾何元素的網頁設計,盡情享受吧!
1.簡單的平面幾何與黑白灰三色搭配能夠自然而然的營造出一種空間感,這樣的畫面似乎帶入了一種安靜的渲染,我們可以在如此氛圍中思考些什麼,或者留下些什麼。網頁把我們與這個世界暫時分離了,也許我們的確應該靜下心來,沉澱思想,總結過去,把握現在,迎接未來。
2.與上一個案例恰恰相反,Ondo的網站選用了較為鮮艷的色彩,再加以特別的效果,讓用戶在浏覽時得到了一種別樣的視覺感受。如果上一個案例表達了寧靜的主題,那麼Ondo表達的就是城市中的現代繁華。
3.這個網站中的幾何元素體現在各方各面,既有設計師的設計,同時,局部也拼湊了一些包含幾何元素的真實圖片。我們可以看出該設計師對不規則元素十分熱愛,圖片本身的形狀也不是傳統的中規中矩,讓整個頁面多了一種拼貼感。
4.XY的網站雖然運用了幾何元素,但還是比較規則的運用。我們想象一下,如果這四張圖片像以往一樣使用正統的矩形來布局,網頁是不是會看起來很單調乏味?有時我們只需要做一點點的小改變,也許只要傾斜一點點角度,就能收獲完全不同的效果。
5.首頁上就看出了游戲網站的特點,由各種圖標組合而成的幾何字體,與周邊的象征著小游戲的像素小圖案搭配使用,讓整個效果十分和諧搭調。線型背景的使用也為整體的街頭風加分不少。
6.幾何元素的作用比較多元化,隨著周圍壞境色彩的變化,它也能隨之顯現出完全不同的效果。在這個案例中,幾何元素釋放了它的神秘感。半透明的圖片設計讓網頁有了重疊感,而規則的幾何也不會讓網頁很繁復。
7.幾何元素並不是只能帶來高大上的效果,卡通清新的設計也能引入幾何造型。這個案例中的圖案就是由一些小幾何組合出來的,在這裡使用幾何不僅不會覺得格格不入,反而能增添幾分活潑和童趣。
8.如果網站全局都鋪滿了幾何成分,那一定會看起來過於臃腫。而案例中的網站則很好的解決了這一問題。設計靈感來源於折紙藝術,每個圖形之間都留了一定的距離,這樣做不僅能讓幾何元素貫穿全程,也不會看起來很復雜。
9. 麥麥的網站第一眼感覺像是一個根據Metro界面改變的網頁設計,Metro本身就是一個集聚方塊元素的設計手法,只要在適當的位置做一些改變,馬上能制作出魚眼或立體的視覺效果。
10.Kocha是國外一個做網頁設計的機構,只看首頁,也許你會認為這是一個玩具網站或是童裝店。規整的幾何與充滿跳躍性的色彩相搭配的確能勾勒出一種活潑亮麗,充滿創意和想象力的感覺。
在設計中一旦加入了一些幾何圖案的設計,就會馬上提升整個頁面的質感和元氣,這可能是圖形與生俱來的獨有魅力。