269
搜狐
旺鋪裝修之圖片攻略 - 常見問題
旺鋪效果好,圖片很重要,在這裏和大家分享下,我的旺鋪地址是https://yjbestsource.en.alibaba.com/
關鍵點一:做怎樣的圖
1.構思
在進行整體構思之前，我們進行一些市場調查，和信息整合。因為我們的產品以廚房用具為主，所以我們對淘寶上的廚房大賣家鋪子進行考察，構想我們的設計風格。最終通過討論，確定整體的風格-淡雅。
我們的鋪子以淡雅的偏棕的裸粉色為主色調，主要想給進來的客人，一個高品質家的感覺,以溫馨為賣點。整個網站的結構是“大圖展示區”-“分類導航區”-“圖片輪播展示區”-“產品展示區”。
2.結構
在導航條的下麵，我們設計一個大圖展示區，目的是把我們customer-oriented（以顧客為中心）的理念帶給客人。在大圖展示區下麵，放置了一個自己設計的分類導航區，目的很簡單，讓客人更直觀，更便利地找到想要購買的產品。再下麵是一個圖片輪播模塊，其中主要展示我們的產品，讓客人感受到我們佰德源公司（Bestsource）有一個專業可靠的團隊，給客人高品質的產品和最優質的服務。接下來是產品展示區，每樣產品點進去，可以看到具體的產品描述，供客人瀏覽產品信息。
特別說一下，因為我們公司在全球速賣通也設有店鋪。在公司簡介和主要產品模塊之間，我們設立一個鏈接，把國際站的客流，引流到我們的速賣通店鋪，這樣能滿足不同數量購買需求的買家。
有一個設計概念之後，就可以確定每個模塊，我們需要的圖有哪一些，可以確定我們需要的圖有：店招圖片，展示大圖，分類導航圖，速賣通鏈接圖。
關鍵點二: 怎樣做？
1. 確定圖片尺寸
在導航條的下麵，我們設計一個大圖展示區，目的是把我們customer-oriented（以顧客為中心）的理念帶給客人。在大圖展示區下麵，放置了一個自己設計的分類導航區，目的很簡單，讓客人更直觀，更便利地找到想要購買的產品。再下麵是一個圖片輪播模塊，其中主要展示我們的產品，讓客人感受到我們佰德源公司（Bestsource）有一個專業可靠的團隊，給客人高品質的產品和最優質的服務。接下來是產品展示區，每樣產品點進去，可以看到具體的產品描述，供客人瀏覽產品信息。
特別說一下，因為我們公司在全球速賣通也設有店鋪。在公司簡介和主要產品模塊之間，我們設立一個鏈接，把國際站的客流，引流到我們的速賣通店鋪，這樣能滿足不同數量購買需求的買家。
有一個設計概念之後，就可以確定每個模塊，我們需要的圖有哪一些，可以確定我們需要的圖有：店招圖片，展示大圖，分類導航圖，速賣通鏈接圖。
關鍵點二: 怎樣做？
1. 確定圖片尺寸
根據旺鋪結構所需要的頁麵圖片大小，我們確定店招的尺寸是990*150像素，導航條是990*33像素，展示大圖是1905*847像素，速賣通鏈接圖是990*300像素。自主導航模塊是由8張小圖構成尺寸是245*105像素。
TIPS：在確定圖片尺寸的時候，有一點要注意，就是圖片在不同大小的電腦屏幕，展示的情況不一樣，所以在做展示大圖的時候，把要重點突出的內容放在中間的990像素內，以防在小的屏幕看不見內容。
2.進行設計
進行設計的時候，要按照之前的設計思路進行，由於我們之前，已經確定了主色調，那麼設計就要和主色調配合，我們用文字的方式突出我們的公司理念，用圖片的方式展出一個高格調的廚房，用顏色帶出我們想給顧客一個有繽紛有活力的家的感覺。
TIPS：因為我們的產品主要是廚房用具，所以我們主要圍繞的就是廚房場景設計，一定要根據自己家的產品進行設計，不要盲目模仿。
3.分割發布
我們如何把一塊塊的圖切割上去了，大圖做好後，如何能做到融為一體呢？這個就需要一點技術活了，因為中間部分是插入自定義鏈接，所以我們要把位置切割得剛剛好，然後才能感覺是整個畫麵融為一體。
大圖（插入到背景），注意店標另外插入來做
中間的切圖
自定義導航欄，插入八張小圖，八張小圖分別加上鏈接
個人覺得，我們旺鋪的優點是整個頁麵融為一體，看完我的分享，你的旺鋪是否有了更多的靈感呢？
中間的切圖
自定義導航欄，插入八張小圖，八張小圖分別加上鏈接
個人覺得，我們旺鋪的優點是整個頁麵融為一體，看完我的分享，你的旺鋪是否有了更多的靈感呢？
本帖內容來自作者：yjbestsource
最後更新：2016-12-28 06:49:42