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

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

文章開始之前，特別向您和您所在的團隊推薦《PS禮儀手冊》！網(wǎng)頁設(shè)計師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計指南。

Paseo Itaigara

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

Impero

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

Alpina

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

Ullevi Preparty Area

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

Case 3D

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

Networked Insights

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

Wavefront Musical Festival

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

Bespoke

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

Vida Comunicacao

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

Dunlop

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

Startup Giraffe

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

Timberline Tours

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

V2

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

4V Connect

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

Fifteen Robin

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

Gaston Bouchayer

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

Prophets

灰色背景，多邊形裝飾。

POSTYOU

個性化的斜線切割。

The Enterprise Foundation

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

Precious Villas

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

The George Hotel

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

結(jié)論

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

原文地址：http://designmodo.com/websites-diagonal-lines/
優(yōu)設(shè)網(wǎng)翻譯:@MartinRGB；via：優(yōu)設(shè)網(wǎng)