【精華】全球旺鋪裝修教程看過來

全球旺鋪裝修是什么?

全球旺鋪裝修是一個(gè)國際站，為全球旺鋪裝修的使用者所喜愛，在旺鋪裝修上比較有聲望的一個(gè)旺鋪裝修服務(wù)網(wǎng)站。

那么全球旺鋪裝修怎么使用?

有全球旺鋪裝修教程嗎?

幕思城小編給大家介紹一下吧! 一、尺寸定格局 1. 首先我們來學(xué)習(xí)的第一步是整個(gè)旺鋪首頁究竟是什么尺寸比較合適，背景和每個(gè)板塊之間能夠和諧融合，不會出現(xiàn)錯位; 2. 首頁整個(gè)屏幕的寬度為1920像素，比這個(gè)像素小的設(shè)計(jì)，在某些高分辨率的顯示器兩邊會出現(xiàn)不完全不協(xié)調(diào)現(xiàn)象，首頁高度隨自己做的旺鋪而定; 3. 標(biāo)題欄寬度為990像素，高度在100-200像素自由設(shè)計(jì); 4. 導(dǎo)航欄寬度為990像素，高度為33像素，請不要加大減小像素導(dǎo)致版面不協(xié)調(diào); 5. 導(dǎo)航下面可以插入自定義內(nèi)容，寬度仍然為990像素，在這個(gè)自定義內(nèi)容板塊就是我們發(fā)揮設(shè)計(jì)思維的地方了，這里可以放入代碼和gif圖像使旺鋪效果更佳。

二、思維定風(fēng)格 首先要知道一個(gè)旺鋪的調(diào)色技巧很重要，直接影響視覺體驗(yàn)，所以我們務(wù)必要去結(jié)合自身產(chǎn)品特色和出口國家網(wǎng)站風(fēng)格去定格自己的色調(diào)，日韓的追求細(xì)膩、華麗、絢麗網(wǎng)頁風(fēng)格;歐美追求簡潔明了的網(wǎng)站風(fēng)格，快速的導(dǎo)航設(shè)置對于全球旺鋪裝修教程來說比較重要。

三、素材定主體 首先，找第一張素材，旺鋪首頁的背景大圖，旺鋪裝修素材務(wù)必要高像素、清晰。

因?yàn)樵?920像素下，小圖片無法做清晰。

接下來去找相關(guān)的一些人物、圖標(biāo)、banner背景、字體等需要用到的素材。

四、設(shè)計(jì)定效果 1. 打開photoshop，使用一個(gè)1920寬像素的文件進(jìn)行設(shè)計(jì)排版，使用已經(jīng)拉好參考線的模版制作; 2. 制作頂部標(biāo)題，標(biāo)題盡可能簡潔整齊，無需放置太多素材，因?yàn)轫敳繕?biāo)題是第一視覺，太多東西會把下面的主體部分搶占視覺，一般放置logo、標(biāo)題、聯(lián)系方式均可; 3. 接下來制作導(dǎo)航條，發(fā)揮想象、參考國外網(wǎng)站、結(jié)合色調(diào)，搭配背景，醒目的導(dǎo)航設(shè)置是買家喜歡的。

4. 下面制作第一屏主體大圖，這里務(wù)必突出公司優(yōu)勢，讓客戶第一眼充分了解你，你做什么產(chǎn)品，其實(shí)一般客戶進(jìn)入旺鋪首頁前是在產(chǎn)品頁瀏覽然后進(jìn)入，既然對產(chǎn)品有興趣，他只有兩個(gè)目的，第一查看更多產(chǎn)品，第二了解公司實(shí)力，我們在首頁一定要把公司的優(yōu)勢展示出來，。

如大圖放置產(chǎn)品圖片，背景則不要太花色、太搶眼，可以用實(shí)色適當(dāng)遮蓋一下或者模糊背景，我們要定格的目光是產(chǎn)品，底部背景只是起到襯托視覺的作用，潛意識會告訴客人我的第一眼是看到產(chǎn)品和文字。

如背景直接是效果圖，我們可以適當(dāng)模糊產(chǎn)品外的地方，把突出的產(chǎn)品搶占目光; 5. 下面是一個(gè)公司的優(yōu)勢展示，這里的板塊已經(jīng)是第二屏了，這里我們可以用幾個(gè)點(diǎn)來放置內(nèi)容，清晰、明了。

無需太多圖片素材，盡量以文字和圖標(biāo)元素為主，當(dāng)客人看完第一屏產(chǎn)品后，看到第二屏需要適當(dāng)?shù)男幌拢D(zhuǎn)移下思維，先來了解下公司; 6. 下面是第三屏，這里我們可以放置產(chǎn)品的分類，產(chǎn)品分類盡可能展示我們的所有產(chǎn)品分類，讓客人一目了然; 7. 當(dāng)客人再看完產(chǎn)品分類后，我們再做一個(gè)Why choose us?

直接告訴客人為什么要選我，我有什么不同之處; 8. 接下來做一個(gè)公司的展示，當(dāng)客人看完產(chǎn)品分類，以及你公司的優(yōu)勢，想必客人已經(jīng)對你有50%的了解，我們這里開始可以加強(qiáng)客人的信任感，讓客人有再往下看的動作。

公司場地，車間，辦公室都可以展示出來，客人看完上面只是文字與產(chǎn)品的圖片; 9. 公司介紹下面再放置一些客人的合照、展會照片、以表示真實(shí)性，讓信任感再度提升。

10. 到這里，客人了解的已經(jīng)比較多了，下面放置一個(gè)多語言國旗和聯(lián)系方式(旺旺、郵箱直接點(diǎn)擊聯(lián)系)讓客人可以變換自己的語言和馬上聯(lián)系你，促進(jìn)營銷，多語言國旗的代碼以及旺旺在線聯(lián)系的代碼可下載。

11. 這里放置一個(gè)滾動的產(chǎn)品展示，讓簡潔的網(wǎng)站馬上可以生動起來，滾動的產(chǎn)品，每個(gè)圖片都有獨(dú)自的超鏈接，避免全部產(chǎn)品點(diǎn)擊到一個(gè)鏈接。

12. 再下面是產(chǎn)品的展示，結(jié)合每個(gè)產(chǎn)品單獨(dú)配一張banner海報(bào)，把產(chǎn)品效果圖和產(chǎn)品圖結(jié)合展示。

13. 網(wǎng)站底部，我們需要做一個(gè)網(wǎng)站導(dǎo)航以及聯(lián)系方式，增加整個(gè)首頁的統(tǒng)一感，更加專業(yè)。

而且這里的加的產(chǎn)品圖片可以變動的，大家都知道裝修后臺限制了很多格式和代碼，gif是不能上傳的，我們怎樣做上去呢，有兩個(gè)方法的，第一做好gif圖片，把后綴改成.jpg在裝修后臺上傳;第二是在阿里外貿(mào)圈論壇里發(fā)貼的時(shí)候上傳gif圖片，復(fù)制圖片網(wǎng)址，然后在旺鋪里面使用。

總結(jié)以上的設(shè)計(jì)步驟，整個(gè)首頁排版以及設(shè)計(jì)都完成了，接下來需要用到ps里面的切片工具，把每一部分都切開來，加入自定義的超鏈接，整個(gè)旺鋪就大功告成了。

以上就是幕思城小編給大家介紹的與全球旺鋪裝修教程有關(guān)的全部內(nèi)容，希望對您有所幫助!

這個(gè)問題還有疑問的話，可以加幕.思.城火星老師免費(fèi)咨詢，微V.信X號是為: msc496。