电商网站知多少?10个优秀电商网站欣赏

2013/12/21 14877

你知道吗,购物网站也可以很赏心悦目哒~本期节目Keir Whitaker为大家精心挑选了十个非常吸引人的购物网站,专为激发的你的灵感而寻。

电商网站设计师们,快来瞅瞅~

推荐阅读:
《50个超赞的简约时尚的电商网站设计》
《超酷!40个优雅的黑色系网站欣赏》
《26个以城市为视觉核心的流光溢彩的网页设计》

01. A Book Apart

 A Book Apart

A Book apart’s的主页特点就是它不像其他电商网站,有大幅的背景图,它的主页除了书还是书。它使用不同的颜色区分了不同系列的书,这种方法对于想要展示全部系列书籍的网站来说效果是非常好的。

主要特点:在主页的主要图书上,巧妙的运用了CSS转换技术,重新定义屏幕的大小,让视觉效果更加饱满。

02. United Pixel Workers

 United Pixel Workers

United pixel workers这一电商网站展示了对细节的重视,尽管现在的电商网站中有很多供应商使用shopify,但是我认为这个网站是其中翘楚。它对细节的描述非常的详尽,配合全响应式设计,极好的规避了屏幕尺寸问题。这个品牌从 podcastsCotton Bureau起家。

主要特点:使用CSS详细的展示了不同型号的商品。

03. 8 Faces

 8 Faces

8 face是一个全相应式电商网站,近期这个网站的主页进行了更新。在主页上,8 face采用了大幅图片,非常的显眼。在这个网站读者可以购买杂志、印刷品、过期报刊。

主要特点:巧妙使用 jQuery Kinetic plugin,主页上大幅图片非常吸引人。

04. Ada Blackjack

 Ada Blackjack

从主页图片中你能猜出这个网站是做什么的吗?答案是——销售皮革制品。Ada Blackjack是一个制作手工包包以及皮制品的品牌,在设计方面使用复古大幅照片,显得简洁大方。

主要特点:当用户想要浏览物品大图时,它有一个独立的细节展示页面,但是这个页面不是传统的弹出新窗口,而是覆盖原页面。点击查看效果plus icon 。

05. Bellroy

 Bellroy

这个网站遵循传统,使用了插图,布局相对简单,在用户群中得到了很好的反响。深入观察后,你会发现它的单个商品展示多种多样,非常亮眼。将传统插画和有趣的展示视频相结合,让人眼前一亮。

主要特点:Slim your wallet这个教程非常生动有趣,告诉人们如何让钱包变瘪,同时与其他商品链接起来。

06. Luhse Tea

 Luhse Tea

在这个网站主页上,最出彩的可能就是上方的一溜抽象茶具了。第一次看到这个主页时,你可能觉得这是一个漫画书网站,但事实是…这是一个跟茶有关的网站!

主要特点:网站会经常更新食谱、茶叶小贴士以及小技巧,这是一种非常聪明的挽留顾客的方式。

07. Best Made Company

 Best Made Co

这个网站界面设计的非常简洁,布满漂亮的商品,这些东西非常新奇,你从不知道自己想要但是却需要使用,所有的商品都陈列在白色背景中。

主要特点:页面最上方设计了创新型导航,简洁,易于识别和使用。

08. Good as Gold

 Good As Gold

这个网站使用了大幅图片作为主页,是一个时尚百货商店,网站让人感觉喧闹使人印象深刻。大幅图片让你有种身临其境的赶脚。

主要特点:点击一个连接,观察logo的变化,这种方法很好的告诉了用户网站正在登陆。

09. Shwood

 Shwood

这是一个使用视频作为展示方式的电子商务网站,全响应式设计加上视频的应用使用户能够对产品有更多的了解,同时美丽照片也为商品增色不少。

主要特点:当用户点击商品标签时,一系列的产品将展示在你眼前,通过这个,用户可以挑选自己喜欢的样式,迅速找到自己喜欢的东西。

10. Big Green Factory

 Big Green Factory

此网站主页由大幅照片组成,是一个商品捐献机构以及非盈利性组织,Richard van Deventer使用shopify平台搭建。

主要特点:网站很好的利用了白色和绿色,形成强大的视觉差,非常有识别度。

作者: Keir Whitaker

翻译小组:优设网SDC翻茄匠 微博ID: @豆池麦
原文地址:onextrapixel

本文由优设网原创翻译,转摘请注明优设网译文出处,谢谢各位小编。
================关于优设网================
“优设网uisdc.com“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量58万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/how-to-create-a-fashion-website

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里