首頁(yè)?>?知識(shí)?資訊?>?幾種常見(jiàn)的網(wǎng)站設(shè)計(jì)的布局形式。?>?正文

幾種常見(jiàn)的網(wǎng)站設(shè)計(jì)的布局形式。

2012/7/19 0:00:00 · 稿源:傳誠(chéng)信

2列,頭寬

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

拍攝現(xiàn)場(chǎng)

Uncrunched

3列,頭寬

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

拍攝現(xiàn)場(chǎng)

加里Vaynerchuk

四盒

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

拍攝現(xiàn)場(chǎng)

的Flickr

格不明朗

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

拍攝現(xiàn)場(chǎng)

siete德Febrero

大屏幕截圖

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

拍攝現(xiàn)場(chǎng)

單柱

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

拍攝現(xiàn)場(chǎng)

視覺(jué)技工

壓花形象

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

拍攝現(xiàn)場(chǎng)

Instagram的

固定側(cè)邊欄

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

拍攝現(xiàn)場(chǎng)

gawker

基于網(wǎng)格的庫(kù)

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

拍攝現(xiàn)場(chǎng)

YourNeighbors.de

時(shí)尚雜志

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

拍攝現(xiàn)場(chǎng)

“紐約時(shí)報(bào)”

本文作者來(lái)自北京傳誠(chéng)信,轉(zhuǎn)載請(qǐng)注明出處:北京傳誠(chéng)信(js-hbsb.cn


選擇北京網(wǎng)站建設(shè)公司-傳誠(chéng)信,優(yōu)質(zhì)服務(wù),絕對(duì)不容錯(cuò)過(guò) !
1. 優(yōu)秀的網(wǎng)絡(luò)資源,穩(wěn)定的網(wǎng)站和速度保證
(配送雙線獨(dú)立ip空間,國(guó)際A級(jí)BGP機(jī)房,99.5% 的主機(jī)在線時(shí)間)
2. 7年北京網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門(mén)
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時(shí)咨詢熱線

139-1050-5354