本文由:“学设计上兔课网”原创,

APP图标是用什么软件制作的?用PS还是AI?正常情况我们需要先分析所要设计的图标风格,根据风格去选择工具。当然,这样说肯定肯定很多同学云里雾里,不知所谓,下面兔课菌就详细介绍一下图标设计的相关要点,以及认识图标设计。




Android 制作icon图标 安卓app图标制作_矢量图层


1.图标的分类

广义来说,图标是指生活中所有带有明确指向含义的图形符号,而狭义的图标,一般指计算机或电子设备界面中的图形符号。

我们一般说的app的图标或者ui设计里的图标,指的就是狭义的图标,基于电子设备,主要分为

1.启动图标:一般指在系统中用来代表应用的图标相当于一款应用的logo,有各种各样的表现形式,如图标类型,插画类型,拟物类型,文字类型等。


Android 制作icon图标 安卓app图标制作_Android 制作icon图标_02


2.功能图标/工具图标:具有明寓意的图标形式,常见有线性风格与面性风格,以及混搭。


Android 制作icon图标 安卓app图标制作_图标设计_03


3.装饰性图标:主要用来强化视觉和渲染氛围,一般搭配文字使用,具有跳跃与活泼的颜色以及生动的趣味性。


Android 制作icon图标 安卓app图标制作_图层_04


2.图标设计常用工具

AI(Illustrator):是一款矢量绘图软件,比较适合设计工整,严谨,简洁的图标,所需知识:路径的操作,钢笔工具,形状生成器,路径查找器


Android 制作icon图标 安卓app图标制作_矢量图层_05


ps(Photoshop):位图处理软件,用于渲染,合成,主要可以用于绘制拟物化的,写实类型的图标所需知识:路径的操作,钢笔工具,布尔运算,图层演示和蒙版


Android 制作icon图标 安卓app图标制作_矢量图层_06


3.PS用矢量工具做的图标放大会不会失真呢?

并不会,只要是使用矢量工具组做的,以及有对像素进行优化,放大就不会失真。比如我们来看下面的例子。


Android 制作icon图标 安卓app图标制作_图层_07


在ps中对画布进行放大,是可以看到由无数像素格组成的网格,假如我们的图形刚好卡在像素上,不管怎么放大缩小是不会失真的,但是如果出现数值小数点的情况,就不同了。


Android 制作icon图标 安卓app图标制作_图层_08


我们可以看到这里会生成副像素,因为我们便宜xy的位置属性,不足一个像素,就会出现这种情况。所以一般情况下,每一个图标我们都要对其进行像素优化,以免失真。

4.很多图层样式的图标是不是用ps做比较好?

对的,ps的图层样式,还有各种滤镜或者渐变效果都比ai要更方便一些,特别是在做拟物化的图标,用ps可以极大地提高效率。


Android 制作icon图标 安卓app图标制作_Android 制作icon图标_09


5.180x180的图标放大到2000x2000是否可行?

只要是矢量图形,都可以进行放大,但是,在ps绘制的图标有时候并不是全部都用矢量图层进行绘制,当你放大会使得非矢量图层失真。


Android 制作icon图标 安卓app图标制作_图标的软件_10


这里的话建议有印刷需求的话全部使用矢量图形,或者ai里面进行绘制,精度会更高。

总结:

app的图标分为不同的类型,以及不同的风格,每种风格我们可以对应使用不同的工具,两者互相应对不同的设计任务,并不是互相替代的关系。还有的同学是使用sketch或者xd,figma进行图标绘制,工具只是工具,只要能表达出自己的想法即可。