新春福利放送!2018年商城网站流行设计趋势大集合

发布日期:2018-02-16
浏览次数:218
  
undefined
 
相比展示型网站来说,商城网站的竞争总是更加激烈。这是因为,一方面,市场上已经存在不少比较成熟、知名度高的综合电商平台,比如淘宝、京东等;另一方面,互联网的快速发展使得建站门槛大大降低,越来越多的个人或企业开始涌向线上搭建属于自己的独立商城网站。在前有“猛虎”后有追兵的大环境下,我们如何才能做好网站自身建设,快速抓住用户,从众多竞争对手中脱颖而出?怎样才能打造出一个拥有高销量和高转化率的商城?今天小飞就带来了2018年商城领域正悄然流行的7种设计趋势,希望能带给大家一些启发或灵感。快来一起看看吧!
 
 
 

1. 产品图片的滚动设计

在2017年,长滚动这种设计手法十分流行。这是因为与点击设计相较而言,滚动设计的操作更加简单。另外,它还提供了更加顺畅、完整的信息流,能够吸引用户在不知不觉中进行持续地浏览。目前很多社交软件平台就使用了无限滚动的设计方式。在2018年,我们也可以在建设商城网站时多结合这种设计方法,比如在网页中设置滚动式的产品图片,滚动式的图片设置不仅比传统的幻灯片式更加简单(不需要进行点击即可查看图片),还能给用户提供流线型的浏览体验,提高用户查看更多内容的可能性。
 
undefined
 
 
 

2. 元素叠加设计

商城的产品页面通常需要包含很多元素,比如产品图片、产品描述、产品说明、用户评价等,这时如何合理安排不同元素帮助建立有效的视觉信息流就显得十分重要了。元素叠加设计的出现恰好就能轻松解决这个问题,元素叠加设计是指通过不同元素之间的互相叠加实现用户视线的自然下移,让用户沿着既定的轨迹进行浏览。以下图为例,页面上的两张图片在部分区域重叠,这样一来,用户在浏览完左上方的图片后,视线会自动下移到右下角的图片。除了实现图片之间的自然过渡,这种方式还可以用在其它各种元素上,比如实现从文本到图片再到矢量图形的过渡。对了,我们还可以通过元素叠加设计来重点突出图片的某个位置,或某个需要特别关注的产品规格。
 
undefined
 
 
 

3. 真实的产品图片

商城网站中的产品图片设计从来就不是一件易事。因为产品图片常常需要“身兼多职”:既要足够有趣,有效吸引用户注意力,又应足够简洁,能起到突出产品本身的作用。也就是说,产品图片要兼具审美性和功能性,为用户提供愉悦的浏览体验和详尽的产品信息,想要做到这一点谈何容易?不过,最近设计师们倒是发现了一种比较有效的图片形式:动态的真人试用图片。真人试用的产品图片很早就出现了,不过现在一些商城开始将它与动态设计结合起来了,这能给用户耳目一新的感觉,同时还能让用户对产品有更加深刻的认识。下图为某个网站洗发水产品的真人试用图片。
 
undefined
 
 
 

4. 产品视频集锦

在网站中使用视频的好处应该不用小飞多做介绍了吧。视频拥有静态图片无法比拟的优势,它简单直观、互动性强,能够在短时间内将大量的信息以易于理解的方式传递给用户。现在很多商城也在网站中使用视频这种方式进行产品讲解,不过今天小飞要介绍的是产品视频集锦。产品视频集锦与传统的视频媒体不同,它一般聚焦于一个主题,综合了各种相关的GIF动画、视频片段等,没有配音,长度也比较短。在网站中使用这种形式的视频能给产品赋予与众不同的生机与活力,也更能将你的网站与竞争对手的区别开来。不过,如何做好视频的有效剪辑却并不简单,有空小飞再跟大家仔细探讨一下。
 
undefined
 
 
 

5. 超大尺寸的产品图片

在现有的商城网站中,我们经常看到产品图片被放置在产品页面的左上方,只占一小块区域,而更多的页面空间留给了产品描述、产品规格、用户评价等区块。似乎产品图片就应该是这般大小的,其实,商站产品图片的尺寸设置没有任何标准,只要能够突出产品特点、符合设计美感就OK了。因此,在2018年,我们可以尝试打破产品图片的常规尺寸,在产品页面放置超大尺寸的图片,下图就是一个很好的范例。超大尺寸的产品图片,不管是作为产品主图上还是分页设计的一部分,都比普通大小的产品图片更具表现力,更能给用户带来沉浸感。
 
undefined
 
 
 

6. 产品着陆页

着陆页设计对商城网站也同样重要。因为它通常代表了用户对于网站的第一印象,直接决定着用户的下一步行为:是继续点击,浏览产品,还是关掉窗口,直接退出。为了第一时间吸引用户的注意,提高网站流量的转化率,我们在设计商城网站的着陆页时一定要多聚焦于产品本身。一般来说,一个成功的产品着陆页通常包括机智的营销文本、好看的产品图片、平整的图标、印象深刻的数字、显眼的CTA按钮。只有这样,访客才能在仅浏览网站着陆页时就对产品有足够的了解。当然,商城着陆页的设计也应足够简洁,重点突出产品的某些特点。
 
undefined
 
 
 

7. 创意十足的产品类别页面

与展示型网站不同,商城网站中通常还会设置产品类别页面。产品类别页面是主页和产品页面之间的"中间页面",一个出色的产品类别页面可以驱动用户去探索更多的产品(甚至是他们不怎么需要的),也能让用户的购物过程更加高效,大大提升网站的转化率。在2018年,我们可以结合多种设计技巧来建设产品类别页面,比如滚动设计、微妙动效等,让产品类别页面更具创意。下图就是一个很好的例子,这个产品类别页面主要展示了商品的4个分类:上装、下装、套装、外套,而通过使用真人图片、GIF动画、微妙动效等,用户也会更有兴趣在网站上进行探索。
undefined
 
 
 
快来起飞页自助建站平台搭建一个响应式网站吧!
 

登录后即可发表评论,立即登录.