手機淘寶店鋪首頁裝修技巧

一、手機淘寶店鋪首頁裝修技巧

手機淘寶店鋪首頁裝修有別于pc端，不能直接通過代碼實現進行效果的實現，而是需要通過添加裝修平臺提供各種模塊來實現無線端首頁的裝修。無線端裝修平臺模塊

除了以上的模塊，當然還有不可或缺的店招模塊。那么就讓我們分別來了解下較為主要的模塊不同的作用與使用制作技巧吧。 焦點圖模塊——焦點圖模塊相當于pc端的輪播海報，其尺寸為608*304。作為海報，它承擔著宣傳我們店鋪主題活動，主打產品的責任。在設計焦點海報時，我們應以簡約排版位置，以便更全面更清晰的表達出主題內容。一般的排版方式有左右排版方式和上下排版方式，。 壓縮圖片大小，降低頁面加載時間：在手機淘寶店鋪首頁中，圖頁面片的大小是影響頁面加載速度主要原因。那我們怎樣才能有效壓縮圖片的大小，又不影響圖片呈現的質量呢?一般，我們完成了一張圖，保存時是通過“另存為”jpg格式實現的。 選擇結構簡單的字體;在字體中，有些字體有著很多的裝飾，使得字體更具有設計感與美感。然而，在我們的手機淘寶往往就會因為這是裝飾導致文字看不清。 黑體”等簡單字體為主。 提煉文字信息;過多的文字也是影響用戶閱讀的主要因素之一。為了把所有文字都放在圖片里，我們往往會把文字縮的很小，那用戶閱讀自然就困難了，而且一堆文字也會影響我們整體的視覺效果。因此，我們在做無線端時，要對我們的文案進行提煉，將多余的，修飾性的文字刪除，保留主要的內容，從而簡化我們的文字信息。 文字與背景對比要強烈;手機淘寶店鋪首頁圖文并茂是必須的。但是，如果我們的問題內容跟主體背景顏色差異太小的話，文字很容易會被忽略掉，也難讓用戶用心去閱讀。因此，我們制作手機淘寶店鋪首頁時，在選擇文字方面，要偏向于高對比度的，暗色背景配高亮字體如白色，黃色等。而亮色背景則以暗色字體為主，如黑色，暗紅色等。

1、店鋪店招——店招顧名思義就是店鋪的招牌。而在無線端，店招格式是固定的，其左邊為店鋪logo及店鋪名，右邊為收藏按鈕和一張可以自定義的750*254像素的背景圖。

店招作為手機淘寶店鋪首頁的第一眼看到的位置，無疑可以作為展現我們品牌調性或者主動活動的比較佳位置。在設計店招時，我們可以以符合品牌調性或者相應活動的背景作為主調，再配以簡短的一句口號即可。

需要注意的是，我們的背景不宜太雜亂，排版以簡潔為主，文字不宜過多，且避免文字與固定模塊重疊，導致表述不全，影響效果。而我們在制作店招時，亮度可以稍微高點，因為無線端店招會在背景前默認添加一層黑色半透明的圖層，導致背景亮度下降。如果本來背景亮度太低就很容易導致背景太暗而影響效果。

2、 焦點圖模塊——焦點圖模塊相當于pc端的輪播海報，其尺寸為608*304。作為海報，它承擔著宣傳我們店鋪主題活動，主打產品的責任。在設計焦點海報時，我們應以簡約排版位置，以便更全面更清晰的表達出主題內容。一般的排版方式有左右排版方式和上下排版方式，。

3、自定義模塊——自定義模塊為我們的手機淘寶店鋪首頁設計提供了比較大的自由度，在自定義模塊里我們可以自由添加標題，海報及寶貝，并且能很好的配合品牌與主題活動的風格。在設計自定義模塊時，排版建議簡單，寶貝陳列以整齊的左右排版(1)，也可以作些生動的改變，使風格更為凸顯(2)。

需要注意的是，在陳列寶貝時，一行的寶貝不建議超過兩個，否則會導致寶貝過小，影響展示。在設計自定義模塊時，有一個小技巧：先將大致的排版畫個草稿，然后在無線端的自定義模塊上添加上圖片為證，比較后以每個圖片的位置與尺寸在photoshop畫上輔助線再進行創作。

