您好,現(xiàn)在蔡蔡來為大家解答以上的問題。店鋪首頁設(shè)計時應(yīng)遵守哪些原則，店鋪首頁設(shè)計思路相信很多小伙伴還不知道,現(xiàn)在讓我們一起來看看吧！
1、招式一：點睛“第一屏” 先做個知識小貼士!這里的“第一屏”是指店鋪的首頁電腦視圖呈現(xiàn)給消費者的第一屏幕，是在不需要滾動條的前提下可觀看的瀏覽面積。
2、接下來每滾動一次鼠標(biāo)滑輪就是一屏，以此類推為“第二屏”、“第三屏”等。
3、 話不多說回正題。
4、首頁的第一屏就好比男女相親的第一印象，一定要抓住對方的心，這樣才有后續(xù)發(fā)展。
5、首頁的第一屏包括的信息一般為：店招、導(dǎo)航欄和滾屏海報。
6、 簡約不簡單的店招 店招，顧名思義就是店鋪的招牌，中的來說，店招信息不宜過多，要以品牌為主，然后結(jié)合店鋪的經(jīng)營類目，品牌調(diào)性，總體套色等幾個方面進行設(shè)計，這樣簡約但不簡單的店招就出來了! 2、清晰明了的導(dǎo)航欄 首頁的用途之一是把流量合理的分配給主推的頁面或商品頁面，引導(dǎo)用戶找到合適的產(chǎn)品，并希望他們最終產(chǎn)生訂單成交。
7、導(dǎo)航、在首頁中的就是分類引導(dǎo)的作用。
8、 常見的導(dǎo)航是根據(jù)出售產(chǎn)品的分類進行，例如服裝類，以“外套、毛衣、寸衫、休閑褲......”為分類，而電器類，則會以電器的功能性，“電視劇、洗衣機、電冰箱”等分類。
9、 值得注意的是在導(dǎo)航中。
10、從左到右的前三個點擊是最強大的視覺中心，無論是從消費者觀看習(xí)慣，還是從視覺一掃而過的時間上來說，消費者看的最多的就是前三個，并且根據(jù)熱力圖數(shù)據(jù)顯示，除首頁的點擊功能以外，導(dǎo)航欄的后三個點擊數(shù)值相對密集，這也就說，有必要把希望消費者點擊的頁面鏈接放置在前三個導(dǎo)航信息內(nèi)。
11、 如果三個不夠怎么辦?或許你有多于三個不想舍棄的頁面，想要展現(xiàn)給消費者，那么，你可以嘗試使用一些小而精致的圖標(biāo)/標(biāo)簽/比較亮的顏色等等手段，和其他幾個導(dǎo)航信息做出區(qū)別，以此來引起消費者的注意。
12、 注意：導(dǎo)航欄的信息盡量不要多于8個(包含首頁點擊功能) 3、呼之欲出的滾屏海報 滾屏海報，是個視覺炸彈，眼前一亮的感覺有木有就靠它了!值得一提的是一般滾屏海報數(shù)量以3張為佳，在豐富內(nèi)容的同時，又在消費者閱讀新鮮感和視覺耐性的時間內(nèi)。
13、過多的滾屏?xí)稚⑽?，起到適得其反的作用。
14、如果實在活動多，可以根據(jù)首頁的設(shè)置，放于下方某處。
15、 招式二：絕技“第二屏” 看過了店招，導(dǎo)航和海報，當(dāng)消費者轉(zhuǎn)動鼠標(biāo)滑輪滑向第二屏的時候，就到了“高手對招，各顯神通”的階段了。
16、第二屏的信息一般為店鋪活動，或者是主推產(chǎn)品，這是個值得好好利用的位置。
17、 也可以根據(jù)自身產(chǎn)品的特色，選擇多個活動點進行連環(huán)出擊，淡雅的色調(diào)，不死板單一的畫面板塊排列，讓你的活動內(nèi)容豐富多彩，讓消費者找到自己關(guān)注的“熱點”。
18、 注意：在第二屏進行的產(chǎn)品推薦中，要對產(chǎn)品的賣點及功能做提煉，不能為了鋪貨而展示，單一的疊放，產(chǎn)品缺乏亮點，反而大大浪費了絕佳的展示機會。
19、 招式三：琳瑯“第三屏” 當(dāng)消費者看到第三屏的時候，這是個全面展示產(chǎn)品分類的好時機(但這塊內(nèi)容并不局限于第三屏，也有店鋪將它放在之后的位置，不強求，此處只是將這個板塊拿出來說一說)。
20、 導(dǎo)航欄的目的是為了幾個重要的頁面，而這里，我們的目的是讓消費者能夠通過分類進行選擇類目查看，但是這個功能其實有利有弊，好處就是讓希望直接查看某分類的消費者可以一擊即中，跳轉(zhuǎn)到重要的排序頁;壞處就是在這一板塊中就會直接將首頁的流量進行分流導(dǎo)致首頁下半段的頁面流失率提升。
21、 所以，這一塊的設(shè)置是根據(jù)各店的情況而論的，并不是一定需要存在的板塊。
22、 分類不是單一的，不是約定俗成的，可以根據(jù)店鋪營銷的需求及自身產(chǎn)品的特色，進行設(shè)計。
23、可適時增加活動去，收藏去，或在具體的產(chǎn)品展示中增加“手機專享價”的產(chǎn)品內(nèi)容，挑起消費者的購買率。
24、 招式四：勁爆“第四屏” 你以為當(dāng)產(chǎn)品分類展示結(jié)束后，首頁功能就此結(jié)束，頁面就戛然而止了?其實“后面的內(nèi)容更精彩”，那就是店主推薦，爆款，熱銷專區(qū)。
25、 作為店鋪的“殺手锏”，這個板塊無論是從產(chǎn)品選擇，還是從顏色、排版、字體優(yōu)化等畫面設(shè)計方面，在遵循與店鋪整體風(fēng)格一致的基礎(chǔ)上，追求個性化展示，勁爆的產(chǎn)品信息及畫面設(shè)計會讓消費者產(chǎn)生興趣。
26、當(dāng)鼠標(biāo)點擊進入詳情頁時，促進“買買買”的目的就成功一半拉! 注意：在挑選產(chǎn)品款式的時候，盡量選擇一些款式差異化的產(chǎn)品展示，對于價格上的差異化也是一樣。
27、這樣的設(shè)計排列不會給消費者帶來熱點產(chǎn)品單一化的錯覺，同時也不會對消費者造成購買的局限性。
28、 招式五：靈活“第N屏” 其實在首頁中，有很多信息的展示是機動性的，是根據(jù)整個首頁的版塊設(shè)置，畫面設(shè)計、頁面長度來控制的。
29、比如“客服中心”，你可以設(shè)置在第五屏，也可以在靠前的版塊內(nèi)，還有類似“手機店鋪收藏”等，結(jié)合上下版塊的內(nèi)容，融合設(shè)計。
30、 另外，在設(shè)計上可以加入“自定義”版塊內(nèi)容，結(jié)合店鋪和產(chǎn)品特色的需要。
31、比如“最新熱評”，在母嬰產(chǎn)品類店鋪內(nèi)比較常見，通過寶寶媽媽們的眾多評價，讓消費者對產(chǎn)品及品牌產(chǎn)生信賴感。
32、 注意：一般建議首頁的總體長度不宜八屏，太長的頁面容易造成視覺疲勞，選擇困難，最終流失!所以進行首頁設(shè)計前，需要整體把控框架內(nèi)容，布局節(jié)奏，細(xì)節(jié)斟酌!。
本文就為大家分享到這里，希望小伙伴們會喜歡。