[制作教程] 【每周一招，教你玩转MIUI主题】第十八招：MIUI主题设计稿滤镜规范

发布时间： 2015-05-05 15:45

      设计主题时注意的问题。

      之前我们每周一招中大部分是关于制作者如何制作出更精美的主题，作为设计师只需要安心的去设计主题就好了。但是在设计或制作中，往往会出现一些制作者制作出来的主题和设计稿不符甚至相差很大，这是不是制作者的能力不足呢？

      其实这是多方面的，制作者的能力是一方面，有时不符合MIUI主题框架的设计稿也会给制作者带来压力，甚至会影响到整个主题的制作过程和最终效果。

      在主题制作过程中，最重要的一步就是切图，但由于photoshop的原因，图层或者分组使用的特殊的混合模式，在制作者切图制作主题过程时就会造成主题与设计稿不符的情况。

如下面这个例子：样式1和样式2两个一样的线框，当我制作主题时，需要把这个线框给切出来变成png，为了不对图层造成影响，我们一般先转换成智能对象。

      转换成智能对象并且将图片切好以后：

      样式1变成了这个样子，没什么问题：

      而样式2在切出来后却变成了这个样子：

      变成全白了，这是为什么呢？

      问题就出现在图层上，我们来先看看样式1的图层：

      再来看看样式2的图层：

      明明是相同的图层样式，为什么切出来的图却不一样呢？

      问题就出现在混合模式上（样式1：  和样式2：  ），虽然混合模式能做出很棒的效果，而且有时还能简化设计师的操作步骤，但是由于混合模式的原理，在制作者切图的时候就会造成与设计稿不符，甚至有很大出入的情况。

      这个只是简单的小例子，有时候设计师为了能有更酷更炫的效果，对单个图层使用了大量的不同的混合模式，而制作者在制作的过程中发现切出来的图和设计稿的相差太大，造成整个主题质量下降。

因此设计师在设计主题时尽量不使用特殊的混合模式，而是使用正常模式加上不同的图层样式来达到自己想要的效果。这样制作者在制作的时候不仅能节省切图的时间，还能减少设计师再次修改设计稿的成本。

BUT也有特殊情况

      例如：如果一个切图是由很多个图层组成的，那么只是最下面的一个图层的混合模式不能用“正常”以外（例如：正片叠底，颜色减淡...  ...）的模式，其他图层可随意。