朋友發(fā)了一個(gè)比較幽默的圖片文章，說的是“鄰居的重要性”呵呵，相當(dāng)?shù)母阈Γ粫?huì)我把URL寫在下面。

　　看這個(gè)圖片文章標(biāo)題的時(shí)候，讓我想起了我在最近兩天畫產(chǎn)品結(jié)構(gòu)圖的時(shí)候遇見的一個(gè)問題，正好記錄下來和大家分享一下。

　　問題：

　　1、網(wǎng)頁排版過程中，過多的圖片之間的影響。
　　2、過多的圖片（或者廣告）對整體頁面的效果的影響。

　　這2個(gè)問題是圖片多的網(wǎng)站和廣告多的網(wǎng)站必須要注意的。而作為PM，對版面的控制，我們在前期能做的就是對位置的控制，和對排版結(jié)構(gòu)的控制，在做這些結(jié)構(gòu)和排版的時(shí)候，一定要在腦子里有個(gè)整體的感覺和效果圖出來。

　　OK，上幾個(gè)圖來說明一下，先上一個(gè)VISIO結(jié)構(gòu)圖，再上一個(gè)某頁面的實(shí)際圖，最后上一個(gè)某網(wǎng)站比較優(yōu)秀的處理后的圖，對比說明一下原因。

　　這樣的VISIO圖相信很多PM都是這樣做出來的，我們都可能吸收了很多市場和銷售的意見，然后做出這個(gè)結(jié)構(gòu)，我們都相信做出來的效果應(yīng)該是不錯(cuò)的，最少布局上我們都設(shè)計(jì)的還算合理。

　　結(jié)果呢？往往出來后成了這個(gè)樣子。。看下圖

　　整體的效果大打折扣，頁面也缺乏整體性。

　　分析原因所在，很大的程度上是因?yàn)槿鄙夙撁娴恼w性的控制，或者說缺乏整體的規(guī)范，導(dǎo)致頁面廣告或者圖片的混亂疊加，最后出的一個(gè)混亂的效果。

　　作為PM，在前期，應(yīng)該將這些因素考慮進(jìn)去，這樣才能避免在后期出“一團(tuán)混亂”。想想整體，想想不同元素之間的“鄰居效應(yīng)”。

　　下面發(fā)一個(gè)淘寶的這個(gè)圖片整體感的頁面，這些是這些大網(wǎng)站為什么整體上看上去高質(zhì)量和整體感比一些小網(wǎng)站好的原因。

　　整體感，廣告和圖片之間的色彩影響，色彩協(xié)調(diào)。

　　呵呵，在這個(gè)過程中和PM分享一下一個(gè)頁面版塊設(shè)計(jì)的思想。
　　1、考慮圖片內(nèi)容的設(shè)計(jì)可能性結(jié)果對整體的影響。
　　2、考慮一下圖片之間的“鄰居效應(yīng)”

　　呵呵。。。上個(gè)幽默的圖。。。。發(fā)上那個(gè)幽默的URL鏈接。

　　原文：http://www.yangsu.cn/read.php?131