电商 on Victor42

2016年电商设计的9个趋势

hi@victor42.work (Victor42) — Sun, 24 Jan 2016 20:57:00 +0000

[国外设计第120期]

在当今这个瞬息万变的电商世界，对于任何一位设计师，预测未来都极具挑战。今天新潮，明天就会落伍！作为设计师，想要给顾客营造顺畅的购物体验，同时使自己领先于竞争对手，你得持续不断评估当下趋势的价值。

如果你正要搭建（或者翻新）在线商城，你就得了解电商领域当下的流行趋势。下面我们来深入了解即将主导2016年的热门电商设计趋势。

1) Material Design

Material Design继续盛行，如今开始大范围被电商企业采用。自2014年发布起，鲜明的、专注内容的设计风格便开始流行，而且还会在未来继续引领风潮。正是Material Design统一、切实、欢快的体验，跨越各种设备与平台，使得电商网站如此迷人。

尽管将Material Design应用于在线商城是个让人望而却步的任务，还是有些电商敢于冒险尝试，成功地运用了这种设计风格，PA Design和Bewakoof就是两个例子。

2) 隐藏式菜单

隐藏式菜单，最常见的一种变化是汉堡菜单，已经极为盛行了，因为可以清理电商网站杂乱的版面。最初它们是为移动端设计的，但现在也越来越多用在桌面端的设计中。

2015年，许多在线销售商在大大小小的屏幕上都使用了隐藏式导航菜单，节省了大量屏幕空间，这个趋势在未来还会持续增长。如今许多知名在线商城都使用了隐藏式菜单，例如House of Fraser和EtQ。

3) 向上的响应式

响应式设计是2016年大多数网站的基本要素，但除了优化移动端和平板，为大屏幕设备设计也至关重要。因为在高清设备（例如电视）上浏览和购物是大势所趋。

超过32%的互联网用户拥有1920像素甚至更高的设备，这说明兼顾那些大屏幕有多么重要。整个2016年，会有越来越多电商网站致力于兼容大屏幕设备，比如Firebox、Smythson和Burberry。

4) 丰富的动画

动画是吸引顾客、与他们沟通的良好方式，许多电商网站开始将它注入设计中，让在线购物体验更加欢快好玩。如果使用位置和时机恰当，动画会让你的顾客感到你在真正关心他们的体验。

在2016年，你会看到更多电商网站有创意地运用动画——例如按钮旋转、图标转动和加载进度条——为顾客留下深刻印象。想找点灵感吗？看看Nixon、Fleet Feet Sports和Fallen Hero，它们在运用动画方面都做得非常棒。

5) 故事讲述

在如今这个竞争激烈的电商领域，只有故事讲述能让你的品牌鹤立鸡群。用一种独特且引人入胜的方式呈现内容，好的故事不仅在品牌与顾客之间建立情感连接，也能增加忠诚度与销量。简单说，故事讲述能让品牌起死回生。

虽然电商网站讲述故事并不容易，但许多快速成长的电商都在实践这种策略，作为他们的优势。有两个电商网站充分利用了故事讲述，Bonobos和Greats。

6) 卡片式设计

近几年，卡片式（类卡片式）布局在设计师当中累积了极高的人气，毫无疑问这个趋势将延续至2016年甚至以后。首先，因为卡片是Material Design中最主要的元素之一；其次，因为它们在响应式设计中表现非常好。

卡片布局最棒的一点就是对用户友好。让你可以排列组织产品，不仅让访客一眼看到所有相关信息，同时如果某件产品不合适，也能产生有效的增加销售，让顾客浏览更轻松。Rejuvenation和Lord & Taylor都将卡片运用得登峰造极了。

7) 大号的活动文字

内容为王是当然的，但如何呈现内容反映了它的力量有多大！同往年一样，2016年也会以大号的响应式文字著称，它们适用于所有类型的设备，从小屏幕手机，到大屏幕桌面显示器。

要建立强有力的品牌视觉识别，文字至关重要，吸引潜在顾客购买你商城中的产品，大量的商城都热衷于运用这种技巧。AYR、Nasty Gal和Brdr. Krüger都很好地运用了大号活动文字。

8) 大幅背景

考虑过大号文字，我们再考虑一下大幅背景。它一直是最吸引人的网页设计趋势之一，所以并不意外，迷人的大幅产品照片在电商网站中得到广泛运用，让产品更能激发购买欲。全屏背景图片或视频，为在线商城赋予了非常清爽、专业、时髦的外观，迫使潜在顾客进入商城后尽快购买。

虽然大幅背景在主页上效果很好，它也能用在产品页上，让顾客沉浸其中。在产品详情页面使用沉浸的交互式图片或视频，让访客在点击购买按钮前，就感觉像拥有了它一样。

9) 动态搜索

最后，我注意到了一项新的设计趋势异军突起，动态搜索。2016年，许多电商网站会使用基于JavaScript和Ajax的搜索，动态展示产品。这项技术非常成功，尤其是当你有庞杂的产品系列。

