一般APP图标是用ps做的还是ai做的?

本文由:“学设计上兔课网”原创,图片素材来自网络,仅供学习分享

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

一般APP图标是用ps做的还是ai做的?

1.图标的分类

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

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

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

一般APP图标是用ps做的还是ai做的?

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

一般APP图标是用ps做的还是ai做的?

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

一般APP图标是用ps做的还是ai做的?

2.图标设计常用工具

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

一般APP图标是用ps做的还是ai做的?

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

一般APP图标是用ps做的还是ai做的?

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

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

一般APP图标是用ps做的还是ai做的?

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

一般APP图标是用ps做的还是ai做的?

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

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

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

一般APP图标是用ps做的还是ai做的?

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

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

一般APP图标是用ps做的还是ai做的?

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

总结:

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