TOP10 產品相簿 Product Gallery 設計參考

2016-07-08

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

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

Delux

典型的相片簿設計方式

 

deluxice-gallery

 

Sony

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

 

sony-gallery

somedia.tv

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

 

sony-gallery

 

Pioneer Dj

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

 

sony-gallery

 

bellroy

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

 

sony-gallery

 

Akizukien

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

 

sony-gallery

 

Qualz

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

 

sony-gallery

 

Sakuzan

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

 

sony-gallery

 

Ergohuman

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

 

sony-gallery

 

nissin

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

 

sony-gallery

 

 

 

訂閱文章

想要收到CADIIS網頁設計公司的相關訊息嗎?

我們會在FB轉貼網頁設計專欄文章,歡迎訂閱CADIIS凱士數位臉書專頁


想詢問網站設計方面的問題?

沒問題!

凱士網站設計公司深受B2B外銷公司、上市櫃公司及外商公司推薦,累積超過100個網頁設計案例。

我們很樂意用淺顯易懂的方式讓我們的客戶輕鬆了解網頁設計的各種疑難雜症。

如果您對網站設計規劃有任何問題,歡迎與我們聯絡:立即填寫諮詢表單