一欄式布局,是指將整個(gè)頁面作為信息的展示區(qū),一欄式布局可以給讀者很直觀的感受,結(jié)構(gòu)簡(jiǎn)單,頁面清晰,用戶的閱讀壓力較小,同時(shí)能夠集中展示信息,重點(diǎn)突出頁面,方便用戶找到網(wǎng)站的重點(diǎn)內(nèi)容,但是一欄式布局的排版方式會(huì)受到限制,因此會(huì)導(dǎo)致頁面承載的信息量不足。在使用一欄式布局的時(shí)候,應(yīng)該盡量在首頁添加導(dǎo)航或者重要連接的入口,以此來引導(dǎo)用戶進(jìn)行深度瀏覽。
另外,有一種結(jié)合了一欄式于三欄之間的布局方式——兩欄式布局,這種方式,可以容納比一欄式布局更多的內(nèi)容,但是不具備一欄式的沖擊力,相比三欄式,其信息則顯得相對(duì)更有條理。
三欄式布局則相對(duì)復(fù)雜,為了盡可能多的顯示出信息內(nèi)容以及提高信息的密集度,三欄式布局可以極大的提高網(wǎng)站的信息容量,但是也會(huì)導(dǎo)致信息的擁擠,給用戶尋找有用信息帶來不便,使得網(wǎng)站變得更加不可控。
最典型的三欄式布局,就是中間寬,兩邊窄的模式,這種布局方式中,中間欄的寬度較大,在視覺比例上相對(duì)突出,更容易抓住眼球,因此用戶默認(rèn)中間為重點(diǎn)信息,兩邊的內(nèi)容為次要信息或者廣告;這種布局方式,引導(dǎo)用戶的視覺流聚焦于中間,然后向兩側(cè)移動(dòng)。這種界面布局的典型應(yīng)用就是新浪微博。
現(xiàn)在很多信息極豐富的大型網(wǎng)站,尤其是電商網(wǎng)站,其界面布局方式已經(jīng)不單是以上中的某一種,而是幾種布局方式的結(jié)合,以京東首頁為例,進(jìn)入頁面時(shí),主界面為三欄式,從左至右依次為:列表導(dǎo)航區(qū)、信息展示區(qū)和推薦位導(dǎo)航區(qū),而下面的商品展示和廣告位,則采用一欄式的界面布局方式。這種多布局方式結(jié)合的頁面設(shè)計(jì),既利用導(dǎo)航引導(dǎo)了用戶的視覺流、又利用精美圖片吸引用戶注意,而且保證了頁面空間的充分利用,可以說是比較合理、高效的界面設(shè)計(jì)。