商店設(shè)計(jì)是客戶進(jìn)入你的網(wǎng)站時(shí)獲得的第一印象，因此，商店設(shè)計(jì)是否具有吸引力至關(guān)重要。如果客戶感到搜索不便或?qū)Ш侥：?，那么很可能就?huì)掉頭離開。

但是，除了外觀好看之外，商店設(shè)計(jì)還需要能夠傳達(dá)你的品牌文化，并且兼顧到產(chǎn)品展示和客戶體驗(yàn)。

但雇用平面設(shè)計(jì)師或使用精美的設(shè)計(jì)軟件成本較為高昂，因此，許多Shopify賣家更愿意選擇現(xiàn)成免費(fèi)的Shopify主題來(lái)設(shè)計(jì)自己的“門面”，這么做能省去不少的麻煩。

選擇適合你的Shopify主題

選擇適合你業(yè)務(wù)類型的主題時(shí)，通常需要考慮以下幾個(gè)要素：

?你需要展示大量庫(kù)存還是少量庫(kù)存？

?對(duì)于內(nèi)容的展示，你的客戶更重視簡(jiǎn)潔性還是創(chuàng)意性？

?你的產(chǎn)品圖片和產(chǎn)品說(shuō)明之間希望達(dá)成怎么平衡？

在確定你對(duì)Shopify主題的需求后，你需要選擇模板。

以下將根據(jù)5種業(yè)務(wù)需求，推薦5款各自類別內(nèi)非常實(shí)用的主題。

1、展示服裝和配飾——選擇Brooklyn主題

Shopify的Brooklyn主題是現(xiàn)代服裝和配飾商店的理想之選。

該模板能夠使品牌形象成為人們關(guān)注的焦點(diǎn)，因?yàn)樗鼮橘u家提供了許多展示產(chǎn)品圖片的機(jī)會(huì)。雖然Brooklyn主題適用于任何服裝和配飾商店，但其簡(jiǎn)約的美學(xué)更偏向現(xiàn)代風(fēng)格，因此更適合現(xiàn)代氣息濃郁的商店。

Brooklyn風(fēng)格

Brooklyn有兩種風(fēng)格：經(jīng)典風(fēng)格（Classic）和俏皮風(fēng)格（Playful）。

經(jīng)典版走的是中性風(fēng)路線，采用的是比較中規(guī)中矩的字體和黑白色調(diào)CTA（號(hào)召性用語(yǔ)）按鈕。

俏皮風(fēng)的布局也很簡(jiǎn)單，但其明亮的配色以及Sans-Serif字體的運(yùn)用減少了沉悶感，總體上富有活力。

兩種風(fēng)格的共同要義都是“簡(jiǎn)潔”，這也使Brooklyn成為想要打造時(shí)尚“摩登”感的商店的理想之選。

Brooklyn特色

Brooklyn通過以下關(guān)鍵設(shè)計(jì)功能突出品牌和產(chǎn)品形象：

?主頁(yè)幻燈片：可用于主頁(yè)頂部以展示多個(gè)產(chǎn)品

?動(dòng)態(tài)產(chǎn)品網(wǎng)格：產(chǎn)品圖片的布局會(huì)根據(jù)展示產(chǎn)品的數(shù)量自動(dòng)更改

?側(cè)邊滑出式購(gòu)物車：左滑/右滑即可從產(chǎn)品詳情頁(yè)調(diào)出購(gòu)物車頁(yè)面，因此客戶加購(gòu)產(chǎn)品不必離開當(dāng)前頁(yè)面

?主頁(yè)視頻：在首頁(yè)居中播放 YouTube視頻或Vimeo視頻

優(yōu)點(diǎn)

Brooklyn主題獲得了46條評(píng)論，其中86%用戶給出了好評(píng)，在Shopify的免費(fèi)模板中得分很高。模板的設(shè)計(jì)非常簡(jiǎn)潔，客戶很容易就能找到想要的商品，而且你也能很輕松地在后臺(tái)更新內(nèi)容。

缺點(diǎn)

使用這款主題的賣家反饋了Brooklyn產(chǎn)品圖片展示位置的問題。如果你為一個(gè)產(chǎn)品添加3張以上的圖片，該模板會(huì)自動(dòng)將圖片堆疊在一起，這會(huì)產(chǎn)生令人厭煩的圖片滾軸效果。

此外，賣家還反饋了關(guān)于圖片自動(dòng)調(diào)整大小的問題，例如圖片上傳到網(wǎng)站后變得太大或上傳時(shí)的高分辨率圖片質(zhì)量下降。

2、簡(jiǎn)化網(wǎng)站導(dǎo)航——選擇Pop主題

