網頁圖片過多時要注意網頁設計整體感

來源:互聯網
上載者:User

朋友發了一個比較幽默的圖片文章,說的是“鄰居的重要性”呵呵,相當的搞笑。看這個圖片文章標題的時候,讓我想起了我在最近兩天畫產品結構圖的時候遇見的一個問題,正好記錄下來和大家分享一下。

  問題:

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

  這2個問題是圖片多的網站和廣告多的網站必須要注意的。而作為PM,對版面的控制,我們在前期能做的就是對位置的控制,和對排版結構的控制,在做這些結構和排版的時候,一定要在腦子裡有個整體的感覺和效果圖出來。

  OK,上幾個圖來說明一下,先上一個VISIO結構圖,再上一個某頁面的實際圖,最後上一個某網站比較優秀的處理後的圖,對比說明一下原因。


 

  這樣的VISIO圖相信很多PM都是這樣做出來的,我們都可能吸收了很多市場和銷售的意見,然後做出這個結構,我們都相信做出來的效果應該是不錯的,最少布局上我們都設計的還算合理。

  結果呢?往往出來後成了這個樣子。。看下圖

 



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

  分析原因所在,很大的程度上是因為缺少頁面的整體性的控制,或者說缺乏整體的規範,導致頁面廣告或者圖片的混亂疊加,最後出的一個混亂的效果。

  作為PM,在前期,應該將這些因素考慮進去,這樣才能避免在後期出“一團混亂”。想想整體,想想不同元素之間的“鄰居效應”。

  下面發一個淘寶的這個圖片整體感的頁面,這些是這些大網站為什麼整體上看上去高品質和整體感比一些小網站好的原因。

 



  整體感,廣告和圖片之間的色彩影響,色彩協調。

  呵呵,在這個過程中和PM分享一下一個頁面版塊設計的思想。
  1、考慮圖片內容的設計可能性結果對整體的影響。
  2、考慮一下圖片之間的“鄰居效應”

  呵呵。。。上個幽默的圖。。。。發上那個幽默的URL連結。

 



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。