2列,頭寬
這是一個(gè)好主意,說(shuō)是最常見(jiàn)的布局。有廣泛的頭球頂,2列960px,一個(gè)是大的,另一種是狹義的。有越來(lái)越窄,如導(dǎo)航,并設(shè)置在側(cè)邊欄。
按照慣例,在許多博客是一個(gè)地方的導(dǎo)航方式的權(quán)利是廣泛的,靜態(tài)網(wǎng)站向左側(cè)。
3列,頭寬
布局是由WordPress和Blogger流行,不同于前2列,插入兩個(gè)窄列寬的列。窄列包含元素,如導(dǎo)航,寬闊的中心柱,將放置的主要內(nèi)容。
頭寬應(yīng)放在以跨越列三。
四盒
布局產(chǎn)品新聞和博客中經(jīng)常看到,有一個(gè)為頭的寬度相同的大箱子,它下面的小盒子是一字排開(kāi)的布局。一個(gè)小盒子,約二至五年。
大箱子,把內(nèi)容規(guī)定,在一個(gè)小盒子,將提供的信息和對(duì)第二它的補(bǔ)充。這是很簡(jiǎn)單的,戲劇性的視覺(jué)布局。
格不明朗
網(wǎng)格布局和傳統(tǒng)的基于網(wǎng)格的布局比的不確定性,你應(yīng)該有很扭曲。將箱子的不確定性蔓延到網(wǎng)站的每個(gè)元素的寬度。可以改變這些框的高度和寬度,它增加了可視化布局的能源。
可用性問(wèn)題將秸稈這種布局也很困難。然而,它給人的印象是毫無(wú)疑問(wèn)的巧妙。
大屏幕截圖
軟件和網(wǎng)絡(luò)應(yīng)用的布局,將頭正下方的大尺寸的屏幕截圖。高清晰度圖像使用的東西,然后迫使產(chǎn)品。
信息大屏幕截圖后,基于網(wǎng)格的框,數(shù)量多(2或4)。
單柱
此布局與簡(jiǎn)約的設(shè)計(jì)安裝,我經(jīng)??吹竭@樣的組合網(wǎng)站。只有一個(gè)窄欄是640px不多,如額外的導(dǎo)航將被降級(jí)到頁(yè)腳。這是很難定位,在簡(jiǎn)約的設(shè)計(jì)是最佳的布局。
壓花形象
這種布局往往是作為一個(gè)智能手機(jī)應(yīng)用程序等。放置在一個(gè)單獨(dú)的列設(shè)置了一個(gè)大的圖像的左側(cè)和地方的內(nèi)容,遵循它。無(wú)標(biāo)題通常是極簡(jiǎn)主義的東西,只有最低頁(yè)腳,你應(yīng)該引導(dǎo)用戶到主下載頁(yè)。
固定側(cè)邊欄
在固定側(cè)面導(dǎo)航欄中包含的所有元素的布局來(lái)看,主要內(nèi)容可以滾動(dòng)。固定側(cè)邊欄,但是,以方便的導(dǎo)航,它會(huì)影響可用性。
基于網(wǎng)格的庫(kù)
流行的布局,是其投資組合的攝影師和設(shè)計(jì)師的理想布局。行是2至6列,增加為串聯(lián)畫(huà)廊所需的數(shù)目。有很多的創(chuàng)意效果,還設(shè)有許多事情非常直觀。
時(shí)尚雜志
這種布局幾乎是無(wú)規(guī)律可循。設(shè)計(jì)師設(shè)計(jì)使用一個(gè)相當(dāng)大的畫(huà)布。通常放置在最重要的內(nèi)容脫穎而出,組織其他來(lái)源的信息,根據(jù)其優(yōu)先級(jí)。
布局的復(fù)雜性,將影響可用性,雜志和在線新聞網(wǎng)站可以發(fā)布大量的信息。
本文作者來(lái)自北京傳誠(chéng)信,轉(zhuǎn)載請(qǐng)注明出處:北京傳誠(chéng)信(js-hbsb.cn)