最具吸引力的电商网站案例，JadoPado，就运用了这项令人称奇的技术。去他们网站看看，搜点什么，你会看到页面展示的产品动态变化。还有另一个很棒的动态搜索案例，Stuart Weitzman。

原文链接：http://www.webdesignerdepot.com/2016/01/9-ecommerce-design-trends-to-embrace-in-2016/

作者信息： AJEET YADAV Ajeet is a senior web developer at WordpressIntegration - PSD to WordPress service provider, where he is responsible for writing custom JavaScript code during the conversion process. In his spare time, he writes on different topics related to JavaScript, WordPress, and Web Design to share his work experience with others. You can follow WordpressIntegration on Facebook More articles by Ajeet Yadav

清爽的极简商城设计指南

hi@victor42.work (Victor42) — Sun, 20 Oct 2013 11:09:08 +0000

[国外设计第15期]

若要展示你的商品，还有什么比为它们打造一个舞台更好的吗？

这是电子商务网站设计近来的趋势——极简化

在过去，很多线上商城都采用了相反的方式来设计。这些网站通常都充斥着各种信息，字体和颜色都咄咄逼人，并且网站严重“过度设计”

现在很多网站弃用模特、夸张的颜色和字体、花哨的图片，只为营造极简风格来展示他们的商品。自响应式设计形式出现以来，它便成为影响众多网站的一种趋势（不仅仅是电子商务）。更多设计师开始拥抱这种趋势——简单才是更好的，并且注重可读性和易用性

这就导致了更好的网上购物体验和更干净的界面，文字更易读、界面更简单、快速和友好。这种趋势不仅仅关乎设计，还创造了更佳的整体体验

想想苹果和它线上商店所取得的成功。简单和直接可以等同于销量。现在，我们来看看这种趋势和将它运用得当的公司，还有能使它为你所用的诀窍

趋势

越来越多公司开始在他们网站中舍弃丰富颜色、模特和动画，有助于实现更加简化的设计方案

背景纹理都变得更加微妙——或完全去除了，为了使用纯白或纯黑的背景来突出商品图片。但为什么呢？

用简单的设计方案，有助于一个品牌宣扬它的商品。不需要猜测卖的是什么，因为一切都清晰明了。这么做可以消除一个品牌以往的战略所塑造的生活方式和形象，它们往往会盖过实际产品

这种方案成本很低。不需要雇佣模特，简单的背景也可以减少设计前的工作量。上手所需的，只需要工作室的一点灯光和优质照片就行了

在非常复杂的设计上少花心思，可以让企业有更多时间聚焦于用户体验。毕竟一个电子商务网站首先考虑的还是销量。一个站点必须运转正常、加载迅速，并且确保用户很容易找到他们所要的，来促成购买

电子商务设计指南

为了展现出活力。不要照抄另一个网站。是什么使得你的商品与众不同？将它在展柜中宣扬出来

网站要便于阅读。字体应该干净简洁。商品数量、尺寸、颜色和价格需要清晰可辨。别忘了商品注释和购买按钮——分类是首要任务

照片应该直接使用商品图片。不要用奇怪的角标或者非同寻常的光照效果。顾客想尽可能清楚地看到商品。确保你的照片能表达这一点。每张照片得是真实商品最精确的写照

确保你的网站易于浏览和导航。如果它加载很慢或者太复杂，顾客会逐渐减少。要包含促销和你们公司的信息。让顾客知道为何你与众不同，值得他们花钱

所有元素都要清晰并规划有序。如果一张图片质量较低或很模糊，不要使用它。如果一个设计元素与你的产品不协调，换一种手法

让购物简单有趣。顾客可能会被网站的惊艳之处所吸引，但你还需要一些好玩的花招来留住他们，要确保随后的页面都容易浏览和使用

8个优秀案例

Le Coq Sportif：焦点在商品列表上，你不用来回点击就能看见各种商品。这对没有明确目标的顾客和冲动型消费者非常有意义

Visual Supply：极度简单的布局相当醒目，每个商品都清晰地标识出来。鼠标滑过每个商品时展现的红色边框是很棒的设计

Ditto：眼镜陈列很有趣。因为它的商品展示简单纯粹（也包括网站设计），让人感觉就像在一个个对比实物

Neve/Hawk：简单未必代表无趣。这家公司用了大量中性颜色和简单的照片来展示每个商品（他们有个非常有活力的欢迎页面）

Narwhal Co.：图片立刻能抓住眼球。它们都清晰、色彩丰富。醒目的好照片总能吸引人进来

Callaway Golf：氛围图片很棒，确定了商品的整体基调，不过每个商品也能独立出来。商品间以相同格式排布的图片很容易形成对比

MANKINGdog：图片很棒，相当抢镜。每个商品看起来都很华丽，使得品牌故事与众不同

Incase：这家公司的促销手段很好，网站脱离了杂乱臃肿的感觉。带按钮的简单的照片告诉顾客还有其他选择

结论

这种趋势值得坚守

干净的设计总是好的。如果各公司真正将这种理念用于展示产品，那就更好了

有千万种理由说明商品放在简单的背景上效果好，它能给产品一个空间来为自己代言，并且让顾客在购买前对商品留下好印象

原文链接