拍拍 淘宝首页（首屏）简易视觉分析

这是一篇我在2011年在个人博客发表的关于淘宝和拍拍的视觉分析，鉴于当年身在腾讯拍拍，不好太直接批评自己东家的业务,所以没有发布到任何论坛社区平台。

今天忽然被一位小伙伴挖坟，挖起了这篇文章，我自己回顾了一下，案例图虽然很有历史，但是设计观点和能力是不会过时的，衡量了一下，好像发在站酷还是可以的。所以就发一下给大家一起批评。

★★★★★★★★★★★★★★★★★下面才是文章的正式内容★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

本文仅表示个人论点，和任何机构单位国家星球星系无关。谢谢阅读。

PS：严禁私自转载，谢谢合作。

先看一眼今晚淘宝和拍拍的首屏（哥的分辨率是1680X1050，所以首屏会比较高，你不要羡慕嫉妒恨），只针对当前的截图说事。

我们来看下2者的视觉强点的分布，如下图：

淘宝：

1.最强的不用说，当然是中心的焦点广告图。

2.搜索在c2c里面的作用之重，就不用多说了，它搜索很强化，虽然不粗，但胜在长，所以达到相对视觉强化的目的。

3.焦点广告图下方的滚动四格广告和右下方的那含有餐具的广告图

嗯，然后是拍拍的。

看上去，貌似的视觉重点的分布顺序也差不多的样子，不过可以留意到有几点不同。

1.页头的搜索部分，被一些不明真相的元素挤在一起，太多配角跑进来主角的底盘，自然被抢戏了。（而且自身就不够霸气）

2.左边的今日特价栏目，几个响当当的我要抢按钮，不是一般的喜庆。

3.这个不正对某个来说了，我们看下一共有多少个橙色的小块吧，1搜索按钮。2中心广告图的当前态颜色块，3广告图下方订阅按钮，4话费充值按钮，5今日特价三个响当当的抢购按钮。6电影票上的icon，那个也算是一个属于橙色邻近色的图形。

合指一算，足有8个亮点，还不包含主导航的当前态的那块。

鉴于这些差别，淘宝首页相对冷静，大平台化。拍拍首页相对欢腾，很营销味。

再换一个角度来看

以下是页面的亮点分析图

从上图我们可以看到2者页面的排版强弱节奏，

淘宝：强旁边是弱 弱的旁边是强

拍拍：过多强放在一起，导致主次没有得到很好的安置

再多看一些小细节

1.搜索部分，淘宝比拍拍的突出很多，主要的原因是上下间距，淘宝的搜索释放更多的呼吸空间

2.充值按钮，淘宝大胆地使用了弱化的灰白色。我想很大部分目的就是避免板块出现过多跳跃的亮点

3.这个其实是个小常识，2个一起的广告图，在交互上来说，是不太合理，但视觉上可以解决，设计成一强一弱，问题就可以解决。设计就如音乐，一个合理的节奏是由轮流而重复的强弱拍组成，几个强拍连续地出现，那就是不协调的节奏。

基于有些事不好说的太细的原则，就先暂告一段落。

最后再来一张几大B2C的亮点分析图，我就不说话了，大家看看，八卦一下就好。

还是那句：版权所有，请勿乱转载，如果你真的要这么禽兽地转载，你可以在QQ上问下我先

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

原文地址：http://blog.sina.com.cn/s/blog_5d1d524c0100ommk.html