2列，頭寬

這是一個好主意，說是最常見的布局。有廣泛的頭球頂，2列960px，一個是大的，另一種是狹義的。有越來越窄，如導(dǎo)航，并設(shè)置在側(cè)邊欄。
按照慣例，在許多博客是一個地方的導(dǎo)航方式的權(quán)利是廣泛的，靜態(tài)網(wǎng)站向左側(cè)。

Uncrunched

3列，頭寬

布局是由WordPress和Blogger流行，不同于前2列，插入兩個窄列寬的列。窄列包含元素，如導(dǎo)航，寬闊的中心柱，將放置的主要內(nèi)容。
頭寬應(yīng)放在以跨越列三。

加里Vaynerchuk

四盒

布局產(chǎn)品新聞和博客中經(jīng)常看到，有一個為頭的寬度相同的大箱子，它下面的小盒子是一字排開的布局。一個小盒子，約二至五年。
大箱子，把內(nèi)容規(guī)定，在一個小盒子，將提供的信息和對第二它的補充。這是很簡單的，戲劇性的視覺布局。

的Flickr

格不明朗

網(wǎng)格布局和傳統(tǒng)的基于網(wǎng)格的布局比的不確定性，你應(yīng)該有很扭曲。將箱子的不確定性蔓延到網(wǎng)站的每個元素的寬度。可以改變這些框的高度和寬度，它增加了可視化布局的能源。
可用性問題將秸稈這種布局也很困難。然而，它給人的印象是毫無疑問的巧妙。

siete德Febrero

大屏幕截圖

軟件和網(wǎng)絡(luò)應(yīng)用的布局，將頭正下方的大尺寸的屏幕截圖。高清晰度圖像使用的東西，然后迫使產(chǎn)品。
信息大屏幕截圖后，基于網(wǎng)格的框，數(shù)量多（2或4）。

紙

單柱

此布局與簡約的設(shè)計安裝，我經(jīng)常看到這樣的組合網(wǎng)站。只有一個窄欄是640px不多，如額外的導(dǎo)航將被降級到頁腳。這是很難定位，在簡約的設(shè)計是最佳的布局。

視覺技工

壓花形象

這種布局往往是作為一個智能手機應(yīng)用程序等。放置在一個單獨的列設(shè)置了一個大的圖像的左側(cè)和地方的內(nèi)容，遵循它。無標題通常是極簡主義的東西，只有最低頁腳，你應(yīng)該引導(dǎo)用戶到主下載頁。

Instagram的

固定側(cè)邊欄

在固定側(cè)面導(dǎo)航欄中包含的所有元素的布局來看，主要內(nèi)容可以滾動。固定側(cè)邊欄，但是，以方便的導(dǎo)航，它會影響可用性。

gawker

基于網(wǎng)格的庫

流行的布局，是其投資組合的攝影師和設(shè)計師的理想布局。行是2至6列，增加為串聯(lián)畫廊所需的數(shù)目。有很多的創(chuàng)意效果，還設(shè)有許多事情非常直觀。

YourNeighbors.de

時尚雜志

這種布局幾乎是無規(guī)律可循。設(shè)計師設(shè)計使用一個相當(dāng)大的畫布。通常放置在最重要的內(nèi)容脫穎而出，組織其他來源的信息，根據(jù)其優(yōu)先級。
布局的復(fù)雜性，將影響可用性，雜志和在線新聞網(wǎng)站可以發(fā)布大量的信息。