来点渐变色,排版不撞色

因为是背景渐变色，就涉及到布局设置背景功能；所以，我们打开布局模式，添加一个空白布局，在工具条上，点击背景色设置，可以看到渐变的按钮：

可以看到在上图中，我们点击渐变色后，在顶部弹出了这样的页面：

请大胆的点击确定，然后就可以奇妙的看到，渐变色调色板上，看到系统默认的渐变色：

可以看到，与渐变色相对应的，我们也改成了“纯色”标签。

然后我们可以任意点击，调色板中的渐变色，渐变色背景就设置好了：

背景渐变色，除了可以设置布局背景，还可以用在设置按全文背景上：

以及更多设置背景色的模板，都可以渐变色，例如这些圆形零件，就可以设置渐变色背景：

而例如模板中的边框颜色或者是文字颜色，目前就只能使用纯色调色板，无法使用渐变色的哦！

简单来说，确定是否可以设置渐变色，就看选中的模板设置的颜色，有没有渐变色调色板设置：

因为， 渐变色的设置，是一组比较复杂的配置，包括颜色、方向、位置等等。如果使用一般的参数设置的方式，很难做到通俗易懂，而且也比较难调出好看的渐变效果，所以秀米没有提供一般性的参数设置的方式。幸运的是，网络上有很多现成的渐变色的代码，可以直接复制过来，例如下面这个网站：

https://webgradients.com/

上面网站里，列举了非常多且好看的渐变色范例，而且可以直接复制它的代码，这样到秀米这边，粘贴一下就可以了。

下图是演示如何从网站上复制代码：

复制后，我们可以粘贴到秀米中；在渐变色调色板中，点击右下角的➕号，可以看到粘贴或者输入渐变色代码的框框：

粘贴代码后，直接敲回车，就会加入调色板了。

添加后的渐变色，会存储多云端，和“纯色”并列在一起，同样可以进行分组。

这样我们就可以，获得更多渐变色代码，丰富我们制作模板的配色库了！

在所有设置背景色的地方，调色板中多一个“渐变色“的按钮，我们可以选择渐变色来设置背景。另外，我们也可以自己添加渐变色，丰富我们制作模板的配色库。