天貓設計

文章來自網絡觀點不代表分享者觀點

店鋪裝修之首頁設計思路

對待淘寶店鋪裝修，很多賣家可能會把重點放在詳情頁優化上，而對于淘寶首頁設計，認為

只要將產品一類一類簡單堆積好就可以了，殊不知這樣的首頁只會讓顧客一瞄而過。

一個沒花心思設計的首頁是留不住消費者目光停留的，如果想要設計出吸引消費者的首頁，

那可就要遵守這幾點......

招式一：點睛“第一屏”

首頁的第一屏就好比男女相親的第一印象，一定要抓住對方的心，這樣才有后續發展。首頁

的第一屏包括的信息一般為：店招、導航欄和滾屏海報。

1、簡約不入耳 簡單的店招

店招，顧名思義就是店鋪的招牌，中的來電腦麥克風沒聲音怎么辦 說，店招信息不宜過多，要以品牌為主，然后結合

店鋪的經營類目，品牌調性，總體套色等幾個方面進行設計，這樣簡約但不簡單的店招就出

來了!

文章來自網絡觀點不代表分享者觀點

2、清晰明了的導航欄

首頁的用途之一是把流量合理的分配給主推的頁面或商品頁面，引導用戶找到合適的產品，

并希望他們最終產生訂單成交。導航、在首頁中的就是分類引導的作用。

常見的導航是根據出售產品的分類進行，例如服裝類，以“外套、毛衣、寸衫、休閑褲......”

為分類，而電器類，則會以電器的功能性，“電視劇、洗衣機、電冰箱”等分類。

值得注意的是在導航中。從左到右的前三個點擊是最強大的視覺中心，無論是從消費者觀看

習慣，還是從視覺一掃而過的時間上來說，消費者看的最多的就是前三個，并且根據熱力圖

數據顯示，除首頁的點擊功能以外，導航欄的后三個點擊數值相對密集，這也就說，有必要

把希望消費者點擊的頁面鏈接放置在前三個導航信息內。

如果三個不夠怎么辦?或許你有多于三個不想舍棄的頁面，想要展現給消費者，那么，你可

以嘗試使用一些小而精致的圖標/標簽/比較亮的顏色等等手段，和其他幾個導航信息做出區

別，以此來引起上善若水圖片 消費者的注意。

注意：導航欄的信息盡量不要多于8個(包含首頁點擊功能)

3、呼之欲出的滾屏海報

文章來自網絡觀點不代表分享者觀點

滾屏海報，是個視覺炸彈，眼前一亮的感覺有木有就靠它了!值得一提的衢州三頭 是一般滾屏海報數

量以3張為佳，在豐富內容的同時，又在消費者閱讀新鮮感和視覺耐性的時間內。過多的

滾屏會分散吸引力，起到適得其反的作用。如果實在活動多，可以根據首頁的設置，放于下

方某處。

招式二：絕技“第二屏”

看過了店招，導航和海報，當消費者轉動鼠標滑輪滑向第二屏的時候，就到了“高手對招，

各顯神通”的階段了。第二屏的信息一英語二答案 般為店鋪活動，或者是主推產品，這是個值得好好利

用的位置。

文章來自數學教學工作總結 網絡觀點不代表分享者觀點

也可以根據自身產品的特色，選擇多個活動點進行連環出擊，淡雅的色調，不死板單一的畫

面板塊排列，讓你的活動內容豐富多彩，讓消費者找到自己關注的“熱點”。

注意：在第二屏進行的產品推薦中，要對產品的賣點及功能做提煉，不能為了鋪貨而展示，

單一的疊放，產品缺乏亮點，反而大大浪費了絕佳的展示機會。

招式三：琳瑯“第三屏”

文章來自網絡觀點不代表分享者觀點

當消費者看到第三屏的時候，這是個全面展示產品分類的好時機(但這塊內容并不局限于第

三屏，也有店鋪將它放在之后的位置，不強求，此處只是將我好想你英文 這個板塊拿出來說一說)。

導航欄的目的是為了幾個重要的頁面，而這里，我們的目的是讓消費者能夠通過分類進行選

擇類目查看，但是這個功能其實有利有弊，好處就是讓希望直接查看某分類的消費者可以一

擊即中，跳轉到重要的排序頁;壞處就是在這一板塊中就會直接將首頁的流量進行分流導致

首頁下半段的頁面流失率提升。

所以，這一塊的設置是根據各店的情況而論的，并不是一定需要存在的板塊。

文章來自網絡觀點不代表分享者觀點

分類不是單一的，不是約定俗成的，可以根據店鋪營銷的需求及自身產品的特色，進行設計。

可適時增加活動去，收藏去，或在具體的產品展示中增加“手機專享價”的產品內容，挑起

消費者的購買率。

招式四：勁爆“第四屏”

你以為當產品分類展示結束后，首頁功能就此結束，頁面就戛然而止了?其實“后面的內容

更精彩”，那就是店主推薦，爆款，熱銷專區。

作為店鋪的“殺手锏”，這個板塊無論是從產品選擇，還是從顏色、排版、字體優化等畫面

設計方面，在遵循與店鋪整體風格一致的基礎上，追求個性化展示，勁爆的產品信息及畫面

設計會讓消費者產生興趣。當鼠標點擊進入詳情頁時，促進“買買買”的目的就成功一半拉!

文章來自網絡觀點不代表分享者觀點

注意：在挑選產品款式的時候，盡量選擇一些款式差異化的產品展示，對于價格上的差異化

也是一樣。這樣的設計排列不會給消費者帶來熱點產品單一化的錯覺，同時也不會對消費者

造成購買的局限性。

招式五：靈活“第N屏”

其實在首頁中，有很多信息的展示是機動性的，是根據整個首頁的版塊凝固 設置，畫面設計、頁

面長度來控制的。比如“客服中心”，你可以設置在第五屏，也可以在靠前的版塊內，還有

類似“手機店鋪收藏”等，結合上下版塊的內容，融合設計。

另外，在設計上可以加入“自定義”版塊內容，結合店鋪和產品特色的需要。比如“最新熱

評”，在母嬰產品類店鋪內比較常見，通過寶寶媽媽們的眾多評價，讓消費者對產品及品牌

產生信賴感。

注意：一般建議首頁的總體長度不宜八屏，太長的頁面容雷鋒月活動 易造成視覺疲勞，選擇困難，最終

流失!所以進行首頁設計前，需要整體把控框架內容，布局節奏，細節斟酌!

因此，一個好的設計師必須具備以下這些條件：設計作品需具有思想性、切合主題又不落入

俗套；不只是美工，不是單一的模板抄襲或別家的搬運工；其作品具有豐富的情感性，能深

深打動人和TA的錢包。