一目了然 AI和PS的区别

2015-10-21 13:35:38

在设计群里,经常会有一些新手问做APP UI或是网页设计到底用Photoshop还是AI(Adobe illustrator)好?AI和PS的区别有那些?想知道实质有那些不同,请看今天设计达人网小编为大家整理的AI vs PS信息图,看了后你会知道答案的。

AI和PS的区别有那些

本信息图是来自设计师M.A. Kather制作,通过图形化展示,让你更了解Photoshop和illustrator的区别,当然只是针对主要常用的功能,更多深入的功能没有做对比,下面一起来看看他们到底有什么差别吧。

出生时间

首先,让我们看看这2个巨头软件的诞生时间:

illustrator: 1987年

Photoshop: 1990年

AI/PS区别

第一版本的启动界面

双方都是粗糙的单色像素图像设计

AI/PS区别

最多用在那个方面?

illustrator: 矢量图形设计

Photoshop:像素图像设计

AI/PS区别

什么用户使用最多?

illustrator: 设计师

Photoshop: 艺术家

AI/PS区别

放大

illustrator: 放大后,图像依然清晰

Photoshop: 放大后,图像会被模糊

注:也就是说,用AI绘制的图形是可以放大而不失真,而PS就不可以,因为PS绘制的图形都是以像素点来画,除非直接使用矢量工具来绘制。

Illustrator 与 Photoshop 区别

画板

illustrator: 可同时新建多个画布工作

Photoshop: 只能新建一个画布

Illustrator 与 Photoshop 区别

剪贴蒙版

illustrator: 在对象上面

Photoshop: 在对象下面

Illustrator 与 Photoshop 区别

选择工具

illustrator: 选择的是对象

Photoshop: 选择的是区域

PS 与 AI 区别

图层

illustrator: 一个图层可以包含多个对象

Photoshop: 一个图层只能包含一个对象

AI和PS区别

Ctrl + Z (撤销)

illustrator: 可以多次连续的撤销

Photoshop: 只能撤销一次,要按Ctrl+Shfi+Z才能继续撤销操作

注:其实PS是特意这样设计撤销的,如果你想像AI一样,可以直接修改快捷键即可。

AI和PS区别

工作区域

illustrrator: 可以在画布以外的区域继续绘制

Photoshop: 只能在画面以内的区域绘制,超出会被隐藏

AI和PS区别

保存时间

illustrator: 保存快

Photoshop: 保存缓慢

AI和PS区别

总结

这是比较清晰的对比,重点是:

  • AI适合用来绘制矢量图,比如手机APP、网页设计的布局排版、按钮、图标等矢量元素。

  • PS适合用来做平面广告、插画或后期处理等。

各有侧重,各有所长,不知道大家看了后,会选择那个设计软件呢?欢迎在下方留言处写出你喜欢用的设计工具吧,当然最好注明用途,比如网页设计、插画等。

  • gogoline
    gogoline2015-10-21 13:38:34说:

    以下只对两个软件做APP和网页的适用性评论,其他用途各有所长。
    1 不作评论
    2 不作评论
    3 最终网页需要的是像素文件,所以矢量文件作用不大!
    4 准确说AI是平面设计用得比较多
    5 做网页需要放大?按像素做的东西,100%正合适,AI那东西一般人还不知道100%具体像素是多少。
    6 不作评论
    7 PS也可以选择图层,但AI不能选择区域
    8 PS分组,类似AI的多对象
    9 CTRL+Z 更适合上下步骤之间的对比,在PS里面是一个循环操作
    10 网页或APP都是做固定空间内的内容。鬼才知道你画到画布外面是个什么目的!另PS现针对网页或APP设计新增了多画布设置,更方便了。
    11 PS虽保存慢,但兼容性较好,缺失的字体也可以展示出对应的外形,保存选项少;AI缺失的字体会主动变形为已有系统字体,路径化后保持外形,却无法再对文字进行编辑,保存时选项繁琐。
    其他:PS现在有生成CSS等选项(虽然没法用),明显是针对web开发而增加的功能。
    当然最终还是看设计师哪样用着顺手,我只想表明PS并没有作者说的那么不堪!