B2C網(wǎng)店產(chǎn)品圖片櫥窗設(shè)計(jì)參考

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

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

名稱欄目：B2C網(wǎng)店產(chǎn)品圖片櫥窗設(shè)計(jì)參考
轉(zhuǎn)載來源：http://muchs.cn/news/217432.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)頁(yè)設(shè)計(jì)公司、Google、外貿(mào)建站、網(wǎng)站改版、全網(wǎng)營(yíng)銷推廣、營(yíng)銷型網(wǎng)站建設(shè)

廣告

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