2016年电商设计的9个热门趋势

Date 2025-03-14 16:54:33

1)Material Design

Material Design继续流行,现在已经被电子商务企业广泛采用。自2014年发布以来,独特、专注于内容的设计风格一直很流行,并将继续引领未来的趋势。这是马特里 design统一、切实、愉快的体验,跨越各种设备和平台,使电商网站如此迷人。

(注:以下网站不搭梯子访问速度会变慢。

Pa-design

1.jpg

尽管Material 在线商城使用Design是一项令人望而却步的任务,还是有些电商敢于冒险尝试,成功地运用了这种设计风格,PA design和bewakof就是两个例子。

Bewakoof

2.jpg

2)隐藏式菜单

隐藏菜单最常见的变化之一是汉堡包菜单,它非常流行,因为它可以清理电子商务网站凌乱的布局。起初,它们是为移动终端设计的,但现在它们越来越多地用于桌面设计。

House of Fraser

3 .jpg

2015年,许多在线卖家在大大小小的屏幕上使用隐藏的导航菜单,节省了大量的屏幕空间,这一趋势在未来将继续增长。现在许多著名的在线购物中心都使用了隐藏的菜单,比如House of Fraser和EtQ。

EtQ

4.jpg

3)向上响应

响应设计是2016年大多数网站的基本要素,但除了优化移动终端和平板电脑外,大屏幕设备的设计也至关重要。因为浏览和购物高清设备(如电视)是《纽约时报》的趋势。

Firebox

5.jpg

超过32%的互联网用户拥有1920像素甚至更高的设备,这表明考虑到大屏幕有多重要。2016年,越来越多的电子商务网站将致力于与大屏幕设备兼容,如Firebox、Smythson和Burberry。

Smythson

6.jpg

Burberry

7.jpg

四、动画丰富

动画是吸引顾客和与他们沟通的好方法。许多电子商务网站开始将其注入到设计中,使在线购物体验更加愉快和有趣。如果位置和时间合适,动画会让你的客户觉得你真的很关心他们的体验。

Nixon

8.jpg

2016年,您将看到更多电子商务网站创造性地使用动画,如按钮旋转、图标旋转和加载进度条——给客户留下深刻印象。你想找到一些灵感吗?看看Nixon、Fleet Feet Sports和Fallen Hero,他们在使用动画方面做得很好。

Fleet Feet Sports

9.jpg

Fallen Hero

10.jpg

5)故事讲述

在当今竞争激烈的电子商务领域,只有故事才能让你的品牌脱颖而出。以一种独特而迷人的方式呈现内容,一个好的故事不仅可以在品牌和客户之间建立情感联系,还可以增加忠诚度和销售。简单地说,这个故事可以让这个品牌重生。

Bonobos

11.jpg

虽然电子商务网站讲故事并不容易,但许多快速增长的电子商务公司正在实践这一策略作为他们的优势。有两个电子商务网站充分利用了故事、老板和Greats。

Greats

12.jpg

6)卡片设计

近年来,卡片布局在设计师中积累了很高的知名度。毫无疑问,这一趋势将持续到2016年甚至以后。首先,因为卡片是马里 Design中最重要的元素之一;其次,因为它们在响应设计中表现得很好。

Rejuvenation

13.jpg

卡片布局最好的一点就是对用户友好。让你安排和组织产品,不仅让游客一眼就能看到所有相关信息,还能有效增加销量,让客户更容易浏览。Rejuvenation和Lord & Taylor都把卡片用到了巅峰。

Lord & Taylor

14.jpg

7)大型活动文本

内容为王是很自然的,但如何呈现内容反映了它的力量!和往年一样,2016年也被称为大型响应文本,适用于所有类型的设备,从小屏幕手机到大屏幕桌面显示器。

AYR

15.jpg

为了建立强大的品牌视觉识别,文本非常重要,吸引潜在客户购买你的商场产品,大量的商场都热衷于使用这种技能。AYR、Nasty Gal和Brdr. Krüger都很好地使用了大型活动文本。

Nasty Gal

16.jpg

Brdr. Krüger

17.jpg

8)大幅背景

考虑到大文本,让我们再考虑一下大背景。它一直是最吸引人的网页设计趋势之一,所以这并不奇怪。迷人的大型产品照片广泛应用于电子商务网站,使产品更能激发购买欲望。全屏幕背景图片或视频为在线购物中心提供了一个非常清新、专业和时尚的外观,迫使潜在客户在进入购物中心后尽快购买。

Eyeheartworld

18.jpg

虽然大背景在主页上有很好的效果,但它也可以用于产品页面,让客户沉浸其中。在产品详细信息页面上使用沉浸式互动图片或视频,让访问者在点击购买按钮之前感觉就像拥有它一样。

Bugaboo

19.jpg

9)动态搜索

最后,我注意到一个新的设计趋势,动态搜索。2016年,许多电子商务网站将使用基于JavaScript和Ajax的搜索来动态显示产品。这项技术非常成功,尤其是当你有一个复杂的产品系列时。

JadoPado

20.jpg

最具吸引力的电商网站案例,JadoPado,使用这项令人惊讶的技术。去他们的网站看看搜索点什么,你会看到页面上显示的产品的动态变化。还有另一个很棒的动态搜索案例,Stuart Weitzman。

Stuart Weitzman

1.jpg

课程推荐
— Course recommendation —
【红喵设计教育】ps教程-ps零基础课程

红喵设计

【红喵设计教育】C4D基础-C4D软件制作教程

红喵设计

【红喵设计教育】包装设计-免费/PS/AI/CDR/平面设计

红喵设计

【红喵设计教育】版式设计-版式的思路PS/AI/CDR/平面设计/排版技巧

红喵设计

【红喵设计教育】ps基础-ps基础入门教程

红喵设计

【红喵设计教育】CDR基础-CDR零基础入门教程

红喵设计

【红喵设计教育】海报基础-PS合成海报设计教程

红喵设计

【野马设计教育】AI基础-AI软件零基础到精通

红喵设计

Floating Image