天猫商城新版详解

OK~ 入正题,昨天看到天猫改版,直接刺瞎氪金狗眼,有槽不吐,憋得辛苦。
我们先来看一下新旧版的对比

操作方法

  • 01

    很明显,新版的方向是更加轻盈。 关于栅格化结构变化 在首屏的横向上,做了一个非常大胆的举动,栅格化从分3列变成分了5列。

  • 02

    关于首屏视觉层级。 分析此设计:下面有五张图详解。

  • 03

    关于画面的平衡 旧版的整体画面的稳定而平衡的, 因为有一张有超大背景的广告图,把整个画面都震住了 ,然后一左一右的2边导航和小广告的存在,让整个页面很好地平衡,看着是很舒服的。 大家看看新版,很明显的左轻右重,让人觉得不安。总觉得页面要倒下来了。

  • 04

    关于画面的浏览顺序。 我用亮点图的方式去分析他们的重心内容,从而判断浏览顺序。 旧版的很清楚,就是最常见的Z字浏览方式,也是比较科学的。 看看新版的,这个是什么的顺序?也不是M也不N,反正就是不符合人类的正常浏览顺序就对了。眼睛看得好累啊。

  • 05

    关于二屏的内容安排. 不想多说,自己看图吧。 完全不考虑用户而考虑自己平台。

  • 06

    关于整体 旧版的整体几乎都是块状,是比较容易形成视觉的集中。 而新版就是星星点灯,好好的一个商城做成了超市的感觉。 结案成词: 这里有很多高手,我只是作为一个略懂设计的资深淘宝客,我的衣食住行大部分都是在淘宝完成,无论是设计师还是顾客的身份我都是有资格吐槽的。 淘宝的一切动作都是以数据来驱动,所以我觉得这样设计肯定有他的原因,但是我还是希望有高手来解答下为什么这样做(最好页面设计的原作者,我知道你会得到的)。

(0)

相关推荐

  • 新版Word中的图表布局功能详解(图文)

    新版Word已经放出有一段时间了,还有好多朋友不熟悉,今天三联网详解一二,希望能帮到您!在Word文档编辑过程中插入图片能够提升文档的品质,并且便于用户加深理解,而最新版本的Word则带来了更加强悍的 ...

  • CPU天梯图2014最新版:2014桌面CPU天梯图3月篇详解

    距离上次发布的CPU天梯图已经有好几个月了,这期间也有不少新品桌面处理器上市,因此CPU天梯图也有必要更新一下,这也是在2014年为大家首次带来的2014桌面CPU天梯图详解,废话不多说,直接上201 ...

  • 新版Word中的图表布局功能详解

    新版Word已经放出有一段时间了,还有好多朋友不熟悉,今天网详解一二,希望能帮到您!在Word文档编辑过程中插入图片能够提升文档的品质,并且便于用户加深理解,而最新版本的Word则带来了更加强悍的图片 ...

  • LOL新版寡妇制造者伊芙琳技能详解

    英雄联盟官方这次重做了寡妇制造者伊芙琳,那么今天小编就来给大家讲讲LOL新版寡妇制造者伊芙琳技能详解吧. 操作方法 01 首先,我们要知道,伊芙琳这次重做后不叫寡妇制造者了,改名叫痛苦之拥了.她的被动 ...

  • 详解IE 11 for Win7正式版的安装与卸载过程

    微软发布了IE 11 for Win7浏览器正式版,勇于尝鲜的用户或者浏览器迷用户可以下载最新版本的IE 11 for Win7正式版安装。不过按照惯例,在IE 11 for Win7预览版发布期间就 ...

  • Win10预览版界面改动详解:扁平化的图标+更窄的边框+新的开始菜单

    微软新一代Windows10都带来了哪些变化和新功能?相信这是不少PC用户所关心的问题。除了开始菜单和虚拟桌面这样的显著功能之外,Windows10还拥有不少改变了系统外观和感觉的细微改动,科技网站D ...

  • MentoHUST的使用教程详解

    本文是MentoHUST的使用教程,旨在介绍MentoHUST怎么用,MentoHUST是一个支持Windows、Linux、Mac OS下锐捷认证的程序(附带支持赛尔认证),Windows版Ment ...

  • WPS演示倒计时制作详解之滚动条

    倒计时制作详解(一)滚动条 倒计时在教学和演示中应用比较广范,制作方法各有特点,我将利用图文教程的方式,详细展示常见倒计时的几种做法,这是其中做法之一。 打开wps视频模板,在第一页第一个文本框中修改 ...

  • php5.3.10的安装配置步骤详解

    在linux中php安装配置与windows中有不小的区别了,在linux中几乎都是代码形式了,下面我们一起来看看php5.3.10的安装配置步骤详解,希望下文可帮助到各位。 下面以最新的php-5. ...