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

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

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

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

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

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

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

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