|
關于阿里巴巴全球旺鋪的一些秘密 1. 怎樣才能把全球旺鋪首頁裝修成想要的風格,，適合老外的口味,？ 2. 沒有設計思維，想不出更多的排版樣式,、頁面美化不簡潔,？ 3. 我是外貿(mào)專業(yè)，不懂網(wǎng)頁代碼,無從下手,？ 4. 我不懂PS和DW和其它的設計軟件,，怎樣來自己裝修,？ 通過下面分享相信可以幫你實現(xiàn)自己操作，制作高大上的營銷型旺鋪 （分*享*交*流摳叩君羊210345921）我們的精神：開放,、分享,、互助、成長 大家好,，我是A-Don（摳叩316567515）,，今天給大家分享關于全球旺鋪的一些秘密，打造屬于自己的專屬營銷型旺鋪,，希望在外貿(mào)路上逐漸成長起來,，多一分努力、多一分知識,！ 案例旺鋪：http://gyancheng.en.alibaba.com/ 尺寸定格局 1. 首先我們來學習的第一步是整個旺鋪首頁究竟是什么尺寸比較合適,，背景和每個板塊之間能夠和諧融合，不會出現(xiàn)錯位,。 2. 首頁整個屏幕的寬度為1920像素,，比這個像素小的設計，在某些高分辨率的顯示器兩邊會出現(xiàn)不完全不協(xié)調(diào)現(xiàn)象,，首頁高度隨自己做的旺鋪而定,。  4. 導航欄寬度為990像素,，高度為33像素,，請不要加大減小像素導致版面不協(xié)調(diào) 5. 導航下面可以插入自定義內(nèi)容，寬度仍然為990像素,，在這個自定義內(nèi)容板塊就是我們發(fā)揮設計思維的地方了,，這里可以放入代碼和gif圖像使旺鋪效果更佳。 思維定風格 1. 知道以上旺鋪的尺寸我們可以開始設計我們的旺鋪了,，首先要知道一個旺鋪的色調(diào)很重要,，直接影響視覺體驗，所以我們務必要去結合自身產(chǎn)品特色和出口國家網(wǎng)站風格去定格自己的色調(diào),，日韓的追求細膩、華麗,、絢麗網(wǎng)頁風格,；歐美追求簡潔明了的網(wǎng)站風格，快速的導航設置則對他們比較重要,。在這里我們首先要注意到一個細節(jié),就是外國人和中國人的審美觀念的不一致,，外國人講究實在的東西，喜歡講究快速明朗,、簡單大方的網(wǎng)頁結構,，請忘掉某寶某貓上的五顏六色版面！以下分享幾個色彩搭配的網(wǎng)站： 千圖網(wǎng)配色工具：http://www.58pic.com/peise/ 在線配色網(wǎng)：http://www./tools/web/ 外國配色網(wǎng)：http:///tools/color_palette/ http://www./combotester.html http:///GradientMaker 素材定主體 1. 巧婦難為無米之炊，沒有好的素材,，再多的想法都是憑空想象,，首先，我會去找第一張素材,，旺鋪首頁的背景大圖,，這張素材務必要高像素、清晰,。因為在1920像素下,，小圖片無法做清晰。接下來去找相關的一些人物,、圖標,、banner背景、字體等需要用到的素材,，下面分享幾個我常找素材的網(wǎng)站,。 千圖網(wǎng)：http://www.58pic.com/ 昵圖網(wǎng)：http://www.nipic.com/ PS家園網(wǎng)：http://www./ 國外字體網(wǎng)：http://www./ 想要找更多的外國風格素材請加扣摳群210345921 選好一個和素材就可以開做了，來吧??！ 設計定效果 1. 打開photoshop，使用一個1920寬像素的文件進行設計排版,，群共享有已經(jīng)拉好參考線尺寸的模版可下載,。 2. 制作頂部標題，標題盡可能簡潔整齊,，無需放置太多素材,，因為頂部標題是第一視覺，太多東西會把下面的主體部分搶占視覺,，一般放置logo,、標題、聯(lián)系方式均可,。  3. 接下來制作導航條,，發(fā)揮想象、參考國外網(wǎng)站,、結合色調(diào),，搭配背景，醒目的導航設置是買家喜歡的,。 4. 下面制作第一屏主體大圖,，這里務必突出公司優(yōu)勢，讓客戶第一眼充分了解你,，你做什么產(chǎn)品,，其實一般客戶進入旺鋪首頁前是在產(chǎn)品頁瀏覽然后進入,，既然對產(chǎn)品有興趣，他只有兩個目的,，第一查看更多產(chǎn)品,，第二了解公司實力，我們在首頁一定要把公司的優(yōu)勢展示出來,，,。如大圖放置產(chǎn)品圖片，背景則不要太花色,、太搶眼,，可以用實色適當遮蓋一下或者模糊背景，我們要定格的目光是產(chǎn)品,，底部背景只是起到襯托視覺的作用,，潛意識會告訴客人我的第一眼是看到產(chǎn)品和文字。如背景直接是效果圖,，我們可以適當模糊產(chǎn)品外的地方,，把突出的產(chǎn)品搶占目光。  5. 下面是一個公司的優(yōu)勢展示,，這里的板塊已經(jīng)是第二屏了,，這里我們可以用幾個點來放置內(nèi)容，清晰,、明了,。無需太多圖片素材，盡量以文字和圖標元素為主,，當客人看完第一屏產(chǎn)品后,，看到第二屏需要適當?shù)男幌拢D移下思維,，先來了解下公司,。  6. 下面是第三屏，這里我們可以放置產(chǎn)品的分類,，產(chǎn)品分類盡可能展示我們的所有產(chǎn)品分類,，讓客人一目了然。  7. 當客人再看完產(chǎn)品分類后,，我們再做一個Why choose us?直接告訴客人為什么要選我,，我有什么不同之處。  8. 接下來做一個公司的展示,，當客人看完產(chǎn)品分類，以及你公司的優(yōu)勢,，想必客人已經(jīng)對你有50%的了解,，我們這里開始可以加強客人的信任感,，讓客人有再往下看的動作。公司場地,，車間,，辦公室都可以展示出來，客人看完上面只是文字與產(chǎn)品的圖片,，一定會想看下工廠究竟長什么樣的,，這里直接加分！  9. 公司介紹下面再放置一些客人的合照,、展會照片,、以表示真實性，讓信任感再度提升,。  10. 到這里,，客人了解的已經(jīng)比較多了，下面放置一個多語言國旗和聯(lián)系方式（旺旺,、郵箱直接點擊聯(lián)系）讓客人可以變換自己的語言和馬上聯(lián)系你,，促進營銷，多語言國旗的代碼以及旺旺在線聯(lián)系的代碼在群共享可下載,。  11. 這里放置一個滾動的產(chǎn)品展示,，讓簡潔的網(wǎng)站馬上可以生動起來，滾動的產(chǎn)品,，每個圖片都有獨自的超鏈接,，避免全部產(chǎn)品點擊到一個鏈接，需要代碼實現(xiàn)功能的到群共享下載左右來回滾動代碼,。  12. 再下面是產(chǎn)品的展示,，結合每個產(chǎn)品單獨配一張banner海報，把產(chǎn)品效果圖和產(chǎn)品圖結合展示,。  13. 網(wǎng)站底部,，我們需要做一個網(wǎng)站導航以及聯(lián)系方式，增加整個首頁的統(tǒng)一感,，更加專業(yè),。而且這里的加的產(chǎn)品圖片可以變動的，大家都知道裝修后臺限制了很多格式和代碼,，gif是不能上傳的,，我們怎樣做上去呢，有兩個方法的,，第一做好gif圖片,，把后綴改成.jpg在裝修后臺上傳；第二是在阿里外貿(mào)圈論壇里發(fā)貼的時候上傳gif圖片,，復制圖片網(wǎng)址,，然后在旺鋪里面使用,。 總結以上設計步驟，整個首頁排版以及設計都完成了,，接下來需要用到ps里面的切片工具,，把每一部分都切開來，加入自定義的超鏈接,，具體切片如何操作,？上傳圖片是怎樣操作？君羊里有視頻下載,。 希望以上可以帶給大家某些靈感,，設計自己的專屬旺鋪， 歡迎各界阿里人加入分享交流摳叩群210345921共同成長,！ 只為在外貿(mào)道路上認識更多志同道合的朋友,。 我們的精神：開放、分享,、互助,、成長 |
|
|
來自： 昵稱21543417 > 《阿里》
