關於網站的相片簿元件,它是能夠囊括許多圖片,讓網站的訪問者在縮圖列自由點選所想要看的圖片,點選後放大,有如放映的效果,在圖片上的觀看就迅速許多,而且對於網站經營者也是非常方便的,因為它能針對單一品項管理多圖,非常適用於購物網站,因需要向消費者提供多張商品細節的照片,如果以相片簿方式呈現,在介面上也能呈現簡潔的效果,而不紊亂。

以下分享10個網站的Photo Gallery設計範例:

1.Delux

典型的相片簿設計方式

deluxice-gallery

 

2.Sony

採用大版面的呈現方式,簡潔有力的風格設計

sony-gallery

3.somedia.tv

搭配乾淨的底色,也能襯托出產品的特性

somedia-gallery

 

4.Pioneer Dj

在相片簿的預覽圖列,簡潔強烈的風格很符合產品特性

pioneerdj-gallery

 

5.bellroy

多張商品縮圖部分整齊排列,與主圖靠齊,在視覺呈現舒服的效果 

bellroy-gallery

 

6.Akizukien

縮圖位置改為商品大圖右側位置,也是能有協調的效果

akizukien-gallery

 

7.Qualz

縮圖尺寸比較大,適合圖片細節較不多的商品qualz-gallery

 

8.Sakuzan

採用無間距的排版方式,適合背景乾淨的圖片,視覺上也能夠協調

sakuzan-gallery

 

9.Ergohuman

商品細節圖較多,就能使用箭頭來消化大量的圖片

ergohuman-gallery

 

10.nissin

在介面上採用較生動.活潑的設計

nissin-gallery

 

想跟我們談談你的網頁設計構想嗎?

 

 

網頁設計洽詢 >