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