页面载入中...

9个电商网站热门设计素材展示

xing电商, 2016-07-090

 

  上期我们有谈到网站建设之网页设计制作过程,如今电子产品在不断的更新换代,网站所呈现的方式也在迎合着大众需求不断的更新设计展现方式,只有捉住用户操作体验和感官体验的网站设计布局,才更能为网站带来更大的效益,也会让品牌鹤立鸡群。

  1)Material Design继续盛行

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

  Pa-design

  

4e6d577f752d0000012e7e7ee6be.jpg

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

  Bewakoof

  

5574577f753c0000018c1b0e85ed.jpg

  2)隐藏样式的菜单

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

  House of Fraser

  

02f9577f75870000012e7e67b977.jpg

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

  EtQ

  

3569577f75950000018c1bf05b94.jpg

  3)向上响应式设计

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

  Firebox

  

96f5577f75a30000012e7e9c8eb7.jpg

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

  Smythson

  

3171577f75b10000018c1b6e8c79.jpg

  Burberry

  

7899577f75bf0000018c1b3b701d.jpg

  4)丰富的动画设计

  网页动画是吸引顾客与他们沟通的良好方式,现在有很多电子商务网站将这种动画式设计注入其中,让在线购物体验变得更加好玩。如果使用位置和时机恰当,动画会让你的顾客感到你在真正关心他们的体验。

  Nixon

  

93f1577f75cc0000012e7ec8987c.jpg

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

  Fleet Feet Sports

  

6fe7577f75d90000012e7e791299.jpg

  Fallen Hero

  

ba7b577f75eb0000012e7eb2ceea.jpg

  5)故事讲述形式设计

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

  Bonobos

  

7ea2577f75f80000018c1b04dc6f.jpg

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

  Greats

  

4ac5577f76090000012e7e761e87.jpg

  6)网站卡片式设计

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

  Rejuvenation

  

5a54577f761e0000018c1bd24097.jpg

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

  Lord & Taylor

  

72c3577f762f0000012e7e0e2103.jpg

  7)大号的活动文字

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

  AYR

  

ea63577f763e0000012e7e1a7173.jpg

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

  Nasty Gal

  

7295577f764c0000018c1b7001fe.jpg

  Brdr. Krüger

  

fd33577f76590000012e7e838178.jpg

  8)大幅背景

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

  Eyeheartworld

  

6c77577f766d0000018c1b3cf803.jpg

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

  Bugaboo

  

7f33577f767c0000012e7eeb69b6.jpg

  9)动态搜索

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

  JadoPado

  

26d3577f76900000012e7eeb492b.jpg

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

9de2577f769b0000018c1b5695f6.jpg


发布评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

分享:

设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描

相应二维码打赏设计原,赏金将全部用于网站建设

微信