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

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

01. A Book Apart

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

主要特點(diǎn)：在主頁(yè)的主要圖書上，巧妙的運(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)站的主頁(yè)進(jìn)行了更新。在主頁(yè)上，8 face采用了大幅圖片，非常的顯眼。在這個(gè)網(wǎng)站讀者可以購(gòu)買雜志、印刷品、過期報(bào)刊。

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

04. Ada Blackjack

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

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

05. Bellroy

這個(gè)網(wǎng)站遵循傳統(tǒng)，使用了插圖，布局相對(duì)簡(jiǎn)單，在用戶群中得到了很好的反響。深入觀察后，你會(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)站主頁(yè)上，最出彩的可能就是上方的一溜抽象茶具了。第一次看到這個(gè)主頁(yè)時(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ì)的非常簡(jiǎn)潔，布滿漂亮的商品，這些東西非常新奇，你從不知道自己想要但是卻需要使用，所有的商品都陳列在白色背景中。

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

08. Good as Gold

這個(gè)網(wǎng)站使用了大幅圖片作為主頁(yè)，是一個(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)站主頁(yè)由大幅照片組成，是一個(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