Shopify的Pop主題是使你的網(wǎng)站內(nèi)容易于被獲取的首選。

通過其圖片布局和側(cè)邊欄，Pop主題可以容納各種各樣的產(chǎn)品圖片，而不會(huì)造成視覺混亂或?qū)Ш交靵y，這種便利性可以確?？蛻裟軌蜉p易找到所需的東西，而不會(huì)因?yàn)槭褂酶休^差而放棄繼續(xù)瀏覽你的網(wǎng)站。

Pop風(fēng)格

Pop主題分為Bone和Toy兩種風(fēng)格。

Bone的樣式相對(duì)更為精簡(jiǎn)，有大片的留白，側(cè)邊欄簡(jiǎn)單干凈。

Toy除了彩色側(cè)邊欄之外，大體上與Bone無(wú)異。運(yùn)用與留白部分相近的顏色填充側(cè)邊欄時(shí)，能夠打造一種比較溫馨的感覺。

Pop特色

這些功能使用戶能夠輕松訪問Pop模板上的內(nèi)容：

?側(cè)邊欄菜單：位于左側(cè)的菜單，可幫助客戶輕松導(dǎo)航至相應(yīng)頁(yè)面

?側(cè)邊滑出式購(gòu)物車：客戶可輕松從側(cè)邊購(gòu)物車加購(gòu)產(chǎn)品而不必離開當(dāng)前頁(yè)面

?主頁(yè)幻燈片：可用于主頁(yè)頂部以展示多個(gè)產(chǎn)品

?產(chǎn)品圖片縮放：當(dāng)用戶將鼠標(biāo)懸停在圖片上即可獲得更近的圖片視圖，便于查看產(chǎn)品細(xì)節(jié)。

優(yōu)點(diǎn)

Pop可以算是用戶友好型主題，借助側(cè)邊欄菜單和滑出式購(gòu)物車之類的功能，Pop能夠使你的網(wǎng)站內(nèi)容非常易于查看和瀏覽。

缺點(diǎn)

Pop的一大缺點(diǎn)是它沒有搜索框，否則獲取網(wǎng)站內(nèi)容的便利性能夠再上一個(gè)臺(tái)階。

Pop的另一個(gè)缺點(diǎn)是，其移動(dòng)版本的側(cè)邊欄不命名為“菜單”，客戶可能會(huì)因此感到困惑。

3、展示大量庫(kù)存——選擇Supply主題

Shopify的Supply主題是擁有大量產(chǎn)品的在線商店的理想選擇。憑借其篩選工具，Supply能夠很好地展示出大量庫(kù)存。

Supply風(fēng)格

Supply分為兩種款式：藍(lán)色（Blue）和淺色（Light）。

Blue簡(jiǎn)單而干凈，具有大量留白和一個(gè)彩色的頂部菜單。

Light則更向傳統(tǒng)的感覺，運(yùn)用到的元素包括經(jīng)典字體、中性陰影和頁(yè)眉圖片邊框等。

Supply特色

Supply的布局非常合理，很適合用于展示大量產(chǎn)品目錄：

?側(cè)邊欄中的分類過濾：用戶可以按品牌、價(jià)格和其他可自定義類別篩選產(chǎn)品

?主頁(yè)幻燈片：可用于主頁(yè)頂部以展示多個(gè)產(chǎn)品

?精選系列：允許你在網(wǎng)站首頁(yè)上展示多個(gè)產(chǎn)品系列

優(yōu)點(diǎn)

Supply的功能提供了許多對(duì)商品進(jìn)行分類和組織的方式，因此非常適合展示大量產(chǎn)品。

Supply早在2014年就獲得了業(yè)內(nèi)賣家較高的評(píng)價(jià)，比大多數(shù)Shopify主題更有服務(wù)年頭和經(jīng)驗(yàn)沉淀。

缺點(diǎn)

賣家反饋，與其他Shopify主題相比，Supply的自定義功能使用較為不便。

由于它是針對(duì)具有大量產(chǎn)品的公司而優(yōu)化的，因此Supply確實(shí)會(huì)因?yàn)榱_列產(chǎn)品而在視覺上犧牲了一定的簡(jiǎn)潔美。

4、展示富有吸引力的產(chǎn)品故事——選擇Narrative主題

Narrative主題是引導(dǎo)客戶了解產(chǎn)品故事的理想之選。因?yàn)镹arrative具有廣闊的視野和巨幅的圖片模塊，非常適合需要展示少量庫(kù)存或單一服務(wù)的賣家使用。

Narrative風(fēng)格

Narrative具有三種樣式：Warm、Light和Cold。

Warm是三種風(fēng)格中最為傳統(tǒng)的一種。它運(yùn)用的是自然色調(diào)的傳統(tǒng)字體和圖片以及中性配色。

