電商網(wǎng)站知多少？10個(gè)優(yōu)秀電商網(wǎng)站欣賞

你知道嗎，購物網(wǎng)站也可以很賞心悅目噠~本期節(jié)目Keir Whitaker為大家精心挑選了十個(gè)非常吸引人的購物網(wǎng)站，專為激發(fā)的你的靈感而尋。

電商網(wǎng)站設(shè)計(jì)師們，快來瞅瞅~

推薦閱讀：
《50個(gè)超贊的簡約時(shí)尚的電商網(wǎng)站設(shè)計(jì)》
《超酷！40個(gè)優(yōu)雅的黑色系網(wǎng)站欣賞》
《26個(gè)以城市為視覺核心的流光溢彩的網(wǎng)頁設(shè)計(jì)》

01.?A Book Apart

A?Book apart’s的主頁特點(diǎn)就是它不像其他電商網(wǎng)站，有大幅的背景圖，它的主頁除了書還是書。它使用不同的顏色區(qū)分了不同系列的書，這種方法對(duì)于想要展示全部系列書籍的網(wǎng)站來說效果是非常好的。

主要特點(diǎn)：在主頁的主要圖書上，巧妙的運(yùn)用了CSS轉(zhuǎn)換技術(shù)，重新定義屏幕的大小，讓視覺效果更加飽滿。

02.?United Pixel Workers

United pixel workers這一電商網(wǎng)站展示了對(duì)細(xì)節(jié)的重視，盡管現(xiàn)在的電商網(wǎng)站中有很多供應(yīng)商使用shopify，但是我認(rèn)為這個(gè)網(wǎng)站是其中翹楚。它對(duì)細(xì)節(jié)的描述非常的詳盡，配合全響應(yīng)式設(shè)計(jì)，極好的規(guī)避了屏幕尺寸問題。這個(gè)品牌從?podcasts和Cotton Bureau起家。

主要特點(diǎn)：使用CSS詳細(xì)的展示了不同型號(hào)的商品。

03.?8 Faces

8 face是一個(gè)全相應(yīng)式電商網(wǎng)站，近期這個(gè)網(wǎng)站的主頁進(jìn)行了更新。在主頁上，8 face采用了大幅圖片，非常的顯眼。在這個(gè)網(wǎng)站讀者可以購買雜志、印刷品、過期報(bào)刊。

主要特點(diǎn)：巧妙使用?jQuery Kinetic plugin，主頁上大幅圖片非常吸引人。

04.?Ada Blackjack

從主頁圖片中你能猜出這個(gè)網(wǎng)站是做什么的嗎？答案是——銷售皮革制品。Ada Blackjack是一個(gè)制作手工包包以及皮制品的品牌，在設(shè)計(jì)方面使用復(fù)古大幅照片，顯得簡潔大方。

主要特點(diǎn)：當(dāng)用戶想要瀏覽物品大圖時(shí)，它有一個(gè)獨(dú)立的細(xì)節(jié)展示頁面，但是這個(gè)頁面不是傳統(tǒng)的彈出新窗口，而是覆蓋原頁面。點(diǎn)擊查看效果plus icon?。

05.?Bellroy

這個(gè)網(wǎng)站遵循傳統(tǒng)，使用了插圖，布局相對(duì)簡單，在用戶群中得到了很好的反響。深入觀察后，你會(huì)發(fā)現(xiàn)它的單個(gè)商品展示多種多樣，非常亮眼。將傳統(tǒng)插畫和有趣的展示視頻相結(jié)合，讓人眼前一亮。

主要特點(diǎn)：Slim your wallet這個(gè)教程非常生動(dòng)有趣，告訴人們?nèi)绾巫屽X包變癟，同時(shí)與其他商品鏈接起來。

06.?Luhse Tea

在這個(gè)網(wǎng)站主頁上，最出彩的可能就是上方的一溜抽象茶具了。第一次看到這個(gè)主頁時(shí)，你可能覺得這是一個(gè)漫畫書網(wǎng)站，但事實(shí)是…這是一個(gè)跟茶有關(guān)的網(wǎng)站！

主要特點(diǎn)：網(wǎng)站會(huì)經(jīng)常更新食譜、茶葉小貼士以及小技巧，這是一種非常聰明的挽留顧客的方式。

07.?Best Made Company

這個(gè)網(wǎng)站界面設(shè)計(jì)的非常簡潔，布滿漂亮的商品，這些東西非常新奇，你從不知道自己想要但是卻需要使用，所有的商品都陳列在白色背景中。

主要特點(diǎn)：頁面最上方設(shè)計(jì)了創(chuàng)新型導(dǎo)航，簡潔，易于識(shí)別和使用。

08.?Good as Gold

這個(gè)網(wǎng)站使用了大幅圖片作為主頁，是一個(gè)時(shí)尚百貨商店，網(wǎng)站讓人感覺喧鬧使人印象深刻。大幅圖片讓你有種身臨其境的趕腳。

主要特點(diǎn)：點(diǎn)擊一個(gè)連接，觀察logo的變化，這種方法很好的告訴了用戶網(wǎng)站正在登陸。

09.?Shwood

這是一個(gè)使用視頻作為展示方式的電子商務(wù)網(wǎng)站，全響應(yīng)式設(shè)計(jì)加上視頻的應(yīng)用使用戶能夠?qū)Ξa(chǎn)品有更多的了解，同時(shí)美麗照片也為商品增色不少。

主要特點(diǎn)：當(dāng)用戶點(diǎn)擊商品標(biāo)簽時(shí)，一系列的產(chǎn)品將展示在你眼前，通過這個(gè)，用戶可以挑選自己喜歡的樣式，迅速找到自己喜歡的東西。

10.?Big Green Factory

此網(wǎng)站主頁由大幅照片組成，是一個(gè)商品捐獻(xiàn)機(jī)構(gòu)以及非盈利性組織，Richard van Deventer使用shopify平臺(tái)搭建。

主要特點(diǎn)：網(wǎng)站很好的利用了白色和綠色，形成強(qiáng)大的視覺差，非常有識(shí)別度。

作者:?Keir Whitaker

翻譯小組：優(yōu)設(shè)網(wǎng)SDC翻茄匠 微博ID:?@豆池麥
原文地址：onextrapixel

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，轉(zhuǎn)摘請(qǐng)注明優(yōu)設(shè)網(wǎng)譯文出處，謝謝各位小編。
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊(cè)：網(wǎng)頁設(shè)計(jì)師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計(jì)指南http://hao.uisdc.com/ps/。
設(shè)計(jì)微博：擁有粉絲量58萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：