網(wǎng)頁設(shè)計首頁焦點圖的形式

前一段時間，搜狐家居改版，在設(shè)計時牽扯到焦點圖的設(shè)計，中間看了一些設(shè)計樣式，現(xiàn)在拿出來和大家一起分享~ 

1、通欄式（騰訊女性）

 這種方式很適合于資訊信息類不強，圖片展現(xiàn)較多，強調(diào)品質(zhì)的頻道頁。

 2、通欄異形圖文混排式（新浪尚品）

該頻道主要展示高端奢華內(nèi)容，資訊信息內(nèi)容較少，用通欄方式比較合適，異形比較新穎。

 3、簡潔圖文混排幻燈（新浪尚品子頻道）

下面這種方式較上一種更適合品質(zhì)展示的子頻道頁面。

 這次家居別墅改版用的焦點圖（設(shè)計師：成楓），很顯品質(zhì)。

4、圖片視頻共存的圖文混排幻燈（yahoo）

注意下面兩張圖分別是表現(xiàn)圖片和視頻不同媒體信息時的狀態(tài)，非常適合資訊類首頁。

 5、簡潔圖片幻燈

大家注意一下，下面小圖和大圖不是等比例的，大圖對畫面做了裁剪，效果也不錯。

下面這種上下呼應(yīng)的排布很適合資訊類首頁的表現(xiàn)。

   圖片和文字的組合可以更自由。

6、多種形式并存的圖文混排幻燈

下面兩個是幻燈中的不同兩幀，分別采用了不同的設(shè)計形式，即可以一次一個信息，也可以同時有三個信息，比較靈活。

6、商品展示類幻燈

淘寶商城首頁的幻燈采用大尺寸展示，每幀采用不用形式組合的設(shè)計，添加觸發(fā)效果，交互效果很好。

商品類的幻燈要以突出商品本身、名稱折扣，尺寸可以采用大幅和小幅組合的方式。

以上案例也是冰山一角，焦點圖的樣式是為產(chǎn)品內(nèi)容服務(wù)的，所以樣式的選擇還是要根據(jù)內(nèi)容的需求確定。