Tmall新版网页设计剖析

2015-11-16
  • 945
  • 0
        前些日子,天猫更新了自己的官网页面设计,对此我进行了2014年与2015年天猫页面的新旧对比。
        一、关于首屏:不断简化,是正确的演进。
        旧版的首页,横向结构为2列,竖向结构为4层。旧版的首页,视觉上为3列结构,结构相对清晰;旧版的首页,视觉上为4层的信息,相对复杂。
        新版的首页,横向结构为2列,竖向结构为3层。此举最巧妙之处是把右侧的小广告融入了大广告图中,保持了结构的最简单化。在logo位置,使用了填底色的做法,非常大胆,这样一来,就可以把画面结构更加清晰化,把本来零碎的搜索框和横导航整合到一个负空间当中,变成一个整体,视觉上达到进一步的整合。
        二、关于楼层:结构变化导致形象直线下降。
        旧版的楼层画面重心清晰,画面中的图片跳跃率适中,右侧产品图全部使用抠底方式,统一性强烈,让人有强烈的可信赖感。
        新版的图同样视觉度大banner,同时出现在一屏,会有点让人找不到重点,对于用户的浏览购买体验比较糟糕。
        三、关于广告图:模板化过于严重导致品质不好把控。
        由于模板化导致每一个广告图都会出现一个先天定义的角标颜色,这个面积还不小,所以就意味着每一张广告图设计的时候都要考虑上这个角标颜色,否则就可能出现不和谐的画面。
        而旧版的楼层角标和广告图分离处理,则不会出现这样的情况。楼层色调分明而不影响任何一张广告图。
        总得来讲,天猫的改版肯定是有其目的,想要更多的商品公平的展现在大家面前,并且提供更多的商品曝光于用户眼前。