为什么电商网页的 UI 越来越挤？

在上一期的文章中，我们介绍了“留白”这一技法，并指出“留白”在设计行业的多种应用方式。

在为手机 App 做 UI 设计时，设计师们会着重参考 Dribbble、Behance 等专案分享平台，我们经常可以看到这些网站的首页的 UI 设计透着一种呼吸感，非常喜爱运用留白。

但在某些特定行业的设计产品中，却一味在往反留白的方向走。

电商 App 就是最好的例子。

小小手机屏幕上每一个像素点都被商品信息、优惠活动所填满。铺天盖地，没有多余空间的样子，才是电商 App 的常态。

为什么会出现这种现象？

UI 设计是以内容为导向的，这早已是行业共识。精美的用户界面前提是由高质量的内容作为支撑。

但电商的内容将不可避免的过于庞杂。以某宝为例，广告位有限的前提下，每个大厂商家都想将自己的内容尽可能地往首页第一屏推送，这也就造成了竞争。想解决这个问题怎么办？提供更多的广告位是其中一种思路。

在一个相对平衡的页面中，哪怕加上一个元素，平衡就会被打破，这本就无可避免。当广告位供不应求时，只会引发更多广告位的开放。

某宝手机 App，第一屏的金刚区是可向左滑动的。但取消了“点”的形式，而是以拖动条的方式。这是因为首屏金刚区有高达 27 个 icon！这已经是相当多数量的入口了。

那么为什么不能打造一个兼顾实用性与留白的电商 App 呢？

其实也不是没有人尝试这样做。但是他们可以这样做的前置条件是自身体量本身不大。

比如说有些品牌自己开发（或外包）并运营的 App。它所有的广告位都是为自己准备的，所有的 UI 设计也是围绕自家产品去做的。

Apple Store 作为 iPhone 内置的电商 App，确实做到了简约、清新，有留白。但它只售卖与展示苹果公司自家旗下的产品。

因为不需要过多考虑广告位的问题，这类 App 可以让设计师更随心所欲发挥他们的专长。

（Apple Store 甚至不存在金刚区）

但某宝的机制则完全不同，它不售卖自家产品，而是为商家提供线上售卖渠道的平台。某种意义上，App 所有的位置都可以当作一种广告位。它没办法兼顾所有的品类。

那世界第一电商巨头亚马逊是如何做的呢？亚马逊 App 也曾面临类似的挑战。由于品类太多，无法做到品牌自营 App 那样清爽干净。但它也有自己独特的处理方法。它直接统一了标准，每一个产品只展示抠图。这样就能让 App 尽可能干净清爽。但这样的经验很难在某宝复刻。

（网易严选产品区截图）

但网易严选就能采用和亚马逊一样的方法，让页面尽可能减少视觉负担。

对某宝来说，注定难以统一的展示标准，使某宝自身很难做一个精品又美观的白月光 App。有重视视觉设计的商家，就有不重视视觉设计的商家。这叫某宝如何提升 App 颜值呢？

（很难想象这两款产品可以出现在同一个页面上）

UI 设计师要长期思考的问题，就是如何在不能控制 UGC（用户原创内容）质量的前提下，尽可能让界面美观、好用。

这本就是设计师存在的意义——让美去发声。