想讓網(wǎng)站動感十足?試試網(wǎng)頁設(shè)計中的韻律線條

2013-11-7    藍(lán)藍(lán)設(shè)計的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(   www.bouu.cn  )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計 、 cs界面設(shè)計 、  ipad界面設(shè)計   、  包裝設(shè)計 、  圖標(biāo)定制 、  用戶體驗 、交互設(shè)計、   網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中,   請點(diǎn)這里

網(wǎng)頁設(shè)計中,橫向和豎向的直線非常常見,利用整齊的線條可以打造出有序的視覺路徑以及信息層級。
當(dāng)然,有些時候,可以不按理出牌,設(shè)計一些傾斜的線條,讓你的網(wǎng)站不拘一格,更加與眾不同。

打破傳統(tǒng)布局,創(chuàng)造動態(tài)的自由視感,讓構(gòu)成更加復(fù)雜——無論是利用簡約的幾何圖形,或是精致的傾斜圖像。
讓你的設(shè)計更具吸引力,不妨試試斜線。

Paseo Itaigara

形狀感很強(qiáng),整體設(shè)計的很成功,顯得并不雜亂。菱形無處不在,拼嵌式的菱形,裝飾性的菱形,按鈕的菱形,很好的主題一致性。

Paseo Itaigara
 

Impero

交互式網(wǎng)站,積極的氛圍、極簡的色彩。設(shè)計師利用兩組對角線(粗細(xì)交織)打造了視覺路徑。

Impero
 

Alpina

強(qiáng)烈推薦!利用視覺滾錯,加上美輪美奐的照片。來感受這趟視覺盛典吧。流暢優(yōu)美的照片美景。斜線分割的很巧妙(試想用直線風(fēng)格,效果不會這么到位)

Alpina
 

Ullevi Preparty Area

不平衡的使用圖像元素,溫暖的圖像,純白色的背景,整體感覺和諧又與眾不同。

Ullevi Preparty Area
 

Case 3D

干凈、整齊,白色佐以霓虹色的藍(lán)綠色。三角形作為核心裝飾元素。感覺很現(xiàn)代。

Case 3D
 

Networked Insights

這個頁面的設(shè)計感覺相當(dāng)?shù)牟黄胶?。大量傾斜的線條不但可以用來做裝飾,也可起到功能性作用。傾斜的矩形做微件,整體感很強(qiáng)烈。

Networked Insights
 

Wavefront Musical Festival

色彩誘人,動態(tài)、神秘、音樂主題的外觀。網(wǎng)頁設(shè)計使用了全屏的圖片背景,以及可愛的半調(diào)視感。很好的詮釋了音樂節(jié)的氛圍。斜線,以及霓虹色彩的漸變讓網(wǎng)頁感覺更前衛(wèi)。

Wavefront Musical Festival
 

Bespoke

利用投影一般延伸的六邊形,打造了視覺焦點(diǎn)。明亮的色彩,純色的背景,整體又非常簡約。

Bespoke
 

Vida Comunicacao

巧妙幾何了形狀,讓整體具有一種誘人的不對稱感,讓人禁不住要探索一番。

Vida Comunicacao
 

Dunlop

在滑動選塊中斜線被廣泛的使用,非常的抓眼。亮黃色的使用也很贊。

Dunlop
 

Startup Giraffe

創(chuàng)新機(jī)構(gòu),利用不對稱的斜線宣告自身的”創(chuàng)意無窮、不走尋常路”。干脆、整潔、簡約的幾何形狀功不可沒。

Startup Giraffe
 

Timberline Tours

非傳統(tǒng)的菜單,讓人感覺動感十足。三條斜線令人印象深刻,從而和菜單中其他按鈕有所區(qū)別。

Timberline Tours
 

V2

交互式網(wǎng)站,三維效果,非常節(jié)制的黑白紅三色配色,大量使用的幾何形狀——三角形、菱形以及矩形。

v2
 

4V Connect

純白背景,以突出創(chuàng)新這一理念。干凈、毫無繁雜感的頁面中使用了纖細(xì)的斜線,感覺優(yōu)雅而又精致。

4V Connect
 

Fifteen Robin

設(shè)計師利用了大量的斜線條紋。這樣整個頁面”亮”了起來,感覺非常的動態(tài)。

Fifteen Robin
 

Gaston Bouchayer

極簡主義式設(shè)計,倘若去掉斜線,不免中規(guī)中矩,有時候破壞一下平衡桿,效果會更佳。

Gaston Bouchayer

 

Prophets

灰色背景,多邊形裝飾。

Prophets
 

POSTYOU

個性化的斜線切割。

POSTYOU
 

The Enterprise Foundation

有效的視覺焦點(diǎn)打造,優(yōu)秀的不對稱干。幾何形狀的Logo,傾斜的箭頭極富視覺吸引力。

The Enterprise Foundation
 

Precious Villas

不平衡感強(qiáng)烈、歪斜的主頁。但是整體又簡潔、直觀。

Precious Villas
 

The George Hotel

如何讓網(wǎng)頁中的某一區(qū)塊更加被注意?試試斜線吧。

The George Hotel
 

結(jié)論

斜線、斜條紋、傾斜的形狀,能夠打造出不對稱感,讓網(wǎng)頁更加動態(tài)化。如果想要強(qiáng)調(diào)某一區(qū)域,不妨試試斜線,但要注意:使用斜線不意味著整體頁面可以繁雜、可以無組織。還是要注意整體的平衡感、組織感、整潔性。

分享本文至:

日歷

鏈接

個人資料

存檔