先選好尺寸(尺寸淘寶都會給你的，先看尺寸再作圖!!!)
選背景色!
(要干凈，白色就可以了!!注意設(shè)計不在于多，而在于少!!)
把你寶貝摳好的圖片傳上來(不會摳圖可以用白底圖，白色背景，這樣就和摳出來的圖是一樣的效果)
加標(biāo)題、價格、說明。
如果還覺得頁面有點(diǎn)單調(diào)，加一點(diǎn)“線條形狀”即可。標(biāo)題框也可以在這里選。
圖片(素材)被擋住?用右下角的這個滑動條可以方便快速的改變層次!!
這樣子連AI都不用下了，小白也可以輕松做海報了!!!
(以下是之前的回答)
先上自己店鋪的樣子：
淘寶里有哪些裝修有個性的店鋪? - 香草喵的回答 -
基本上給朋友看都說好好看，關(guān)鍵是，有自己的風(fēng)格，不像大部分模板那么死板和雜亂。
然后一步步來講怎么裝修成這樣的。
先警告，多圖殺貓。
基本常識
首先樓主需明確，淘寶店的裝修需要完成兩個版本 ——PC端和無線端(按淘寶自己的說法)。怕有人不懂，解釋下，PC端就是你從電腦上以網(wǎng)頁形式看淘寶看到的店鋪樣子，無線端就是你用“手機(jī)淘寶”APP看到的樣子。
這兩者的機(jī)制是不一樣的。需要分開來做，做兩個不同的版本。
其中PC端的裝修需要懂一點(diǎn)網(wǎng)頁編程基礎(chǔ)(也可以在網(wǎng)上找現(xiàn)成的模板，里面會提供代碼，復(fù)制粘貼代碼就行)，而無線端的裝修完全不用。
PC端裝修代碼示例
現(xiàn)在大部分人都通過手機(jī)購物，我店鋪每天大概90%~95%的流量是來自無線端，所以為了那么5%~10%的訪客去大力裝修PC端實(shí)在是沒有必要，建議只做無線端就好。至于PC端怎么辦，最后說。
自己動手裝修需要什么?
基礎(chǔ)的美感
會PS或AI(只需要會非常簡單的幾個功能，估計和你用美圖秀秀差不多，誰都能學(xué)會)
一部拍照還不錯的手機(jī)或微單(使用起來跟傻瓜相機(jī)差不多的簡化版單反，能拍出不錯的效果，有單反當(dāng)然更好了)
依次來說這幾個部分怎么做。
1.店鋪首頁
使用默認(rèn)的首頁，會是以下這個樣子的：
如果使用“設(shè)計師模板”(從裝修市場購買，一般是30元一個月)其實(shí)整體的風(fēng)格還是很好看的，但仍然會覺得亂，像這樣↓↓
再看看我自己設(shè)計的：
有沒有覺得瞬間清爽了很多?
在信息量圖片量爆炸的年代，簡單干凈即是美。越高端的東西，設(shè)計的元素也要盡可能少。
當(dāng)然，要實(shí)現(xiàn)這種簡單干凈的感覺，你需要先訂購一個“旺鋪智能版”，它能讓你的裝修變得很傻瓜很省心，也便于維護(hù)很多。
不是說不買就不行，不買一樣可以裝修，但是淘寶去年底新出的一個“美顏切圖”功能，能讓裝修變得非常非常簡單，而且維護(hù)起來也簡單，但這個功能只有買了旺鋪(智能版)才能用。你甚至不用再考慮剩下的幾十個功能，并且能讓裝修達(dá)到充分的個性化。這就是為什么我咬咬牙還是訂購了。
既然都是要當(dāng)老板的人了，99塊每月還是成本很低了，雇個客服可能也就夠發(fā)一天的工資……
等你再開起來直通車/鉆展，就會發(fā)現(xiàn)99塊刷刷的就燒完了，完全就是不足掛齒的小錢了……
(店鋪開著玩玩的就算了，開著玩玩你也沒必要來看這個回答……直接用默認(rèn)的模板就好)
言歸正傳，那么裝修淘寶和裝修任何房間一樣，你要把想法先按照“模塊”來劃分。淘寶店的裝修其實(shí)很簡單，就是從上到下，你希望顧客在手指滑動的時候，依次看到什么。按照大部分模板和淘寶的功能，我們可以把布局給劃分成這樣：
你可以看到，其實(shí)大部分東西都是可選的，也就是說，店鋪裝修成什么樣，取決于你希望呈現(xiàn)給顧客哪些東西。
在訂購了智能版以后，使用“美顏切圖”這一個功能，你可以直接把圖片在作圖軟件里整個的做好，然后往淘寶上傳就行了，而不用考慮各個模塊每個模塊的大小、風(fēng)格是否統(tǒng)一、寶貝數(shù)夠不夠放等等所有問題。
例如優(yōu)惠券，可以不再受限制于淘寶自帶的樣子(很丑)，也不用受尺寸大小的約束，想做多大就多大。
淘寶自帶的樣式
我自己設(shè)計的樣式
你想做成這樣也沒人攔著你
做好圖片以后，給圖片添加鏈接就可以。
只用鼠標(biāo)輕輕拖動一個框，然后對應(yīng)復(fù)制好相應(yīng)優(yōu)惠券的鏈接就好。
每一個藍(lán)色框框代表顧客可以點(diǎn)擊的區(qū)域，會跳轉(zhuǎn)到相應(yīng)鏈接
其他的部分也如法炮制。盡管按你的想法去設(shè)計一個頁面，然后給各個部分加上鏈接就好 ——寶貝分類就加上各個分類的鏈接，寶貝就加上每個寶貝的鏈接，這樣就可以。
對應(yīng)各個分類
添加熱區(qū)(也就是別人可以點(diǎn)擊的部分)只用鼠標(biāo)輕輕一拖，省去很多麻煩
對于你想要呈現(xiàn)的每個寶貝，同樣是做好圖直接傳到淘寶上，然后用“熱區(qū)”去確定點(diǎn)擊范圍就好了。
你可以實(shí)現(xiàn)“錯落有致”的風(fēng)格，而不限于方方正正的左右對齊上下對齊
在這里插入一個概念：分辨率
分辨率是什么?在這里你可以理解為，圖片的尺寸。
就像你在淘寶買衣服，會需要知道衣服的胸圍、腰圍，同時量得你自己的胸圍、腰圍一樣。淘寶會對各個類別的圖片有一個分辨率(尺寸)的要求，也要求你上傳的圖片滿足這個分辨率(范圍)
一般來說，現(xiàn)在手淘分辨率的寬度(手機(jī)的屏幕寬度)是750(最開始是608.640.680.現(xiàn)在已經(jīng)升級到750了)
請注意下面圖中的尺寸范圍。使用本文章所用的裝修方法，需保證每張圖的寬度在750.高度在335~2500分辨率之間。使用普通的裝修的話，尺寸要求會更加嚴(yán)格，請務(wù)必將每個功能跑一遍，看說明要求的尺寸再按照相應(yīng)尺寸去作圖。否則全部重做別怪我沒提醒你……
有什么好處?就是以前我們需要針對PC端和無線端做兩個尺寸(以前PC端是750.無線端是640)，現(xiàn)在統(tǒng)一只需要做一個版本了，可以說是省了很多事。
但如果還是使用以前的老版本(非智能版)的話，可以看到分辨率要求還是640.
聽起來我好像在打廣告，但如果你的要求是 —— “實(shí)現(xiàn)充分個性化，讓人眼前一亮的店鋪”這個要求的話，那么早早開通智能版能省很多事。真心的。
如果你只想隨便賣點(diǎn)兒小東西賺個外快不在意裝修，按照最上面的布局圖依次添加相應(yīng)的默認(rèn)功能即可
依次添加 圖片模塊/文本模塊/標(biāo)題/單列或雙列寶貝模塊/ 標(biāo)題/單列或雙列寶貝模塊/ 標(biāo)題/單列或雙列寶貝模塊/..../文本模塊
即可實(shí)現(xiàn)一個基本完整的店鋪首頁功能
舉個栗子
那么如果你想要讓首頁更加個性化，我們需要用到這樣一個軟件 —— Adobe Illustrator
下載地址：(被刪了，等我重新上傳)
https://pan.baidu.com/s/1LNdu2lvF7YTrkVipZXHETA 密碼：zfn7
為什么不用PS?因為我很討厭PS一大堆圖層帶來的雜亂無章感。用AI會覺得順手得很多。
接下來我一步步告訴你怎么用AI來做一個首頁。
先裝好軟件，破解好?？吹杰浖镆淮蠖压δ?，先別暈，不要怕，我們需要用到的只是極少數(shù)的幾個功能而已。
看到一大堆功能鍵是不是暈了?
每一個功能鍵，長按會彈出窗口，顯示所有可用的功能
當(dāng)我告訴你其實(shí)我們只需要使用這四個按鈕，其余的你可以當(dāng)它們空氣，是不是松了一口氣?
現(xiàn)在我們隨便找一家店鋪來分析，就男裝吧(因為男裝的風(fēng)格通常會比較簡約)
淘寶直接搜“男裝”，好，隨便點(diǎn)了一家進(jìn)去……大概是這個樣子的風(fēng)格
我們分析一下，其實(shí)這個頁面的組成元素?zé)o外乎 —— “圖片，文字，文本框”，和做PPT沒什么區(qū)別。
我們來一步步復(fù)制它的寶貝圖。
首先拿出一張拍好的男裝照片(當(dāng)然我沒有，隨便拿個帥哥代替吧……)
在AI左上角選擇“文件”—“打開”，選擇了一張圖片
畫面的左下方有一個百分比的顯示，提示你圖片所顯示的比例。在PS和AI中，我們經(jīng)常需要操作遠(yuǎn)遠(yuǎn)大于電腦屏幕范圍的圖片，因此很少會顯示原始(100%)大小的圖片。同樣，有的圖片過小、不好操作，就需要放大顯示。請熟練記住以下快捷鍵：
按住SHIFT鍵滾動鼠標(biāo)滑輪，即可快速的放大和縮小圖片的顯示。
注意，只是顯示變化了，實(shí)際圖片的大小并沒有改變!!
有同學(xué)可能問，為什么圖片中間有個黑框?(至于那個白色塊是我手誤可以無視)
這個黑框指的是“畫板大小”，你當(dāng)然也可以當(dāng)作它不存在，但對于我們有指定的尺寸限制的時候，它可以提示我們，你所要的大小和邊緣在哪里。
圖片是圖片，畫板是畫板。好像你在一張紙上作畫，可以不畫滿整張紙，而只在左上角或右上角作圖一樣。畫的范圍和畫板的范圍是不同的。但在AI里，你的圖片本身是可以超出畫板大小的，畫板只是給你一個尺寸的提示作用。
現(xiàn)在我們來新建一個畫板試試。
點(diǎn)左上角“文件”— “新建”，彈出一個畫板的窗口。
我們把畫板的寬度設(shè)定為750px (px即像素的意思，不用管它具體是個啥，就當(dāng)做他是貨幣單位里的“元”“美元”一樣就可以了), 高度設(shè)定為500px。畫板的尺寸以后隨時可以調(diào)整。請記得單位務(wù)必改成“像素”，我們之后用的全部是“像素”。
我們點(diǎn)一下帥哥圖片。出現(xiàn)藍(lán)色的邊框，證明這個對象被選中了。
我們以后將統(tǒng)一用對象來形容我們操作的東西，無論是一段文字、還是一張圖片、甚至只是一根線條，只要它能呈現(xiàn)這種“點(diǎn)擊出現(xiàn)一圈藍(lán)邊”的樣式，就代表它是一個被操作的整體，是一個對象。
在操作前務(wù)必注意自己操作的是哪個部分！！
在操作前務(wù)必注意自己操作的是哪個部分?。?/strong>
在操作前務(wù)必注意自己操作的是哪個部分?。?/strong>
用選擇工具（第一個按鈕）選定對象，該對象周圍出現(xiàn)一圈藍(lán)邊，才是你正在操作的對象?。?！
如果你操作錯了，隨時可以用CTRL+Z撤回?。?！
有同學(xué)可能會問，為什么藍(lán)色框框上面有一些白色的小方框?
這些框，是給你用來操作圖片的大小的。
對，選中對象再進(jìn)行操作，才是真正改變了圖片大小。
你試著把鼠標(biāo)移上去，會發(fā)現(xiàn)可以拖動，輕輕一拖動，圖片的尺寸就變化了。
在這里，我們一般使用四個角來操作，并且同時按下Shift鍵，這樣可以等比例放大/縮小圖形。
除非特殊情況，否則我們在更改圖片大小時，都是按住shift操作的。
————
好，現(xiàn)在我們應(yīng)該有2個文件了。一個小哥哥的圖片的文件，一個我們剛才新建的文件。
我們把小哥哥的圖片拖到剛才新建的畫板里去。
現(xiàn)在“文件2”里也有一個小哥哥了。記住，這一個“選擇對象——拖放到相應(yīng)區(qū)域——更改大小”的操作，是我們裝修過程最關(guān)鍵的一個操作。
看到黑色的邊框了嗎?這就是我們設(shè)置的畫板大小，也就是實(shí)際需要的區(qū)域。顯然，小哥哥的圖片太大了。于是我們選擇了圖片以后，按住Shift鍵拖動任意一個角的白色小方框，將它縮小。
我們會經(jīng)常需要調(diào)整圖片或某個對象的大小，快捷鍵是Ctrl+T，可以記一下（T即Transform）
現(xiàn)在他差不多正好是我們所需范圍的一半了。
然后我們回顧一下需要的效果。
這兩張圖有啥區(qū)別?其實(shí)不就是多了下面那個紅框和紅框里的東西!
我們點(diǎn)一下矩形工具，用鼠標(biāo)拖一個紅框出來，填充上紅色。
時刻注意你此時用的是什么工具!!!
改一下顏色，然后點(diǎn)擊T，輸入文字。
可以看到，現(xiàn)在SHIRT這5個字一起，成為了一個對象。
在AI中，我們基于對象來操作。(總覺得像在講編程……)
下面的RMB三個字，我懶得再點(diǎn)一下T去創(chuàng)建一個新對象，因此，我選中SHIRT這個對象(先點(diǎn)擊左上角的“選擇工具”再去選擇!!時刻記住你是在用什么工具操作!!!)，按住鍵盤上的ALT鍵，直接往下拖?？梢钥吹綄ο蟊粡?fù)制了一個。
按住ALT鍵拖動對象，即可快速的復(fù)制出一個同樣的對象。這樣我們就不用每次都重新去設(shè)置字體大小等了。
把文字改成RMB:89.加點(diǎn)兒空格，把89的字體改大一點(diǎn)兒，就差不多了。
同樣的，再用“矩形工具”畫一個白色的框，再點(diǎn)T寫一行中文，旁邊的也完成了。
你看，是不是很簡單?說白了裝修也就是文字、文字框和圖片(照片)的結(jié)合。想再逼格一點(diǎn)，可以在后面再加一層背景什么的(矩形工具拉一個矩形出來，填充灰色，然后右鍵—“排列”—“置于底層”，還可以再拉個矩形只描邊白色，然后環(huán)繞照片一圈)，是不是顯得更飽滿豐富一些了?
效果
原圖
現(xiàn)在，一個寶貝的模板已經(jīng)完成了。只要你夠懶，所有的寶貝都可以用這個樣式。
你只用用鼠標(biāo)拖動，一次性把整個畫面都選進(jìn)去(不需要的對象——例如說后面的灰色矩形，白色邊框，可以在按住shift的同時點(diǎn)擊，就會去掉了)，然后右鍵所有這些被你選中的對象，點(diǎn)擊“編組”，小哥哥就任我們宰割啦(不)
也可以手動按住Shift一個個選擇你想要編組的對象(我比較懶，一般直接鼠標(biāo)一劃，把要的區(qū)域都選進(jìn)去，再慢慢去掉不要的部分。)
同時選中多個對象來操作(注意藍(lán)色的框和那些小藍(lán)點(diǎn)，代表被選中的對象)
把編組好的對象們往右拖，就整個的復(fù)制了一個
然后將右邊復(fù)制的那一組給“右鍵-取消編組”，把小哥哥的圖片換成別的，然后選擇“文字工具”，把下面的文字說明和數(shù)字給換一下就好了。
此后基于我們想操作的對象，我們會不斷的需要使用右鍵—“編組”、右鍵—“解除編組”指令。因此最好也記一下快捷鍵吧，CTRL+G(G即是Group)，這樣可以快速選擇你想要操作的部分。
一個組，就是你希望能夠快速使用鼠標(biāo)拖動來放大、縮小、移動的整體。例如我們希望只改變下面紅框的大小，只用選擇紅框并且CTRL+T放大縮小就好了，但如果我們想其中的文字SHIFT等一起變大變小，就需要把他們同時選中來操作。如果你經(jīng)常需要操作這一個整體，就用CTRL+G將它們編組(編組可以隨時解除。)
基本操作已經(jīng)講完了，現(xiàn)在我們來實(shí)戰(zhàn)。
首先，打開淘寶的無線端裝修首頁，找到美顏切圖模塊。(開通了智能版才可以使用)
這里有這么多模塊可選，是不是暈了??請專心一點(diǎn)，我們只使用這一個模塊就可以做出非常漂亮的效果，完全不用管別的。
拖一個美顏切圖模塊到你的裝修首頁?？梢钥吹剿蟮膶傩?。
建議圖片寬度750.高度335-2500.于是我們打開AI，新建一個空白畫布，寬750.高2000.(高度最后會根據(jù)實(shí)際使用面積調(diào)整的)
我以我實(shí)際完成的圖片為例，給大家拆解一下頁面元素
我完成的圖片
拆分一下，其實(shí)也就是這些對象給拼在一起
下面來具體講解這些部分是從哪兒找來的
①寶貝白底圖
如果你賣的是品牌產(chǎn)品，那么在網(wǎng)上直接可以找到白底圖，例如我們搜“蘇菲衛(wèi)生巾”
找到一家非天貓賣家(天貓的會麻煩點(diǎn)兒)點(diǎn)擊圖片
點(diǎn)右上“查看原圖”，直接右鍵保存，就偷完圖了……(咳咳)
天貓的話，需要在5張主圖的小圖片上點(diǎn)擊右鍵，選擇“在新標(biāo)簽頁中打開圖片”，然后在出來的小圖片的網(wǎng)址上，將第一個".jpg"后的東西刪掉。就得到正常大小的圖片了，然后右鍵偷之。
當(dāng)然有的供應(yīng)商會直接把所需要的圖片都給你，這樣更好，可以試著問他們要要
如果是自己生產(chǎn)的產(chǎn)品，沒有現(xiàn)成的圖片，你可能需要自己去拍產(chǎn)品的白底圖，方式和拍登記照是一樣的，如果想自己拍白底圖，淘寶搜索“攝影箱”，我買的300多。
會摳圖的，可以將底色摳掉，直接用透明底圖，這樣靈活度會更高。
②水彩筆刷
我們用一小段水彩代替?zhèn)鹘y(tǒng)的文字框，讓裝修顯得逼格更高(咳咳)，這個其實(shí)更簡單了，登錄千圖網(wǎng)_專注免費(fèi)設(shè)計素材下載的網(wǎng)站_免費(fèi)設(shè)計圖片素材中國，輸入“水彩筆刷”，格式選“AI”，可以用的素材多到你想不到
例如這個紫色的筆刷系列就很好看
記住，盡可能使用一整套的筆刷，不要下一大堆素材然后拼湊在一起。
做設(shè)計最忌諱的就是胡亂堆砌。哪怕你把同一個筆刷重復(fù)N次，也好過你下一堆不同系列的水彩筆刷然后摻在一起亂搭配。
找準(zhǔn)一個你喜歡的素材，下載，打開AI文件，將你需要的筆刷給拖到你自己的畫布里(一般需要先解除編組)，文字框就完成了。
③文字部分
這個和做PPT沒什么兩樣，沒什么好說的，如果發(fā)現(xiàn)文字被別的部分擋住，選擇擋住它的對象，右鍵-“排列”-“后移一層”就好。
不嫌啰嗦的重復(fù)一遍，先選擇“選擇工具”！！再去點(diǎn)這一塊文字?。?！時刻注意你在使用什么工具操作?。?！
④最后可以適當(dāng)?shù)募右稽c(diǎn)兒圓角矩形或者菱形之類的小圖形，點(diǎn)綴一下就可以了。
切忌堆砌??！
⑤虛線
先畫一條直線，然后找到面板上方的“畫筆定義”，點(diǎn)向下的小箭頭，換成這個虛線的樣式就行了。
這就是我首頁的作法。是不是比想象中容易得很多??
如果你是設(shè)計新手，那么讓設(shè)計顯得高端最重要的一個原理是：主色調(diào)不要超過2種。
當(dāng)你使用紅黃藍(lán)三原色去作圖的時候，無論你怎么作，圖片都丑爆了。關(guān)于具體的配色，建議你根據(jù)你產(chǎn)品的主色調(diào)，和你選擇的水彩元素的主色調(diào)去搭配。比較簡單的幾種方案，供你參考：
① 藍(lán)色，各種亂七八糟的藍(lán)色，隨你配都不會丑，文字用白色
②藍(lán)+黃 ③黃+紫
我用的是絳紫+綠色的配色。
通常建議一張圖片只放一個類別的寶貝。畢竟限定了2500像素高。給大家我的一張圖片的參考。
最后說一下字體。字體的選擇至關(guān)重要。我用的是“新蒂黑板報體”“榴蓮爸爸”“方正清刻本悅宋簡體”這三種。如果你懶，也可以用PPT萬能字體 ——“微軟雅黑”。
字體哪里來?網(wǎng)上一大堆。如果你的審美捉急又想要高端or小清新的感覺，就用“方正清刻本悅宋簡體”吧(《戀與制作人》就是用的這個字體)，基本是這兩年的逼格主流。省去你的選擇困難癥……
把圖片一張張做好以后，上傳到你的店鋪首頁，然后添加熱區(qū)(就是超鏈接區(qū)域)就完成了。是不是很簡單???
當(dāng)然，如果我都講得這么詳細(xì)了，你還是看不懂or做不好看，那就還是……去請個美工吧!!(別找我，作圖完全就是苦力活，累死人了的……)
如果你用不來AI，用PS也完全可以達(dá)到一樣的效果，原理都是一樣的。
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則
本文來源： 新淘寶店咋裝修？
