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

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

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(   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ā)到您的郵箱中,   請點這里

網(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ù)牟黄胶狻4罅績A斜的線條不但可以用來做裝飾,也可起到功能性作用。傾斜的矩形做微件,整體感很強(qiáng)烈。

Networked Insights
 

Wavefront Musical Festival

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

Wavefront Musical Festival
 

Bespoke

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

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

有效的視覺焦點打造,優(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ū)域,不妨試試斜線,但要注意:使用斜線不意味著整體頁面可以繁雜、可以無組織。還是要注意整體的平衡感、組織感、整潔性。

日歷

鏈接

個人資料

存檔