2018年自建站10大潮流設(shè)計趨勢，你的頁面更新了嗎？

如果你正經(jīng)營一個企業(yè)并維護其網(wǎng)站，你可能會想更新它，使其緊跟當(dāng)下的流行趨勢。如果你正在考慮設(shè)計一個網(wǎng)頁，你也許想要知道最潮的流行元素有哪些。Magento是目前最受歡迎、最成功的電商平臺之一，其提供的現(xiàn)成模板會讓你清楚地了解當(dāng)你能在購買主題時獲得什么。此外，你可以嘗試不同主題，并選擇不同的網(wǎng)頁背景和布局以滿足你的需求。

本文將以10個不同的Magento主題為例，以研究當(dāng)前電商網(wǎng)站設(shè)計的主要流行趨勢，或移步至《如何做一個高轉(zhuǎn)化率的Magento網(wǎng)站》，簡單幾步就可擁有自己的獨立站。

1、商品列表和畫廊頁（Gallery Pages）

當(dāng)顧客第一次打開網(wǎng)站的時候，網(wǎng)站的總體布局是非常重要的，因為它能向顧客傳達網(wǎng)站的內(nèi)容主題。商品列表和畫廊頁（Gallery pages）是展示各種商品和圖片的最有效的方法之一，因為你可以選擇要展示的商品數(shù)量和大小。正如你在例子中所看到的，滑塊設(shè)計也可以幫你創(chuàng)建完全響應(yīng)式的滑動畫廊來展示你的圖片。此外，Ajax分層導(dǎo)航將促進客戶在網(wǎng)站上的導(dǎo)航，幫助其快速找到網(wǎng)站的各個部分。

2、加速移動頁面

隨著越來越多的人喜歡使用移動設(shè)備上網(wǎng)，網(wǎng)頁的速度成為人們選擇網(wǎng)站的一個重要考慮因素。此類功能如Accelerated Mobile Pages（移動頁面加速）可以保證移動內(nèi)容的出現(xiàn)速度比普通頁面快4倍，從而很容易使網(wǎng)頁排在谷歌搜索結(jié)果的頂部。返回頂部（Back-to-the-top）按鈕也可以改善導(dǎo)航，使導(dǎo)航更易于使用。另外，由于主題的跨瀏覽器兼容性，還可以確保你的網(wǎng)站在所有瀏覽器中都能呈現(xiàn)出最好的效果。

3、下拉導(dǎo)航菜單插件MegaMenu與懸浮固定頁頭Sticky Header

為了增加顧客的參與度，并且做到合理分布網(wǎng)站上的眾多商品，下拉導(dǎo)航菜單插件MegaMenu則是一個必不可少的工具。它有助于創(chuàng)建不同復(fù)雜性的菜單，根據(jù)你的需要將商品分成主類別和子類別。此外，你可以注意到，在該主題中引人注目的懸浮固定頁頭Sticky Header，可以使顧客迅速返回菜單頁。因此，這兩種工具都可以讓顧客尋找商品的過程變得愉悅。

4、Ajax Wishlist（愿望清單）

對于挑選商品的顧客來說，一個重要的功能是使其能夠添加正在考慮或喜歡的商品。在這種情況下，可以利用Ajax愿望清單，其可以讓顧客把不同的商品添加到列表，最后需要做決定時可再返回列表中查看商品。另外，此主題也可以讓你在網(wǎng)頁展示不同的產(chǎn)品型號。比如，這樣顧客就可以看到一個產(chǎn)品是否有其他顏色或尺寸。

5、分類商品

展示盡可能多的產(chǎn)品是一個好方法，但要讓顧客從眾多的商品中選出所需要的商品卻是一個挑戰(zhàn)。為了便于選擇，把商品分類是個方便的辦法，因為它讓顧客可以按不同的標(biāo)準(zhǔn)對商品進行分類，比如按字母順序或商品銷量等。此外，正如這個主題所展示的，你可以用特色產(chǎn)品吸引訪客的注意力，展示不同類別的熱門商品。也可以按品牌分類，這可以吸引到那些喜歡購買特定品牌的顧客。

6、視差和視頻背景

一個有趣的網(wǎng)站會吸引顧客，所以加一些吸引人的元素會讓你的網(wǎng)站更成功。使用視差可以讓顧客完全沉浸在網(wǎng)站里，使用背景視頻則會使你的網(wǎng)頁脫穎而出。選擇你喜歡的樣式和顏色，添加各種字體以突出流行元素，才能在顧客第一眼就愛上你的網(wǎng)站。

7、產(chǎn)品快速瀏覽和產(chǎn)品標(biāo)簽

網(wǎng)店里的商品信息可以以多種方式呈現(xiàn)，產(chǎn)品快速瀏覽和產(chǎn)品標(biāo)簽只是其中一種。產(chǎn)品快速瀏覽和產(chǎn)品標(biāo)簽可以讓顧客看到關(guān)于產(chǎn)品的基本信息，而不需要單獨打開它。正如這個主題所顯示的，你可以添加評論系統(tǒng)，這樣人們就可以看到商品評論，并發(fā)表自己的評論。此外，顧客還可以打開產(chǎn)品頁面，或者去博客上尋找更多不同商品的信息。

8、產(chǎn)品搜索、篩選以及比較

對于顧客來說，能夠快速找到所需的商品是非常重要的，那么他們肯定會喜歡使用Ajax 搜索功能。Ajax搜索可以在顧客不斷輸入商品信息時顯示搜索結(jié)果，縮小搜索的結(jié)果范圍，但如果顧客想看到更多的搜索結(jié)果，可以刪除一些字符。正如這個主題所展示的，顧客將能夠根據(jù)喜好來篩選產(chǎn)品。此外，顧客還可以將各種商品添加到 Ajax Compare中，可以找出想要對比的商品之間的所有異同。

9、產(chǎn)品小標(biāo)志

為了吸引顧客的注意力，你可以使用產(chǎn)品小標(biāo)志。產(chǎn)品標(biāo)志能顯示產(chǎn)品的狀態(tài)和價值，由于其尺寸小，所以并不妨礙顧客使用網(wǎng)站的體驗。另外，你可以注意到這個主題中有一個特殊的優(yōu)惠倒計時，使用此功能，你可以通知顧客打折和特殊優(yōu)惠時間，有效提示其把握這些優(yōu)惠的剩余時間。

10、社交登錄和社交分享

由于許多人不喜歡在網(wǎng)站上注冊，并想要盡快購買，使用社交賬號登錄將允許他們將自己的社交賬戶與你的網(wǎng)站連接起來，從而可以快速到你的網(wǎng)店里購物。與此同時，社交分享會讓你的商店受益，因為當(dāng)顧客分享你的產(chǎn)品信息時，會讓更多的人看到。當(dāng)然，在該主題中包含的Newsletter Subscription Pop-up（訂閱號消息彈出）讓顧客有機會收到你的郵件，使其第一時間看到你商店的消息。對于不喜歡將自己的社交賬戶與不同商店和公司聯(lián)系起來的人來說，則更適合使用注冊和登錄的方法。

總之，一個成功的網(wǎng)店頁面無論在外觀還是在功能上都可以吸引顧客的目光。正如Magento熱門主題所顯示的那樣，根據(jù)最新的流行趨勢，有太多方法可以使你的網(wǎng)站變得更加現(xiàn)代化。

（編譯/雨果網(wǎng) 梁麗媛）