让企业赢在全网营销时代
当前位置: 首页>>建站知识>>网页设计

新版天猫网页设计剖析

作者:admin 点击量:968次 2017-03-04 00:12:47

前些日子,天猫更新了自己的官网页面设计,对此我进行了2014年与2015年天猫页面的新旧对比。

  一、关于首屏:不断简化,是正确的演进。

  旧版的首页,横向结构为2列,竖向结构为4层。旧版的首页,视觉上为3列结构,结构相对清晰;旧版的首页,视觉上为4层的信息,相对复杂。

  新版的首页,横向结构为2列,竖向结构为3层。此举最巧妙之处是把右侧的小广告融入了大广告图中,保持了结构的最简单化。在logo位置,使用了填底色的做法,非常大胆,这样一来,就可以把画面结构更加清晰化,把本来零碎的搜索框和横导航整合到一个负空间当中,变成一个整体,视觉上达到进一步的整合。

  二、关于楼层:结构变化导致形象直线下降。

  旧版的楼层画面重心清晰,画面中的图片跳跃率适中,右侧产品图全部使用抠底方式,统一性强烈,让人有强烈的可信赖感。

  新版的图同样视觉度大banner,同时出现在一屏,会有点让人找不到重点,对于用户的浏览购买体验比较糟糕。

  三、关于广告图:模板化过于严重导致品质不好把控。

  由于模板化导致每一个广告图都会出现一个先天定义的角标颜色,这个面积还不小,所以就意味着每一张广告图设计的时候都要考虑上这个角标颜色,否则就可能出现不和谐的画面。

  而旧版的楼层角标和广告图分离处理,则不会出现这样的情况。楼层色调分明而不影响任何一张广告图。

  总得来讲,天猫的改版肯定是有其目的,想要更多的商品公平的展现在大家面前,并且提供更多的商品曝光于用户眼前。