来源:网络 作者:佚名
11. 把填充颜色去掉，改成1px的描边。
小时候语文没学好，如果上面有没写清楚的地方请告诉我，我尽量详细解释，接下来就是着色的时候了。
调色前的设计：
目标效果是：
• 红色为主色，使用红色的类似色并加上2个互补色作为点缀。(Red Analogous Split Complementary)
• 明确前景中景背景，自中心向外围延伸。
• 颜色一致，不能过于鲜艳。
我的调色板：
上色咯。
1. 先从大块图案加起，UI设计自学，这样比较容易设定基调。背景/远景颜色饱和度较低，偏冷色调，因此我选择了偏冷的蓝紫色，然后在上面加层20%的灰色(50%黑)调低色调。
好了，下面是瓶子。上下左右的大瓶子颜色比较45度角的小瓶子更加亮，这样可以制造层次，把小瓶子推后。在这里我是在小瓶子上加了一点点黑色。
最后加上些细节，高亮(绿色的气泡)，这样把眼睛锁在图形里，完成!
如何通过调整颜色添加视觉层次感(当然，具体问题具体分析，这里只是总结一下大概的几种方法)：
1. 前景：偏暖色调，饱和度较高，色彩色调对比度高;
2. 中景：适当加一些灰色可以在视觉上起推后作用【这种方法叫tone】;
适当加一些原色彩的互补色【混合到一定比例的时候会呈现棕色，这种方法叫mute】;
3. 背景：适当在原色彩的基础上加一点蓝色;
