2019年12月8日更新:
因為這個(gè)回答,很多人找我咨詢(xún)。
所以做了2年的免費視頻教程,現已完結停更。
教程面向新手小白,視頻都發(fā)在B站,視頻之外的內容發(fā)在公號,賬號見(jiàn)我簽名。
貼上所有的目錄截圖(怕貼鏈接不通過(guò)),希望幫到你。
2017年6月11日更新:
答主業(yè)余,之前開(kāi)店也是鬧著(zhù)玩,原答案的店鋪全都關(guān)了,不是專(zhuān)業(yè)美工,也沒(méi)學(xué)過(guò)平面設計。還是會(huì )經(jīng)常收到朋友私信問(wèn)怎么裝修,干脆出個(gè)簡(jiǎn)單的入門(mén)教程。
教程適用:淘寶旺鋪專(zhuān)業(yè)版,第一次接觸店鋪裝修的業(yè)余店主。
教程一共36分鐘,第一次錄,廢話(huà)有點(diǎn)多,見(jiàn)諒~
不造咋回事,最近在回答里視頻看不了,B站還是好好的。
看不了以下視頻的盆友淘寶裝修,你先在我的回答里把這個(gè)視頻打開(kāi),在視頻框框的底部點(diǎn)“進(jìn)入bilibili,一起發(fā)彈幕吐槽!”就鏈到原視頻了
一個(gè)人的淘寶店:淘寶店鋪裝修初級教程_演講?公開(kāi)課_科技_bilibili_嗶哩嗶哩
以下是原答案:
既買(mǎi)過(guò)模板,也自己裝修過(guò),寫(xiě)點(diǎn)經(jīng)驗之談●▽●
因為內容較長(cháng),所以先列個(gè)目錄
1.先說(shuō)買(mǎi)模板
2.再說(shuō)自己裝修
2.1數碼配件店
2.2零食店①
2.3零食店②
3.最后寫(xiě)點(diǎn)手機端的裝修
先說(shuō)買(mǎi)模板
1.淘寶賣(mài)家服務(wù)市場(chǎng),模板是有期限的,一般按月計費,買(mǎi)得越久越優(yōu)惠。雖然設計師可以給定制一小部分,但也就是做做海報,我之前買(mǎi)過(guò)1年的,局限性真的蠻大,我不可能一年不換海報吧。不推薦!
2.推薦的是,直接搜索淘寶寶貝“店鋪裝修”,既有電腦版的也有手機版的,基本都是一次性到位,不再續費。不可定制的模板不貴,5-20元,也就是設計師不會(huì )給你個(gè)性化內容,一般只修改文字??蓚€(gè)性化定制的,價(jià)格和設計師詳談。
再說(shuō)自己裝修
因為買(mǎi)的模板的不能時(shí)刻根據我的店鋪調整細節,就想著(zhù)自己動(dòng)手吧,豐衣又足食~
先后自己裝過(guò)3個(gè)C店,現在只開(kāi)了1個(gè),對新手來(lái)說(shuō)自己裝修的靈魂就一個(gè)字:模仿
********數碼配件店********
先上一張效果圖,我自己花了一個(gè)周末的時(shí)間裝修的,讓行家見(jiàn)笑了
是我們幾個(gè)朋友一起經(jīng)營(yíng)的,都是兼職,沒(méi)太用心運營(yíng),一年多了,還不夠一顆鉆,請無(wú)視業(yè)績(jì)
開(kāi)張的時(shí)候就買(mǎi)了店鋪模板,一年期的,當時(shí)的店鋪居然沒(méi)截圖過(guò)……
【我的網(wǎng)頁(yè)設計基礎】
我是文科生!文科生!但是學(xué)過(guò)一點(diǎn)html、dreamweaver、photoshop,就入門(mén)水平。
【我用的工具】
1.C店的旺鋪模板,星級賣(mài)家可以免費用。
2.修圖軟件:win7自帶的畫(huà)圖、PS3、2013版PPT、美圖秀秀
3.搜索引擎!雖然我不會(huì )的很多!但是我會(huì )搜??!
【我的裝修流程】
1.對自己的店鋪特色有基本概念,高冷?活潑?清新?酷炫……
2.在網(wǎng)上看大量的店鋪裝修效果圖,在TB上看大量的同類(lèi)店鋪首頁(yè),對有亮點(diǎn)的截圖收藏。
3.畫(huà)草圖。用軟件也行,用筆涂鴉也行,自己懂就好??梢韵炔还軐氊愒斍轫?yè),最緊要的是裝修首頁(yè)。
4.找素材,實(shí)現草圖,不斷調整修改。
【裝修流程分解】
當時(shí)都沒(méi)截圖,以下基本都是文字
1.確定風(fēng)格
想要打造有質(zhì)感的店鋪淘寶裝修,讓買(mǎi)家感覺(jué)到我們的產(chǎn)品都是有質(zhì)保的品牌貨,絕不是三無(wú)。
太酷炫的我也不會(huì ),純色比較簡(jiǎn)單,修圖的時(shí)候易操作,而且旺鋪版本身的配色就是純色好匹配。
2.看別人的店鋪裝修
這個(gè)沒(méi)啥可寫(xiě)的,就是看看看,既可以看付費模板找靈感,也可以看別人店鋪
在這個(gè)過(guò)程中,找到了幾個(gè)提供免費代碼,甚至一些板塊的圖或代碼在線(xiàn)生成的網(wǎng)站。
最后我找到了不錯的模板素材,包括圖和代碼
避免推廣嫌疑,請自己搜吧,一下能出來(lái)。
3.畫(huà)草圖
因為沒(méi)想太復雜,也不專(zhuān)業(yè),就只打了腹稿(攤手……別學(xué)我)
4.做店招
定位我在網(wǎng)上找到的店招圖片,復制一份留個(gè)底。
這圖本身就是純色,我需要做的就是抹掉不需要的文字,加上我們店鋪的名稱(chēng)。
如果店招只有店名,直接添文字保存即可。
如果店招有滾動(dòng)通知、店鋪收藏等部分,店招最好保持純背景功能,店名單獨存為png,防止網(wǎng)頁(yè)在不同分辨率的顯示屏上飄移錯位。
5.換背景圖
我找的模板比較完整,包含了店招背景圖和店鋪背景圖。都是純色,直接替換了。
6.做全屏海報
網(wǎng)上能搜到很多全屏海報的代碼,但是我怎么搗鼓都有瑕疵,就采取了曲線(xiàn)救國路線(xiàn):
就用旺鋪自帶的海報滾動(dòng)模塊,只是把海報背景做成店鋪背景一樣的。
因為店鋪背景是純色的,所以更簡(jiǎn)單了,新建一張同色的畫(huà)布,把海報產(chǎn)品摳出來(lái)放上就好了。
7.隱藏一切模塊的名稱(chēng)
比如上新、熱賣(mài)等字樣,千萬(wàn)別用模塊的顯示名稱(chēng),不然風(fēng)格馬上就回到解放前!
可以自己做圖放上去,也可以像我偷懶,直接新建自定義模塊寫(xiě)文本就行了。
——————————————————————————————————
********零食店①********
主頁(yè)是這樣的:白色百搭
延續了上一個(gè)店鋪的純色風(fēng)格,因為純色最簡(jiǎn)單!
簡(jiǎn)而言之就一句話(huà):一切背景色都用同一個(gè)顏色的色塊填充
可填充的地方有:頁(yè)頭背景、頁(yè)面背景
色塊的尺寸比例:隨意。純色的怎么填充都是一樣的
其它的代碼在網(wǎng)上有很多,隨意組合搜索,比如“導航欄css代碼”“收藏店鋪的鏈接生成”等等
充分利用搜索引擎
********零食店②********
開(kāi)店了才知道,經(jīng)營(yíng)零食類(lèi)的店鋪要在淘寶備案認證,不然零食都只能以特產(chǎn)形式售賣(mài)。最后重新申請了店鋪,成功備了案,PC端首頁(yè)長(cháng)這樣
這次為了圖省事,直接找了喜歡的模板進(jìn)行模仿,主要模仿配色和模塊,海報、店招等都是自己創(chuàng )作的,這次沒(méi)有copy別人的
裝修流程和店①的大同小異,只是在細節中有提高,以photoshop為核心工具
最后寫(xiě)點(diǎn)手機端的裝修
手機端的訪(fǎng)問(wèn)量越來(lái)越大,手機訂單差不多占到我店子微弱訂單量的99%
所以對店③的手機版也花心思研究了,目前是這樣的
手機端的用起來(lái)更簡(jiǎn)單明了,文字少的話(huà)最好以圖片的形式展示,因為文本展示可自定義的功能太少了!文字多就以文本展示吧,不然工程浩大,也影響買(mǎi)家的打開(kāi)頁(yè)面速度。手淘上,頁(yè)面打開(kāi)速度很重要!
以上內容由用戶(hù)投稿,彬迪地板進(jìn)行整理發(fā)布,希望對大家有所幫助,如有侵權,請聯(lián)系我們進(jìn)行刪除。