網(wǎng)頁(yè)排版為什么要選擇左圖右文結(jié)構(gòu)

很多時(shí)候，我們?cè)谂袛嗑W(wǎng)頁(yè)設(shè)計(jì)的好壞容易，但要說(shuō)出哪里好哪里不好，我們就很難說(shuō)出原因來(lái)。我們只有經(jīng)過(guò)思考才能找到問(wèn)題所在。合肥網(wǎng)站制作今天要說(shuō)的就是圖文如何搭配比較好。

我們經(jīng)常看到各大新聞網(wǎng)站中的排版并不一樣，很多新聞博客網(wǎng)站圖文的排版一般都是圖片在左文字在右的結(jié)構(gòu)展現(xiàn)出來(lái)，當(dāng)然也有些網(wǎng)站的圖片在右文字在左。這又是為什么呢？

文章中配圖本身是沒(méi)有任何信息量的，人們的視覺(jué)習(xí)慣一般都是從左向右，圖左文右的排版方式可以讓用戶的視線呈連續(xù)“Z”字形，也不是一條直線到底。那么圖片放到右側(cè)應(yīng)該也不會(huì)對(duì)用戶的閱讀造成干擾吧，并且用戶還可以快速地一條直線瀏覽文章，我們還可以把左側(cè)列表和右側(cè)欄目分隔開(kāi)來(lái)。

圖片信息量似乎是一個(gè)很專業(yè)的名詞，但是將整個(gè)首頁(yè)呈現(xiàn)到你面前的時(shí)候，你就會(huì)覺(jué)得有些不對(duì)勁。到底是哪里出了問(wèn)題？主要表現(xiàn)在四個(gè)方面。

1.圖片雖然沒(méi)有信息量，但比文字要吸引人。右圖左文的結(jié)構(gòu)用戶看到的就是標(biāo)題-圖片-標(biāo)題這樣的內(nèi)容信息，也就是加寬版的“Z”字形。如果將標(biāo)題和圖片分隔開(kāi)來(lái)，在視覺(jué)上可能會(huì)好一點(diǎn)，但只瀏覽文字用戶會(huì)覺(jué)得太單調(diào)乏味。

2.如果是左圖右字的結(jié)構(gòu)，雖然用戶在視覺(jué)上要不斷呈“Z”字形，但和右圖左字顯得要短很多。即使用戶只是快速瀏覽標(biāo)題或配圖，往往也會(huì)通過(guò)余光瀏覽到所有標(biāo)題和配圖。

3.從整個(gè)頁(yè)面來(lái)看，左圖右文的結(jié)構(gòu)可以讓標(biāo)題正處于網(wǎng)頁(yè)的水平中部，不會(huì)讓人覺(jué)得網(wǎng)頁(yè)太寬。相反，在視覺(jué)上還會(huì)形成一種邊界感，使得內(nèi)容看上去會(huì)短一些。如果是右圖左文的結(jié)構(gòu)，左右欄目分隔，最終會(huì)將用戶最關(guān)注的部分轉(zhuǎn)移到左側(cè)，右側(cè)也越來(lái)越遠(yuǎn)，這并不是排版所要的最終結(jié)果。

4.左文右圖的結(jié)構(gòu)形式，用戶視覺(jué)上從標(biāo)題向右移動(dòng)，然后看到配圖，而左側(cè)不會(huì)又任何界限。這個(gè)時(shí)候，用戶要么選擇看右側(cè)欄要么折回來(lái)看下一篇。而左圖右文的結(jié)構(gòu)，用戶就沒(méi)有下意識(shí)的選擇了，用戶可以很自由地在配圖和標(biāo)題之間選擇，不會(huì)因?yàn)榉謾诙雎匀魏我贿?，所有說(shuō)左圖右文的網(wǎng)頁(yè)結(jié)構(gòu)更加合理。