今天，隨著電子商務和網上購物的快速發(fā)展，有必要建立一個購物中心網站。您可以瀏覽《有了淘寶京東，為什么還要自建商城網站?》以獲得測試獨立購物中心的好處。但是，建立一個購物中心網站并不簡單。幸運的是，市場上有很多網站建設平臺。起飛頁面的自支撐平臺就是其中之一。您可以在起飛頁面的幫助下輕松構建一個美觀實用的購物中心網站。然而，小飛最近聽到許多網站管理員抱怨說，使用產品圖片和視頻背景安排網站布局是不明智的。不是這種情況。今天，小飛在2017年專門編制了10個最受歡迎的購物中心設計實例。我希望給大家?guī)硪恍╈`感和靈感。
1.簡單巧克力
Simply Chocolate是一家位于丹麥哥本哈根的巧克力公司。該公司的網站設計結合了視差滾動和微妙的懸浮效果，整個網站非常生動有趣。當您打開網頁的第一個屏幕時，不同的巧克力產品將向上滾動，第一個屏幕將更改相應的顏色。向下滾動主頁時??，屏幕中央會出現(xiàn)一塊巧克力，巧克力下的杏仁和薄荷葉等元素向上浮動。將鼠標移到巧克力棒上，會產生裂縫，就像撕開袋子的包裝一樣，點擊進入巧克力詳細信息頁面，如成分列表，產品外觀等。這種不尋常的動態(tài)設計可為用戶帶來全新的瀏覽體驗。有些人擔心太多的動態(tài)設置會讓用戶感到眼花繚亂，但事實并非如此，因為網站背景一次只關注一個產品，每次滾動我只能看到巧克力的介紹。
啟示錄：獨特的視差效果和懸浮效果可以突出產品。
2. Kvell
Kvell是一家經營現(xiàn)代家居用品的公司，其商場網站非常漂亮。網站主頁清楚地顯示了網站的各個塊，如導航按鈕，購物車，CTA按鈕，用戶可以點擊“發(fā)現(xiàn)”進行產品瀏覽，屏幕上的水平滾動條是一個很好的助手，顯示產品大類。當然，這些塊可以進一步細化。例如，用戶可以單擊漢堡按鈕以打開垂直導航菜單，或單擊水平滾動條的按鈕以進一步了解產品子類別（子類別頁面還有一個垂直滾動條以獲得幫助，回顯回聲）。盡管網站的各個部分都是獨立且獨立的，但它們的整體風格是一致的：明亮的配色方案，超大的字體和簡單的產品圖像。
啟示錄：新穎的導航設置讓用戶更加興奮地探索網站。
3. Drybar
Drybar被稱為“美發(fā)行業(yè)中的星巴克”。它不會剪發(fā)，不會燙傷，只提供專業(yè)的發(fā)型服務，在競爭激烈的美發(fā)市場創(chuàng)造自己的世界。其優(yōu)秀的商城網站也有助于這一過程。減。 Drybar的商城使用明亮的網站顏色匹配，微妙的浮動動畫，個性化功能和獨特的網站風格。在網站的主頁上，主導航菜單由各種圖標的鏈接組成。將鼠標放在其上，每個圖標中都會顯示一些微妙的動畫，并會出現(xiàn)一些下拉菜單。這個設計非常有趣。通過單擊它們，用戶還可以快速訪問相應的頁面。 “關于我們”頁面使用徽標的黃色吹風機圖標。當用戶點擊圖標時，它會上下縮放。一般來說，這種設計使整個網站變得有趣，但并不繁瑣，給用戶帶來正確的感覺。
啟示：明亮的色彩匹配和懸浮效果為用戶提供高質量的反饋，使購物體驗更加愉快。
4. Nordstrom
Nordstrom提供各種產品，從時尚服飾，配飾，鞋袋，家具到廚房用品。對于擁有如此多種產品的商城網站，最大的挑戰(zhàn)是如何讓用戶快速找到他們想要的商品。 Nordstrom在網站上使用了大型導航菜單，其中包括節(jié)日禮品，設計師系列，男士產品，女士用品，兒童用品，清倉區(qū)等。列中還有其他細分。此外，網站上的“搜索”按鈕也非常明顯，用戶可以直接輸入相關的關鍵字進行查找。這些設置都有助于改善用戶的瀏覽體驗。
啟示：產品豐富的商城網站最好設置產品過濾選項，以增強用戶體驗。
5.北方主義
Northernism專注于手工制品，更注重產品的簡潔性和設計的美感。商場網站的設計也是基于此。它放棄了傳統(tǒng)的商場設計模式，但將產品圖像和文字放在固定的網格上，以達到明亮的感覺。這個網頁格式頁面只包含幾個簡單的圖像，網站的空白區(qū)域非常豐富，這使得它看起來更高。
啟示：合理使用圖像可以有效改善網站的整體風格。
6.實用的人
Practical Man網站使用正式布局。強烈的色彩搭配，堅韌的線條和無襯線字體符合網站主要業(yè)務（男士和男士產品）的概念，很容易留下生動而深刻的訪客。印象。此外，我們常見的商城網站通常只在網站的第一個屏幕上使用一些不尋常的設計，而其他產品頁面采用常規(guī)設計。此時實用人員的處理方式非常不同，它在整個站點使用一致的設計布局，甚至將單個產品頁面的信息放置在定義的網格中（例如價格，顏色，大小，概述等） ，設計非常新穎獨特。
啟示：非常規(guī)商城設計很容易建立獨特的網站風格。
7.按
如果您真的想去書店但沒有時間外出，請查看新聞網站，在那里您可以感受到實體書店的魅力。新聞網站充分利用漂亮的圖片和漂亮的排版，在真正的書店營造出寧靜的氛圍。第一個屏幕具有幻燈片效果，背景圖像將一個接一個地出現(xiàn)。當你拉下鼠標時，你可以看到不同類型的書籍封面，封面圖像的背景是實心的（黑色或白色，這是為了減少對用戶不必要的干擾）。將鼠標移到書的封面上，將顯示詳細說明。
啟示錄：少即是多，簡單的布局也可以傳達豐富的信息。
8.分開書
A Book Apart也是一個商場網站，銷售相關產品，如書籍。這個網站也充分利用自己的優(yōu)勢，而不是使用美麗，美麗的背景圖像，但有豐富的書籍封面，以協(xié)助產品銷售。在展示一系列書籍時尤其如此。
啟示：商場設計可以充分結合自己產品的特點。
9. Ada Blackjack
Ada Blackjack是一個銷售手工包和皮具的品牌。雖然該網站的整體設計是傳統(tǒng)的而不是新穎的，但它非常適合使用大型圖像。大多數(shù)產品圖像都非常簡潔干凈，這可以使產品本身散發(fā)出魅力，同時也讓用戶專注于產品的質量。此外，網站的徽標和主導航菜單是固定的。當用戶向下滾動或進入單個產品頁面時，它們都保持不變，便于用戶點擊。
啟示錄：簡單的圖像可用于突出產品的高品質。
10. Bellroy
Bellroy是一個銷售錢包的商場網站。它的主頁布局比較簡單，主導航菜單，購物車，CTA按鈕等。但是，當你深入研究它時，你會發(fā)現(xiàn)這個網站實際上有很多不同的產品頁面，不同的重點是不同的產品。此外，Bellroy還在網站上插入了一個有趣的演示視頻，以Slim Your Wallet教程為例（見下圖），比較插入多張卡片和更換時常規(guī)錢包和Bellroy錢包的狀態(tài)。整個過程是動態(tài)的。為了突出Bellroy錢包的容量和便利性，這些視頻和動畫可以有效地促進用戶的購買行為。
啟示錄：有趣的演示視頻和互動教程可以極大地提高用戶的購買欲望。
來到起飛頁自助網站（http://www.qifeiye.com/?t_wd=a5）建立自己商場的網站！