在進(jìn)行網(wǎng)頁制作時(shí),我們思考的總是比呈現(xiàn)出來的頁面布局要多,但是不管如何,總歸有個(gè)固定的模式在指引著我們。今天,小凡就分享兩個(gè)網(wǎng)頁制作布局模式,看看你在自己制作網(wǎng)頁時(shí)是不是也是用這兩種布局模式呢?
一、F模式
F模式的網(wǎng)頁布局是大多數(shù)網(wǎng)站都會(huì)采取的布局方式,比如文字類的網(wǎng)站,電商網(wǎng)站都可以采用這種布局。這種模式的好處就是用戶會(huì)沿著左側(cè)垂直瀏覽而下,先去尋找文章中每個(gè)段落開頭的興趣點(diǎn),這時(shí),如果用戶發(fā)現(xiàn)了他喜歡的,他就會(huì)從這里開始水平線方向的閱讀,即用戶的視線呈F型或E型進(jìn)行瀏覽。

在所有的瀏覽模式中,F(xiàn)模式就是一個(gè)引導(dǎo)路線圖,而不僅僅是一個(gè)頁面。因?yàn)镕模式除了頂部展示區(qū)外,其他內(nèi)容會(huì)顯得略微平淡。
二、Z模式
Z模式的瀏覽模式在于網(wǎng)頁內(nèi)容主要不是文字。不論是否因?yàn)檫@里有個(gè)菜單欄,還是就是僅僅因?yàn)閺淖蟮接易陨隙碌拈喿x習(xí)慣,用戶首先關(guān)注的頁頭水平方向上的內(nèi)容。當(dāng)視線抵達(dá)底部時(shí),又遵循著從左到右的習(xí)慣模式,重復(fù)再水平掃視頁尾的底部內(nèi)容。

Z模式幾乎可以使用到任何的網(wǎng)頁交互,它的優(yōu)點(diǎn)就是簡(jiǎn)單。如果你的網(wǎng)站內(nèi)容很多并且很復(fù)雜的話,用這個(gè)模式效果就會(huì)差點(diǎn)。
以上兩種類型的網(wǎng)頁制作布局模式是網(wǎng)站建設(shè)中比較常見的,也是用戶比較習(xí)慣的模式。當(dāng)然,因?yàn)槊總€(gè)人的設(shè)計(jì)思維是不同的,只有將規(guī)律靈活運(yùn)用才可以制作出更加豐富的網(wǎng)頁。