給網(wǎng)頁(yè)設(shè)計(jì)來(lái)點(diǎn)新花樣！試試垂直分割布局

最近瀏覽了一堆有趣的網(wǎng)站，進(jìn)行一系列分門(mén)別類(lèi)之后，發(fā)現(xiàn)了一種垂直分割式的布局，簡(jiǎn)直是給網(wǎng)頁(yè)玩出了新花樣：設(shè)計(jì)師將頁(yè)面對(duì)半分割，分別呈遞不同的內(nèi)容。通常顏色一深一淺，同時(shí)讓用戶(hù)對(duì)兩者進(jìn)行選擇。

小編認(rèn)為這種布局的好處在于，呈遞更多的內(nèi)容，給予用戶(hù)更多的選擇余地，制造話(huà)題，讓用戶(hù)對(duì)內(nèi)容產(chǎn)生好奇，從而進(jìn)行深入瀏覽。
本文收集了十個(gè)垂直分割布局的案例，來(lái)好好欣賞下吧：

Mission Motorcycles

Desktime

Greats Brand

Coffee Surfing Illy

The Mealings

Rick & Drew

fifty-five

Peugeot

Blueprint: Split Layout (Tutorial)

原文地址：line25

轉(zhuǎn)摘請(qǐng)注明優(yōu)設(shè)網(wǎng)譯文出處，謝謝各位小編。

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線(xiàn)端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊(cè)：網(wǎng)頁(yè)設(shè)計(jì)師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計(jì)指南http://hao.uisdc.com/ps/。
設(shè)計(jì)微博：擁有粉絲量57萬(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ò)掃描下方二維碼快速添加：