B2C網店產品圖片櫥窗設計參考

在網店系統(tǒng)的產品詳細頁面中，展示產品細節(jié)涉及多張產品圖片和相關的媒體文件、pdf、doc等，可供顧客瀏覽產品細節(jié)、進行試讀、試聽、試看等，從各個角度來介紹產品，這些內容越豐富越有利顧客了解產品，也越有利顧客做出購買決定。
但產品詳細頁面本身就有很多信息，包括產品名稱、價格、描述、規(guī)格參數(shù)、評論等，如果還加上這么多圖片和媒體文件，那么該頁面將會顯得非常臃腫，導致排版困難，讀取速度變慢等問題。
現(xiàn)在通用的解決方式是設計一個專門的產品圖片櫥窗頁面（ProductPhotoGallery）。
該頁面的入口一般是直接點擊產品詳細頁面的產品大圖然后彈出層或者彈出新頁面。該頁面?zhèn)冗吜谐霎斍爱a品所有的產品圖片的縮略圖，點擊縮略圖時，中間區(qū)域顯示對應的大圖，有些還提供放大功能，供顧客查看關注的細節(jié)。
產品圖片櫥窗的實現(xiàn)方式目前常見的是兩種：Flash圖片櫥窗、Javascript圖片櫥窗。
下面將就這兩種方式做詳細說明：
Flash圖片櫥窗
典型的例子是淘寶，實現(xiàn)方式是設計一個Flash程序，讀取指定目錄下的指定文件（若干個），但是淘寶做得并不好，感覺會導致圖片失真，所以絕大部分店主都是在詳細頁面中插入圖片的方式顯示給顧客。
Flash方式的好處是不容易被復制或者做盜鏈，有利于保護圖片，而且如果做得好，效果也很漂亮，淘寶在這點上做得太過粗糙了，往往會掩蓋了Flash櫥窗的優(yōu)點。
這里有很多優(yōu)秀的FlashGalley，可做參考：http://flash-gallery.com/

圖書試讀型
點擊一個圖書產品的產品圖片彈出的層（注意是層而不是新的頁面）。
這個櫥窗頁面的設計較為復雜，是專門針對圖書類商品設計。
對于圖書類產品，顧客在試讀的過程中往往會做出購買決定，而且圖書類產品基本不會涉及產品規(guī)格，所以在該頁面整合了AddtoCart按鈕和AlsoBuy關聯(lián)推薦，這點和其它產品有所不同了。
總結
Flash雖然效果很漂亮，但是國內使用Flash做產品櫥窗做得好的暫時沒有發(fā)現(xiàn)，我提供的參考例子只是一些樣例，并沒有實際的整合到網店系統(tǒng)中的優(yōu)秀案例，而且因為它對SEO不友好，加上需要開發(fā)人員掌握一門新的技術，所以并不推薦使用。
采用Javascript+Html+CSS可以實現(xiàn)更為復雜的功能和展示方式（炫目的效果并不是首要的，友好的功能才是最重要的），這是實現(xiàn)產品圖片櫥窗模板的好選擇。
應該支持規(guī)格的個性圖片櫥窗展示，有利于顧客查看指定規(guī)格的產品圖片，而不是大雜燴的混在一起。

分享題目：B2C網店產品圖片櫥窗設計參考
本文來源：http://muchs.cn/news32/217432.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供移動網站建設、做網站、營銷型網站建設、外貿網站建設、企業(yè)網站制作、外貿建站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)