【精華】全球旺鋪裝修教程看過(guò)來(lái)
52期會(huì)幸福哦樓主|2022-06-22|11:03|發(fā)布在分類 / 店小蜜|閱讀:85
52期會(huì)幸福哦樓主|2022-06-22|11:03|發(fā)布在分類 / 店小蜜|閱讀:85
全球旺鋪裝修是什么?
全球旺鋪裝修是一個(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è)置是買家喜歡的。
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。
微信掃碼回復(fù)「666」