【精華】全球旺鋪裝修教程看過(guò)來(lái)

全球旺鋪裝修是什么?

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

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

有全球旺鋪裝修教程嗎?

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

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

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

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

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

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

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

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

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

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

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

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

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

11. 這里放置一個(gè)滾動(dòng)的產(chǎn)品展示，讓簡(jiǎn)潔的網(wǎng)站馬上可以生動(dòng)起來(lái)，滾動(dò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è)首頁(yè)的統(tǒng)一感，更加專業(yè)。

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

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

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

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