前幾天一篇回答，獲得了很多人的認(rèn)可，其實我已經(jīng)很長時間沒做淘寶了，但是能通過文字把自己的一些經(jīng)驗分享給大家，能幫到大家，我很開心。
很多人問我裝修的事情。
其實，裝修對于新店來說，不是最重要的，但也是不能少的。
今天就給大家?guī)硪环菅b修教程，個人覺得很詳細(xì)了，就算你是新手，不會PS，不會敲代碼，也能裝修出高大上的店鋪。
一、PC端
01、店鋪招牌
這個是最重要的，因為用戶不管在哪個頁面預(yù)覽你的店鋪，招牌他們都是能直接看到的。比如寶貝詳情頁面：
我紅框的位置就是小米的店鋪招牌，我們在預(yù)覽這款產(chǎn)品的時候，招牌也會第一時間出現(xiàn)在我們面前，所以店鋪招牌是決不能忽略的一個裝修部分。
接下來我們就一起來裝修一個店鋪招牌把~
對于新手來說，有兩種方式，第一種肯定就是網(wǎng)上找一些現(xiàn)成的代碼放上去，第二種就是自己來設(shè)計。
我教你的也是第二種：
1、設(shè)計
這里我用到的工具是PS，不會PS的也沒關(guān)系，我在設(shè)計的過程中都會跟你說到我用到的哪些工具。
在設(shè)計之前，首先我們要知道，招牌的大小，和淘寶的一些規(guī)則。
在淘寶，一個鉆以下的店鋪可以免費(fèi)使用專業(yè)版，簡單的說就是你可以把招牌設(shè)置成1920寬度的，如果你到了一個鉆或者以上則需要每個月付費(fèi)50元才能使用。
但是這些我們也是可以通過設(shè)計來做到的，所以無需花這50元。
其次就是招牌的高度，高度一般是150，除去菜單欄的就是120，但是我們自己設(shè)計一般都是把菜單欄也設(shè)計上。比如上面小米的。
因為我沒有現(xiàn)成的一鉆以下的店鋪，我這里就以一鉆以上的店鋪來給大家演示。
第一步：
這一步如果你不想花那50塊錢，背景最好設(shè)置純白色的。其次就是，如果你花了那50塊錢，或者你的店鋪是一個鉆以下的，你就按我下面的方法來操作。
打開PS，新建一個1920X150的畫布。（如果你是不打算花那50的話，就創(chuàng)建950*150即可，會方便很多）
我這里就模仿小米這個招牌來為大家演示好了，先簡單說下，小米的菜單欄是用的代碼，如果你也想做小米那樣的你就把上面創(chuàng)建的畫布改成 1920X120或者950X120，如果你店鋪產(chǎn)品不多，你就跟著我做固定的就可以了，沒必要做他們那么復(fù)雜。
因為我們的畫布是1920寬的新淘寶店鋪裝修教程，所以我們先要給它標(biāo)注以下950的位置，方便我們后期好導(dǎo)出。
我這里教大家一個最簡單的辦法：
重新創(chuàng)建一個950*150的畫布把背景設(shè)置成黑色，然后疊加到1920X150這個畫布上居中對齊。
中間的黑色部分就是我們要添加內(nèi)容的部分。（在次說明一下，如果你是不打算花那50塊錢，或者你店鋪是一個鉆以下的你就可以直接創(chuàng)建950X150的畫布，不需要我這一步操作了。在或者你做的是純白背景的也直接950X150即可，至于為什么等會我說）
我們先添加好內(nèi)容在黑色區(qū)域，然后把黑色的那個圖層給刪掉即可。
為了方便，我這里就直接截圖操作了~
添加好內(nèi)容后大概就是這樣：
這里要跟大家說明一下，注意看上圖后面的一個空調(diào)沒有在黑色區(qū)域。也就是說它不是在招牌位置而是在背景位置。我們直接把它去掉就可以了。
然后我們把黑色圖層先隱藏：
大概就是這個樣子了。
具體的操作步驟我這里就省略了，因為你只需懂得一點PS基礎(chǔ)你就會，用到的工具也就那么兩個而已。
設(shè)計完成后就導(dǎo)出。
我們先直接保存一份1920X150的。（注意，在次說明，如果你是做其他背景顏色的必須要先保存一份1920X150的作為背景，如果是跟小米一樣的白背景可以忽略）
保存好后開始裁剪。裁剪的時候把那個黑色圖層打開，然后用裁剪工具兩邊一拉即可。
裁剪完成后我們看下圖片大小，剛好是950*150
然后我們把黑色圖層黑刪掉。
這樣我們的背景和內(nèi)容區(qū)域就設(shè)計好了。接著做下一步~
第二步：
這一步我們需要進(jìn)行切片，也就是說，我們需要把要點擊的部分切出來，比如收藏店鋪，這里我們需要做一個按鈕，或者菜單欄我們需要單獨(dú)做按鈕，就要把他們區(qū)分開來。
工具使用：鼠標(biāo)右鍵單擊裁剪工具然后選擇切片工具
這個時候你的鼠標(biāo)會變成一把刀，然后我們把要點擊的部分用這把刀切就好了。
切完之后可以看到，我們把它切成了18張小圖片：
然后我們就直接導(dǎo)出，但是現(xiàn)在的導(dǎo)出方式是不一樣的。
我們直接用快捷鍵：SHIFT+CTRL+ALT+S
導(dǎo)出的格式選擇：HTML和圖像
然后我們就得到了一個images的文件夾，和一個HTML的代碼文件
我們先打開這個文件夾把這些小圖片上傳到淘寶的圖片空間。
上傳好之后，我們在打開那個HTML文件，右鍵打開方式選擇記事本打開。
然后我們就看到了一堆看不懂的代碼，
但是沒關(guān)系，這個代碼我簡單說一下你就懂了。
上面的部分，我們不用管，我們直接從這個開頭的位置開始修改代碼。
比如第一個：
我紅框位置的代碼就是第一張圖片，我綠框位置就是這張圖片的地址，它現(xiàn)在的地址是你文件夾的地址，我們直接把這個位置修改成我們剛剛上傳到淘寶圖片空間的地址即可。
去圖片空間，找到01的這張圖片，然后選擇復(fù)制鏈接。
然后把它換到我剛剛綠框的位置：
這里要注意，一定要細(xì)心，不然新手很容易出錯的哦。
/imgextra/i3/912831831/O1CN01Z0HqbY1POdhgbDHNc_!!912831831.png"
簡單的說就是
然后依次更改他們的地址，地址上都有編號，01/02/03，注意不要改錯了。
改完之后我們就可以去上傳了。
第三步：
點擊裝修店鋪，然后頁頭點擊編輯。招牌類型選擇自定義招牌。
直接選擇源碼模式，把剛剛的代碼粘貼進(jìn)來即可。
注意，我們剛剛設(shè)計的店招是150高度的，也就是包含了菜單欄的，所以在編輯的時候原本120高度的我們也要改成150的。
然后點擊保存：
因為我是演示，所以我只弄了一張圖片。
這個時候你點擊收藏其實是沒有用的，我們還需要對它進(jìn)行最后一次編輯。
在次點擊編輯的時候可以看到，這里出現(xiàn)了很多方塊，其實就是其他圖片我沒傳上來而已。
然后我們選擇第一張圖片，點擊編輯。
因為這里鏈接的地址是收藏店鋪新淘寶店鋪裝修教程，所以我們?nèi)?fù)制收藏店鋪的地址。
在店鋪位置右鍵單擊收藏店鋪按鈕，就能復(fù)制了。
復(fù)制好后，把它粘貼到這里：
在新窗口打開那個√你可以勾上也可以取消，看你喜歡。
然后點擊保存，我們再次點擊這個位置的時候就會跳轉(zhuǎn)到收藏店鋪了。
其他的都是一樣的操作，由于圖片太多，我就不一一演示了。（不懂的可以評論區(qū)問我）
還要注意一點的就是背景顏色。我們還需要設(shè)置以下。
默認(rèn)的是這樣的：
我們點擊左邊的頁頭，然后把頁頭背景色去掉即可。
最后就大功告成：
02、店鋪banner
banner是需要有一定的設(shè)計功底的，但是沒關(guān)系，因為上次我給大家推薦了“稿定設(shè)計”，就算你是零基礎(chǔ)也能做出高大上的圖片。
打開稿定設(shè)計官網(wǎng)，點擊電商素材，我們可以直接找一個店鋪首頁的一整套模板來修改。
這樣的好處就是統(tǒng)一，包括店招也可以直接用套裝的。
我簡單說下步驟，首先選擇你喜歡的模板，然后編輯，編輯完成后導(dǎo)出。
比如這個，我編輯好了之后，導(dǎo)出也是這個樣子的。
然后我們需要用到PS來切片，方法和上面店招是一樣的。但是這個就比較復(fù)雜那么一點點。
因為我們需要先切出來店招部分/banner部分/產(chǎn)品部分等設(shè)計。然后再去單獨(dú)切店招的熱點（即點擊區(qū)域）部分。
我們一般做首頁設(shè)計就是這樣做的。先把整體設(shè)計好，然后來切圖。
假裝我現(xiàn)在設(shè)計好了一張海報，然后我們需要去把這張海報轉(zhuǎn)換成代碼。
直接在稿定設(shè)計就可以哦。
點擊裝修工具，選擇全屏輪播
然后在底下找一個你自己喜歡的。
還是老樣子，先去把你的海報上傳到圖片空間，然后把地址復(fù)制過來。
然后設(shè)置以下參數(shù)：
你可以先點擊預(yù)覽一下，沒毛病就點擊底部的生成代碼并復(fù)制代碼。
回到淘寶裝修，把原來的模塊全部刪除：
然后添加一個950的自定義模塊
點擊編輯，顯示標(biāo)題選擇不顯示，然后選擇源碼模式，把代碼粘貼過來：
點擊保存，然后預(yù)覽：
全屏海報就有了。
03、分類/產(chǎn)品區(qū)域
產(chǎn)品區(qū)域我就不演示了，都是一樣的方法，還是一樣的通過稿定設(shè)計就可以來實現(xiàn)。
比如：
包括客服/優(yōu)惠券/公告等都可以直接在這里生成代碼通過上面的方法去裝修。
因為我懶的原因，所以演示沒有做全，我知道可能還是會有些新手不懂，但是方法和步驟都是一樣的，今天先寫PC端的，想看手機(jī)端的底下點贊喲。
之前那篇關(guān)于運(yùn)營的回答在這：一個人做淘寶店需要多少技能？
最后，不知道我的教程寫的怎么樣，總之能幫到大家就可以了。
覺得不錯，點個贊同；
寫到心里，點波關(guān)注；
以上內(nèi)容由用戶投稿，彬迪地板進(jìn)行整理發(fā)布，希望對大家有所幫助，如有侵權(quán)，請聯(lián)系我們進(jìn)行刪除。
裝修材料一站式解決方案商
