天猫商城新版详解
OK~ 入正题,昨天看到天猫改版,直接刺瞎氪金狗眼,有槽不吐,憋得辛苦。
我们先来看一下新旧版的对比
操作方法
- 01
很明显,新版的方向是更加轻盈。 关于栅格化结构变化 在首屏的横向上,做了一个非常大胆的举动,栅格化从分3列变成分了5列。
- 02
关于首屏视觉层级。 分析此设计:下面有五张图详解。
- 03
关于画面的平衡 旧版的整体画面的稳定而平衡的, 因为有一张有超大背景的广告图,把整个画面都震住了 ,然后一左一右的2边导航和小广告的存在,让整个页面很好地平衡,看着是很舒服的。 大家看看新版,很明显的左轻右重,让人觉得不安。总觉得页面要倒下来了。
- 04
关于画面的浏览顺序。 我用亮点图的方式去分析他们的重心内容,从而判断浏览顺序。 旧版的很清楚,就是最常见的Z字浏览方式,也是比较科学的。 看看新版的,这个是什么的顺序?也不是M也不N,反正就是不符合人类的正常浏览顺序就对了。眼睛看得好累啊。
- 05
关于二屏的内容安排. 不想多说,自己看图吧。 完全不考虑用户而考虑自己平台。
- 06
关于整体 旧版的整体几乎都是块状,是比较容易形成视觉的集中。 而新版就是星星点灯,好好的一个商城做成了超市的感觉。 结案成词: 这里有很多高手,我只是作为一个略懂设计的资深淘宝客,我的衣食住行大部分都是在淘宝完成,无论是设计师还是顾客的身份我都是有资格吐槽的。 淘宝的一切动作都是以数据来驱动,所以我觉得这样设计肯定有他的原因,但是我还是希望有高手来解答下为什么这样做(最好页面设计的原作者,我知道你会得到的)。
赞 (0)