Light主打白色，具有干凈簡(jiǎn)約的美感，非常適合具有現(xiàn)代感的商店。

Cold主要采用“暗黑”色系，在頁(yè)眉圖片上會(huì)有黑色陰影。

Narrative豐富而有差異性的主題色彩，使其非常適合傳達(dá)戲劇性或鼓舞人心的產(chǎn)品信息和品牌故事。

Narrative特色

這些功能使Narrative變得更會(huì)“講故事”：

?英雄視頻：首頁(yè)頂部的自動(dòng)播放的全屏視頻。

?寬版面：用于展示大幅、高分辨率的圖片

?垂直幻燈片放映：能夠在你的首頁(yè)上垂直顯示圖片、博客文章等

?固定導(dǎo)航：當(dāng)客戶滾動(dòng)瀏覽頁(yè)面時(shí)，菜單、品牌logo和購(gòu)物車始終會(huì)固定在頁(yè)面頂部，非常方便客戶在不同頁(yè)面中進(jìn)行來(lái)回切換

優(yōu)點(diǎn)

寬版面的視頻和圖片模塊使Narrative的設(shè)計(jì)比典型的系列產(chǎn)品圖片更具沉浸感和魅力。

此外，Narrative也很適合通過圖片來(lái)展示產(chǎn)品細(xì)節(jié)，因?yàn)樗部梢暂p松“hold”住大幅的高分辨率照片。

缺點(diǎn)

賣家反映稱，Narrative模板的產(chǎn)品頁(yè)面設(shè)計(jì)具有一定的局限性。例如，它對(duì)產(chǎn)品描述的長(zhǎng)度設(shè)置了上限，并且布局很難重新進(jìn)行調(diào)整。

5、提高產(chǎn)品關(guān)注度——選擇Minimal主題

Minimal主題消除了視覺上的干擾，使客戶能夠更專注于產(chǎn)品。由于走的是極簡(jiǎn)主義路線，因此Minimal特別適合那些希望“化設(shè)計(jì)于無(wú)形”的賣家。

Minimal風(fēng)格

Minimal提供三種樣式：Vintage、Fashion和Music。

Vintage是三種風(fēng)格中較為低調(diào)的一款。除了彩色圖片外，模板幾乎是全白的，并帶有簡(jiǎn)單的字體。

Fashion的設(shè)計(jì)較為大膽，使用的是黑色頂部欄、字體和logo邊框，但仍然沒有偏離極簡(jiǎn)風(fēng)格，這些暗色系的背景和元素使得唯一具有顏色的產(chǎn)品圖能夠脫穎而出。

Music是三種風(fēng)格中細(xì)節(jié)較多的一款，它的logo較大且居中，背景略帶紋理。但總體上仍保持著整潔、清晰的外觀。

Minimal特色

?主頁(yè)幻燈片：可用于主頁(yè)頂部以展示多個(gè)產(chǎn)品

?產(chǎn)品圖片縮放：當(dāng)用戶將鼠標(biāo)懸停在圖片上即可查看近距離視角的產(chǎn)品圖片，以查看產(chǎn)品細(xì)節(jié)

?相關(guān)產(chǎn)品展示：在產(chǎn)品頁(yè)面上展示同一系列的產(chǎn)品，以便客戶對(duì)比挑選

?主頁(yè)視頻：在首頁(yè)居中播放 YouTube視頻或Vimeo視頻

?產(chǎn)品篩選：允許客戶在系列產(chǎn)品頁(yè)面上，按類型、暢銷產(chǎn)品或價(jià)格對(duì)產(chǎn)品進(jìn)行篩選

優(yōu)點(diǎn)

業(yè)內(nèi)對(duì)Minimal的評(píng)價(jià)也很高，在其獲得的57條評(píng)論中，好評(píng)率達(dá)到86%，也是Shopify的高人氣主題之一，超過15000個(gè)網(wǎng)站都在使用它。而且，主題設(shè)計(jì)非常人性化，自定義難度低。

缺點(diǎn)

該主題因?yàn)槭肿非髽O簡(jiǎn)主義，因此它的缺點(diǎn)是無(wú)法添加其他內(nèi)容和導(dǎo)航工具，例如側(cè)邊欄和博客。

點(diǎn)擊進(jìn)入【Shopify專區(qū)】進(jìn)一步了解海量Shopify主題的費(fèi)用和功能利弊。

（來(lái)源：先鋒出海）

以上內(nèi)容屬作者個(gè)人觀點(diǎn)，不代表雨果網(wǎng)立場(chǎng)！本文經(jīng)原作者授權(quán)轉(zhuǎn)載，轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。