设计师必看:2016年电商设计九大趋势

所属分类: 平面设计 / 平面其它 阅读数: 1546
收藏 0 赞 0 分享
当今这个瞬息万变的电商世界,对于任何一位设计师,预测未来都极具挑战。今天新潮,明天就会落伍!作为设计师,想要给顾客营造顺畅的购物体验,同时使自己领先于竞争对手,你得持续不断评估当下趋势的价值,下面小编为大家分享2016年电商设计九大趋势,一起来看看吧!

1)Material Design

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

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

Pa-design

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

Bewakoof

2)隐藏式菜单

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

House of Fraser

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

EtQ

3)向上的响应式

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

Firebox

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

Smythson

Burberry

4)丰富的动画

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

Nixon

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

Fleet Feet Sports

Fallen Hero

5)故事讲述

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

Bonobos

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

Greats

6)卡片式设计

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

Rejuvenation

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

Lord & Taylor

7)大号的活动文字

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

AYR

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

Nasty Gal

Brdr. Krüger

8)大幅背景

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

Eyeheartworld

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

Bugaboo

9)动态搜索

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

JadoPado

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

Stuart Weitzman

以上就是2016年电商设计九大趋势介绍,希望这篇教程能对大家有所帮助!
更多精彩内容其他人还在看

UI设计师必看:详解最全面的组件化开发与设计指南

作为一个UI设计师,设计最重要的一点就是要符合产品功能逻辑,绝不是所谓的“好看”。而组件化的设计理念恰恰是最能帮助设计符合产品功能逻辑的,下面为大家带来详解最全面的组件化开发与设计指南,来看看吧
收藏 0 赞 0 分享

平面设计中相近性的应用技巧

相近性原则也取决于元素在背景上不同位置的放置,从而使人们获得各种不同的信息组合,而最清晰的效果就是利用白色背景来区分这些组合,今天为大家分享平面设计中相近性的应用技巧,来看看吧
收藏 0 赞 0 分享

相似的形状、颜色等其他特性在平面设计中的应用

在设计中相似的特性可以成为我们有力的工具,利用相似性,我们可以使两个相隔较远的元素在信息上联系起来,下面为大家详细介绍相似的形状、颜色等其他特性在平面设计中的应用,来看看吧
收藏 0 赞 0 分享

看看近30年奥斯卡最佳影片海报都长什么样子

今天为大家带来近30年奥斯卡最佳影片海报,看看都长什么样子,统计是从第59届奥斯卡开始的,因为之前的海报都太具有年代感了,对于设计朋友真的很值得过来学习,一起来学习吧
收藏 0 赞 0 分享

SVG格式的图片编辑修改方法

做分析的时候,经常会遇到一些SVG格式的图片,但SVG格式的图片并不能插入到Word文档中,并且需要按照期刊要求修改,怎么办
收藏 0 赞 0 分享

如何创造出好设计?教你利用坏图创造出好设计

虽然说一图胜千言,一张好图会说话。但在设计师的实际工作中,甲方不少,好图难得,碰到客户给的是烂图怎么办?还想不想要高端大气了?如果你的回答是肯定的,那就来看一下今天分享的这篇好文,实例分析,不纸上谈兵,文中涉及很多实用技巧,非常值得新手设计师阅读呢。
收藏 0 赞 0 分享

设计师必须知道的17个行业规则

设计这行摸爬滚打十几年,林林总总各行各业的客户接触不少,由于中国应试教育的不足,导致不少人对这一行业工作流程缺乏了解。本文就为设计师总结了17个行业规则,希望作为设计朋友认真阅读,这样在以后的工作中可以少走点弯路
收藏 0 赞 0 分享

如何才能做出有创意的作品 什么是好的创意

作为一名设计师,常常面对各种创意需求,但创意这种东西,在有限的时间之内,常常是没有创意的、没有灵感的,这让许多设计师苦恼抓狂。本文就向设计师朋友介绍如何快速打造有创意的作品的一些方法和发散思维的办法,希望能帮助到大家
收藏 0 赞 0 分享

图文搭配技巧:给照片配上文字的十个方法

图文搭配是是平面设计的基本功。给照片配上文字,与平面排版有相通之处,但因为偏重不一样,所以处理方式截然不同。本教程就为大家介绍十个图文搭配的技巧,教程比较实用,推荐过来与大家一起分享学习,希望大家喜欢
收藏 0 赞 0 分享

UI界面中首字母大写和小写有哪些优缺点呢?

UI界面中首字母大写和小写有哪些优缺点呢?对于很多朋友并不是很清楚,所以下面小编就为大家详细介绍一下,不会的朋友可以参考本文,一起来看看吧
收藏 0 赞 0 分享
查看更多