Complexion Reduction 移动设计新潮流

译自 Michael Horton 的 ，解释Complexion Reduction的出现和设计指南。也可以去查看墨刀的翻译

虽然墨刀的翻译是「肤色还原」，但是看Medium上的评论，这应该是Ascetic aesthetic.(即性冷淡艺术)在移动端上的体现。所以下面译文仍然使用Complexion Reduction，简称CR

当前我们已经是遵循『干净和极简』的设计。过去几个月，有一些创新设计的引领者已经将『minimal』（极简）设计发展到更高水平。Faceboo、Airbnb、Apple已经在遵循一种类似的设计理念，反映了CR设计趋势。到底什么是Complexion Reduction?你可能从来没听说过，好吧，这是我最近发明的。最近我注意到这样一种超越扁平设计、超越极简设计，独立的一种简约设计。有人可能会说这是移动端极简设计的下一步，但是我注意到有许多不同。所以我决定将它命名。

这种横跨硅谷新趋势的设计特征是：

1. 更大、更加重的标题
2. 更简单更普适的图标
3. 颜色的萃取使用
   结果是更多我们喜爱的App的界面越来越类似，好像都可以放到同一个品牌下。证据我第一次发现这种设计趋势是instagram的改版。

1*36N2-AkO-a6WLwh-5W0EmQ.png

变化包括去除了覆盖App的蓝色和黑灰色，加粗了标题，并且简化了底部导航按钮。剩下黑白UI让整体上的内容更清晰，功能也更明确。我赞赏简洁的界面设计，并且一直是Medium的粉丝，Medium自2012年成立以来一直在使用黑白UI设计，甚至都不知道它可能是CR设计的鼻祖。在Instagram改版后不久，我第一次使用Aribnb App，就有一种熟悉的感觉。Aribnb重新设计UI并没有得到像Instagram这样的媒体报道率，可能因为它没有重新设计一个闪闪的Logo。但是它遵循了很多CR设计的规则。

1*gGaeeFFmkDSRZ8NipWWRMA.png

重新设计的移动端，更大更加重的标题，移除不必要的图像和色彩使图标更加简约和普遍适用。剩下黑白UI让整体上的内容更清晰，功能也更明确。苹果是崇尚CR设计的最新例子。

1*SrA5FVya2uVIgIbp5stq3w.png

比较不同的是 Apple Music使用的是实心图标，但是关键设计因素都是遵循CR设计原理的。那么，这意味着什么？正如我前面提到的，越来越多App都会变的相似。因为就像NFL，科技也是一个『复制联盟』。这些重新设计都得到了普遍的好评（也有一部分人会抱怨这样的黑白UI缺乏个性，但是都会过去，因为你打开一个App是因为它的功能，并不是它的个性化）所以我期待新的和老的App都能够快速进入到CR设计行列。

现在无论你支持还是反对这一单色时尚，它都是一种进步。

产品设计发展的过程就是从旧的分段式的设计，向更全面的，更关注用户的层面发展。

在原来的产品设计过程中，可能产品人员或UX人员对着线框说一句『弄的更漂亮』，然后设计师就需要花费数小时甚至是数天去增加、移除和修改配色，而最好的设计可能很早就已经出现在他们面前了：线框。今天，UI和UX设计师的界线已经非常模糊，设计师会更少的关心自己的职责（比如做的更漂亮），而是关注在为用户创造最好的产品。

CR设计的终极指南

1. 克制使用颜色。好吧，你可以有一个颜色，但是要谨慎使用，尽可能只有黑色和白色，而是让你的应用内容来提供颜色

2. 更大、更加重、更黑的标题。大约20-30像素，并且加重

3. 简单、纤细、更好识别的图标。适用性的图标，也不要使用颜色。建议的排列顺序是：主页、搜索、主操作、辅操作、用户

4. 两倍甚至三倍的留白。

5. 闪闪发亮的应用图标。发光和多彩的图标

作为设计师，想不想立即尝试一下这种设计风格呢？

原文地址 https://zhilala.com/discussion/832