UI图标修饰手法大宝鉴，教你设计好看的ICON
扫一扫 
扫一扫 
扫一扫 
扫一扫 今天的教程，就是给大家穷尽图标的修饰手法。让图标看起来更加的精致。有的人会说了， 图标设计不就很简单么，直接拿islide 往上一贴，改个颜色，就完事了。 注意，高手跟小白的差距，差的是实力， 差的更是画面中一点一点的细节。无数个细节，到最后就会造成整体的品质感差很多。
另外，有很多的大厂，他们的图标设计里，蕴含着他们的品牌调性和品牌基因。举个很常见的例子，优酷。大家看优酷的logo。
我们再来看，优酷的图标设计。配色沿用logo的色系，在图标上一些小点缀，采用的统一风格的渐变。你说，这种东西能直接套个icon，换个颜色怼上去吗？
接下来我给大家总结归类一下，图标的修饰手法有哪一些。收藏好，下次直接选其中一种方法来用就行。以下所用案例，皆来自于网络， 如侵删。 01、纯色图标首先第一种，是最简单的纯色图标。我们在实际的使用当中呢，就直接根据项目，根据品牌方或者活动方的主题颜色就行。
特意做了一个放大版的图标，图标不能放大看，会比较丑， 这里我想强调的是，很多人的图标，投影用的都是黑色，灰色。 这样会显得很脏， 正确的做法是，投影是固有色的降低。比如这个图标是蓝色，投影就是用蓝色的浅色。
这样一看，是不是舒服多了。 记住，投影用灰色，黑色，慎重！！！ 02、纯色+描边图标第二种，是纯色加描边图标。这一种在第一种的基础上，添加了黑色描边。是第一种手法的升级版。
03、线稿加内部填充第三种，线稿加内部填充颜色。注意，适当的内部小留白是细节。
04、线稿图标加主题色第四种，是线稿图标加主题色。图标内部的一些小细节，加一点主题色的修饰。单纯的黑色描边太枯燥，加一点主题色作为点缀，妙笔生花~
05、渐变加几何修饰第五种，渐变加几何修饰。线稿图标采用渐变色，但是会在图标的基础上，添加渐变色块作为一个修饰。
06、渐变+轻质感第六种，渐变+轻质感。
07、MEB风格图标第七种，MBE风格~ 来自Dribbble~ 这种风格比较Q萌，在真实项目中，假设碰到儿童类，卡通插画类的PPT需求，可以考虑MBE风格的图标。
注意这种图标的画法，有以下几个特点，这里重点强调一下。这里我以气泡为例子。 首先我们画一个圆圈
然后接着我们画一个大粗描边
细节，就在于MBE一定要断开黑边
添加暗部
大黑描边，描边断开，注意明暗。这是MBE三个核心的要点。 大黑描边，描边断开，注意明暗。这是MBE三个核心的要点。 大黑描边，描边断开，注意明暗。这是MBE三个核心的要点。 08、双色搭配第八种，当甲方存在两种主题色，一种用作描边，一种用作色块。如图所示，所有图标围绕这两种颜色去展开，其中紫色是主色，兰青色是修饰颜色。注意图标还是做了一点暗部的细节的。
09、YOGA风图标第九种，YOGA风。 什么叫YOGA风呢？花瓣一搜就有了。
这种在PPT运用中用的比较少。而且画法复杂，所以不展开详细说明。手法已经给大家总结了，关键还是要看大家平时多看、多练、多想、多问。 作者 | 叶神 手机扫一扫，阅读下载更方便˃ʍ˂ |
@版权声明
1、本网站文章、帖子等仅代表作者本人的观点，与本站立场无关。
2、转载或引用本网版权所有之内容须注明“转自(或引自)网”字样，并标明本网网址。
3、本站所有图片和资源来源于用户上传和网络，仅用作展示，如有侵权请联系站长！QQ: 13671295。
最新评论