其他的模塊則以文字與自動模塊為主，在這里就不一一細說了，只需按照模塊規定的尺寸制作，謹記以簡約位置就可以了。在我們了解了模塊的應用方式以后，讓我們從用戶體驗出發，再一次提升我們頁面的效果吧。

二、提升用戶體驗

手機淘寶店鋪首頁跟pc端的首頁一樣，有著展現品牌形象與引導流量的重要作用。因此，一個良好的用戶體驗，無疑能很好地增加用戶對品牌的影響，并且能更好更快的讓用戶找到自己想要的信息，加強流量引導的效果，促進成交。我們知道，手機淘寶店鋪首頁主要呈現在用戶的移動設備上，手機淘寶店鋪首頁尺寸比pc端首頁的尺寸小很多。

因此，手機淘寶店鋪首頁影響用戶體驗的因素主要有兩個方面：1、頁面加載時間過長;2、頁面信息不清晰。那么，提升用戶體驗我們可以從這兩方面下手。

1、 壓縮圖片大小，降低頁面加載時間：在手機淘寶店鋪首頁中，圖頁面片的大小是影響頁面加載速度主要原因。那我們怎樣才能有效壓縮圖片的大小，又不影響圖片呈現的質量呢?一般，我們完成了一張圖，保存時是通過“另存為”jpg格式實現的。

通過這種方式保存的圖片就是降低圖片質量，所減少圖片大小并不明顯，我們可以通過“存儲為web所用格式”并且適當降低品質，從而大大減少圖片的大小，一般將品質設置為50-60之間，可以有效的降低圖片的大小，并且不會對圖片質量產生較大影響。

2、 優化文字，簡化頁面排版，讓頁面清晰明了。

先說文字吧，手機淘寶頁面尺寸比pc端小很多，我們平時在pc端用的各種創意字體適配到手機淘寶時，可能都會因為尺寸問題而導致文字信息看不清。因此，我們在制作手機淘寶頁面時，文字使用要注意三個要點：

(1) 選擇結構簡單的字體;在字體中，有些字體有著很多的裝飾，使得字體更具有設計感與美感。然而，在我們的手機淘寶往往就會因為這是裝飾導致文字看不清。

所以，我們在選擇字體時，盡量去選擇結構較為簡單的字體。對于標題性文字，因為字體尺寸會較的，在選擇字體時可以稍微靈活些，只需盡量避免使用一些裝飾復雜和書法字體就可以了。如“華康娃娃體”等字體都可以隨心使用。而內容性文字，則建議以“ 黑體”等簡單字體為主。

(2) 提煉文字信息;過多的文字也是影響用戶閱讀的主要因素之一。為了把所有文字都放在圖片里，我們往往會把文字縮的很小，那用戶閱讀自然就困難了，而且一堆文字也會影響我們整體的視覺效果。因此，我們在做無線端時，要對我們的文案進行提煉，將多余的，修飾性的文字刪除，保留主要的內容，從而簡化我們的文字信息。

(3) 文字與背景對比要強烈;手機淘寶店鋪首頁圖文并茂是必須的。但是，如果我們的問題內容跟主體背景顏色差異太小的話，文字很容易會被忽略掉，也難讓用戶用心去閱讀。因此，我們制作手機淘寶店鋪首頁時，在選擇文字方面，要偏向于高對比度的，暗色背景配高亮字體如白色，黃色等。而亮色背景則以暗色字體為主，如黑色，暗紅色等。

除了文字需要清晰明了外，手機淘寶店鋪首頁的排版更是要簡單易懂。在手機淘寶，由于用戶屏幕較pc端的小，可操作性也相對低。過于復雜的首頁排版很容易找不到重心，使得我們的主推產品吸引不了用戶的主要，也使得用戶找不到自己想要東西，從而形成跳失。因此，在排版時，我們要注意：促銷信息優先展示，主推寶貝排列靠前，分流導航清晰。以下是手機淘寶店鋪裝修的很好的案例，以供大家參考：