如何打造自己網(wǎng)店的品牌？精美的店招即頁(yè)頭有助于淘寶店鋪品牌的打造，給人耳目一新的感覺(jué)。如何制作店招頁(yè)頭開(kāi)店呢？下面淘寶店鋪裝修小編詳細(xì)講給大家。

以來(lái)一直使用旺鋪標(biāo)準(zhǔn)版，每次設(shè)計(jì)都感覺(jué)不盡人意，為什么呢？版面定制很不靈活，尤其是最大是店招，因?yàn)橹荒苁褂孟到y(tǒng)內(nèi)置的那幾套模板加配合自己設(shè)計(jì)的背景圖，局限性真的很大。

很早知道有拓展版這個(gè)東西，因?yàn)槲业膽卸瑁蛼吡艘谎郏X(jué)得也沒(méi)啥區(qū)別就沒(méi)再關(guān)注了，直到今年五一，放假的閑情看了一個(gè)帖子，說(shuō)拓展版多了十四個(gè)功能。可以刪除店招，自定義模塊。一下子來(lái)精神了。看了介紹，感覺(jué)是我想要的，98一個(gè)月，馬上開(kāi)通一個(gè)月試試吧。

先看看我們?cè)O(shè)計(jì)的頁(yè)頭情況

是不是覺(jué)得很專(zhuān)業(yè)，完全沒(méi)有淘寶網(wǎng)的感覺(jué)，是一個(gè)獨(dú)立網(wǎng)站的感覺(jué)哈 呵呵 美呢！

這個(gè)是我們的LOGO

新版的頁(yè)頭對(duì)我們來(lái)說(shuō)

1.裝修更加自由，不再受掌柜檔案束縛，充分利用裝修空間放入自定義的內(nèi)容，從而大幅度的提升了店鋪形象，留住買(mǎi)家，提升買(mǎi)家忠誠(chéng)度，吸引買(mǎi)家停留更長(zhǎng)時(shí)間，帶來(lái)更高成交額

2.超便利的LOGO設(shè)計(jì)區(qū)，更好地體現(xiàn)店鋪的品牌，使買(mǎi)家更容易記住店鋪

這里給大家推薦頁(yè)頭設(shè)計(jì)的兩個(gè)版本（一個(gè)是復(fù)雜的需要懂點(diǎn)代碼的 一個(gè)簡(jiǎn)單的誰(shuí)都合適哈）

復(fù)雜版頁(yè)頭是設(shè)計(jì)

首先就是刪除系統(tǒng)店招，創(chuàng)建一個(gè)自定義模塊，開(kāi)始設(shè)計(jì)自己的。花了一個(gè)通宵，后來(lái)修改了好幾遍，最后就是我現(xiàn)在用的版本了。再后來(lái)參加了旺鋪裝修比賽，店鋪得到了曝光，蠻多掌柜來(lái)咨詢(xún)?cè)趺醋觯@個(gè)問(wèn)題真的很難一兩句回答，我們的客服也不懂。想想就寫(xiě)個(gè)帖子和大家分享一下經(jīng)驗(yàn)，獻(xiàn)丑了！

一，設(shè)計(jì)樣稿，基本在ps上面完成，這個(gè)就忽略過(guò)

二，所需軟件Photoshop+Flash+Dreamweaver

三，下面是最后的成品結(jié)構(gòu)圖

標(biāo)注處的3個(gè)圖標(biāo)，加了高光效果，因?yàn)槿绻麤](méi)有動(dòng)態(tài)點(diǎn)的東西，看起來(lái)不夠吸引眼球

（下面那個(gè)“包郵專(zhuān)場(chǎng)”的點(diǎn)擊率奇高，之前是放其他的，我想應(yīng)該是那個(gè)轉(zhuǎn)圈是挺醒目的，數(shù)據(jù)來(lái)至“量子恒道統(tǒng)計(jì)”）

這3個(gè)圖標(biāo)是Flash在原設(shè)計(jì)稿上面加上高光漸變，保存swf轉(zhuǎn)換成gif。

最終效果和Flash基本無(wú)差。自己還算滿(mǎn)意

因?yàn)樘詫毑恢С稚蟼髯约旱膄lash，如果可以那有好多高手肯定能做的非常個(gè)性化，不過(guò)出于安全，淘寶還是屏蔽了，所以只能用這招了，最終效果一樣就可以

因?yàn)橹爸饕獜氖戮W(wǎng)頁(yè)前端設(shè)計(jì)，所以整個(gè)頭部都是用css寫(xiě)，用到了CSS Sprite（有興趣的掌柜可以去百度下）

大家會(huì)看到頭部除了上面3個(gè)小圖，就只有下面一張圖片，圖底部的“首頁(yè)女裝男裝童裝文具”+“本店積分查詢(xún)”就是用到剛才提的CSS Sprite，精確的把這些按鈕定位到底圖上。

現(xiàn)在很多掌柜做自定義頭部都是ps切片，最后非常多的小圖，網(wǎng)友打開(kāi)店鋪的時(shí)候頭部菜單就像拼圖一樣，一塊一塊的慢慢顯示，網(wǎng)速太慢有些地方直接就缺口了，個(gè)人覺(jué)得很影響美觀(guān)和用戶(hù)體驗(yàn)的！

我就一張圖片，基本店招就2-3秒全部顯示，上面做的3個(gè)動(dòng)態(tài)圖標(biāo)屬于修飾，晚一點(diǎn)顯示不會(huì)影響到用戶(hù)使用菜單功能。

其實(shí)淘寶，支付寶的頭部也都是用CSS Sprite這種方法做的，所以還是推薦那些大賣(mài)家，流量高的使用我這個(gè)方法做。

樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠(chǎng)商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則

本文來(lái)源： 拓展版如何利用頁(yè)頭打造網(wǎng)店獨(dú)立品牌（一）