糖果色在夏天非常流行，总能让人心情愉悦！糖果色图标便是以此配色为主产生的，今天黑马哥就给大家带来一个关于糖果色图标设计的教程。

开始前先来欣赏一下糖果色图标的案例吧！

糖果色图标教程

1. 绘制图标造型

通过等尺寸的两个圆形和一个正方形组合，再合并图形即可完成爱心图标的基础造型。

爱心图标不够圆润饱满，微调两边弧度和设置尖锐部分圆角参数，可以使得图标更加圆润有亲和力。

通过图标设计规范组合案例，完成整体图标的结构。

2. 图标配色处理

选择四个颜色作为图标背景色，要选择高饱和度和高明度的颜色，颜色需要考虑相互之间的融合性，避免产生排斥感。

绘制四个和背景等尺寸的圆形，放置在背景四个角，分别设置选择的颜色，根据层次感选择性设置不透明度。

选择四个圆形设置高斯模糊，数值设置稍微偏大一些，以颜色充分散开为准。

为了提高图标背景的光泽度，新绘制一个圆角矩形，然后为其设置白色内阴影。再将图形置于背景色之上，使得背景色更加光亮通透。

3. 爱心图标微质感处理

通过白色不透明度渐变和内阴影等处理方式，完成爱心图标的质感表现，类似于晶白风图标的处理方式。

将背景色和爱心图标组合即可完成案例设计，根据背景色的强弱选择性给图标添加投影，以此增强层次感。

4. 延展更多案例

根据以上步骤即可完成糖果色图标，再改变配色和图标造型，即可延展一系列糖果色风格的图标。

小结

糖果色图标设计难度系数不大，只要控制好配色关系即可，要选择高饱和度和高明度的颜色，才能体现出糖果色的感觉。大家下去可以尝试一下，有问题咨询黑马哥，希望大家都能更好的掌握。

本文由 @黑马青年（heimaui）原创发布。未经许可，禁止转载。

Powered by Froala Editor