大多數(shù)傳統(tǒng)的網(wǎng)頁(yè)都是直愣愣的豎直水平的設(shè)計(jì)。不過(guò)現(xiàn)在，斜線網(wǎng)頁(yè)設(shè)計(jì)與視差滾動(dòng)設(shè)計(jì)（譯者注：一種特殊的網(wǎng)頁(yè)形式呈現(xiàn)形式，其基礎(chǔ)原理是讓多層背景以不同的速度搬動(dòng)，形成立體的感覺(jué)，帶來(lái)卓越的視覺(jué)體驗(yàn)）正在挑戰(zhàn)這一傳統(tǒng)。傾斜的設(shè)計(jì)構(gòu)圖與之前我們接觸的各種理論背道而馳，將人們的注意力從網(wǎng)頁(yè)內(nèi)容中吸引到這些不規(guī)則的圖形設(shè)計(jì)上。

延伸閱讀：20個(gè)漂亮的單頁(yè)滾動(dòng)視差網(wǎng)頁(yè)模版欣賞

一些網(wǎng)站還是使用大版面的傳統(tǒng)垂直排版，再添加一些簡(jiǎn)單的小巧的斜線設(shè)計(jì)，這樣是十分搶眼的。而另一些網(wǎng)站則是使用對(duì)稱的斜線或多邊形，這樣的布局會(huì)比較的平衡，也會(huì)使用戶有更好的體驗(yàn)：他們既會(huì)注意到布局，也不會(huì)忽略網(wǎng)頁(yè)的內(nèi)容，同時(shí)，網(wǎng)頁(yè)的導(dǎo)航也很自然到位。不過(guò)在2011年12月的網(wǎng)頁(yè)設(shè)計(jì)會(huì)上，有一些網(wǎng)頁(yè)設(shè)計(jì)完全拋棄以往的干凈簡(jiǎn)潔理論，結(jié)果是他們的網(wǎng)頁(yè)看起來(lái)有點(diǎn)混亂無(wú)序。也就是說(shuō)，想要利用斜線設(shè)計(jì)的搶眼效果，前提是不能犧牲了用戶的體驗(yàn)。如果頁(yè)面上有太多雜亂的東西，并且用戶也不能很容易地在這個(gè)網(wǎng)頁(yè)上瀏覽，那么他們很快就會(huì)喪失一開(kāi)始的好奇感而一去不返。

色彩在傳統(tǒng)的垂直排版中是十分重要的，而在斜線排版中也有其一席之地。如果網(wǎng)頁(yè)的布局、設(shè)計(jì)都充滿色彩，而且不會(huì)干擾用戶注意和用戶體驗(yàn)，那么色彩在斜線設(shè)計(jì)中就有神奇的點(diǎn)睛作用。下面有的一些斜線設(shè)計(jì)網(wǎng)頁(yè)都很匠心獨(dú)運(yùn)，它們的設(shè)計(jì)、布局、色彩都做得恰如其分，使得這些網(wǎng)頁(yè)的導(dǎo)航都很直觀、簡(jiǎn)單。同時(shí)，看起來(lái)又那么的狂拽炫酷。使用經(jīng)過(guò)深思熟慮設(shè)計(jì)的斜線網(wǎng)頁(yè)會(huì)能更吸引訪客，給他們留下深刻的印象，也更有可能讓他們?cè)谀愕木W(wǎng)頁(yè)上呆更長(zhǎng)的時(shí)間。

這篇文章里，我們要與你分享許多斜線設(shè)計(jì)網(wǎng)頁(yè)。希望這里的一些內(nèi)容能對(duì)你以后的設(shè)計(jì)靈感有所幫助。如果你喜歡的話，歡迎你將這篇文章轉(zhuǎn)載給你的朋友們。

Yamaha

Whyinteractive

Badminton-center

Arnaudbeelen

bloedoranjegallery

Carterdigital

Piropixel

Wixel

Skidpasset

Neotokio

Kikk

Designergleb

Unfold

Ethanmarcotte

Truly-design

Bleepradio

Fusionroom

Davidkopec

Olivers

Tympanus

Vonchurch

 
原文地址:GOOD FAV
 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)講座：每月邀請(qǐng)國(guó)內(nèi)互聯(lián)網(wǎng)公司設(shè)計(jì)前輩及行業(yè)總監(jiān)在群內(nèi)及YY語(yǔ)音（YY頻道：15335158）分享實(shí)戰(zhàn)經(jīng)驗(yàn)。
設(shè)計(jì)微博：擁有粉絲量28萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：