网页设计 » 视觉设计 » 一目了然 AI和PS的区别

一目了然 AI和PS的区别

发表于: 视觉设计, 设计杂谈. 评论 (55)
Sponsor

在设计群里，经常会有一些新手问做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适合用来做平面广告、插画或后期处理等。

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

欢迎分享本文给其它小盆友，一起学习、进步：）

推荐：查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流：为设计新人提供的设计交流群，请加入UI设计交流群，分享经验、接单、求职、聊设计。
赞助商链接

与 、 相关的文章

赞助商链接
设计达人微信交流社区：shejidaren888
喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创文章，转载请联系我们授权，否则禁止转载。
«
»

+ 添加评论55 Responses to “一目了然 AI和PS的区别”

  1. 为自己革命 - 回复
    2017 年 03 月 13 日 下午 6:30

    我两个都安装了的，需要时随时调用！

  2. 洁yi - 回复
    2017 年 02 月 28 日 下午 5:00

    目前在设计app的logo，用的是Photoshop

  3. 222222 - 回复
    2017 年 01 月 12 日 下午 6:58

    想同时拥有这两款软件，但软件安装太多电脑卡

  4. 111111 - 回复
    2016 年 10 月 27 日 下午 1:55

    卧槽，PS做网页app那么多图层分组找吐血好吗，还是喜欢AI做网页app

  5. 王鸿彬 - 回复
    2016 年 07 月 27 日 下午 6:49

    各有所长，作用主要作用不一样，就相当于你吃饭要勺子还是要筷子，用勺子菜不好挑，用筷子汤不好喝，每个软件有自己的领域。

  6. 小李不小 - 回复
    2016 年 07 月 13 日 上午 1:21

    还是让哥来终结这个问题吧：1 AI擅长图形创意，PS擅长图像创意，两款都是平面软件，关键的不同在于取材的途径。AI取材自人工造物，一个点，一根线，一个面全部都要徒手完成；PS取材自相机，拍几张照片再做修饰与合成；如果你的设计素材主要取自图形，那么AI！如果主要取自照片，那么PS！，就一个设计来说，它的取材到底是以图形（手工绘制）为主还是以图像（相机拍摄）为主是很容易看得出来的，原谅这里不能配图2 任何一幅作品，无论是艺术作品还是设计作品，都有五大元素跟一个契机，五大元素是：图形、图像、色彩、肌理、文字，一个契机是版式（将五大元素统一为一个整体，即作品），其中，五大元素又可以进一步的统一为型与色，AI更擅长处理型，PS更擅长处理色，至于版式PS难及AI之项背3 AI能做的PS都能做，PS能做的AI不一定能做，但关键的是下面这句话：就两款软件都能做的…来说，AI的效率是PS的2-5倍。结论：1 设计以图像为主，包含精细的色彩与肌理，选PS2 设计以图形为主，包含多变的排版设计，选AI3 除非你需要的效果用AI做不出来，或者做不好，否则，尽量使用AI

    • 小曼头 -
      2016 年 07 月 13 日 下午 4:15

      总结很详细啊~~~ 以后要多练习 AI

  7. 百赖小生 - 回复
    2016 年 07 月 04 日 上午 9:43

    学习了，感谢分享！

  8. 大风 - 回复
    2016 年 06 月 03 日 上午 11:15

    看大家讨论这个话题，大家工作的内容是什么？是设计，当然现在我们用电脑的软件来实现我们的想法，软件是工具，是工具就会有适用会最合适使用的地方。如果我们是个木工，我们凿子，有锯子，有锉刀，我想我们我们会合理使用这些工具，不会讲我锉刀是万能的，开板我不用锯子，锉刀我也开的很快。所以，设计软件这堆工具也是一样，在合适的场合用合适的工具，不是人都讲了，ps和ai它们需要协同工作。在有这两个软件的时候，还没有app，web，从软件设计的出发点来看，ps面向图像的编辑，注意我讲编辑，有人用ps做电脑绘画艺术创作，诚然我看过一些作品，画的非常好，但ps本不是用来绘画的软件，绘画有其它专门软件，用ps这个工具画画就是木工用锉刀开板一个道理。有人和我讲他们原画设计都用ps，我也没话讲，我只能佩服。ai这个软件是用来对图形进行创建和编辑的，另外他也有很强的单页排版编辑能力，对于大型书籍的排版需求能力效率还差那么些，但对于小册子，单页那是游刃有余。如果你非要和我讲我用ps排版也很方便，那我也是只能佩服了，想来您做木工也是可以一把锉刀打天下的。我对我部门的设计人员要求，网页设计主要用ai进行版面布局，设计最终完成的设计文档要ai格式的一份，一份输出jpg格式给到前端。ps只用来对图像进行处理。应聘来的国内大部分人特别是一些半路出家外面培训班学的ui，app设计的都只会用ps做事，都需要重新培训，可以这么讲，网页设计只会用会或主要用ps的，不专业。为什么这么讲感觉很武断。应为ui也好，网页也好，本质是版面设计，不是单个图像编辑工作，ps处理好的元素是供给排版软件使用的素材，排版软件的才是主工作场 。

    • 渐悟 -
      2016 年 08 月 12 日 下午 2:52

      说的太好了！我是平面设计转的网页设计，当时我就发现了这个奇怪的情况。明明ai网页排版又快又好，非要用ps排。。。。很吃力的感觉

    • 小曼头 -
      2016 年 08 月 12 日 下午 6:34

      网页设计为什么要用 PS ？网页设计在处理图像（比如合成、修图等）上花的时间最多，排版的时间其实很少。画册为什么要用 AI?1. 印刷需求（当然 PS 也可以）2. 版式设计比较频繁

    • Mr银 -
      2017 年 02 月 08 日 上午 4:42

      别扯淡了，还AI排网页又快又好，HTML是像素级工程，你拿矢量软件排像素吗？

  9. 杨小鱼 - 回复
    2016 年 06 月 03 日 上午 10:09

    其实两个都好用，用习惯就好了。记得大一上学期学的ps，用的很熟练，下学期学的ai，觉得ai真好用，ps就忘的差不多了。后来参加工作ps用的多，ai渐渐就忘掉了~ 现在偏网页

  10. 江南倦客 - 回复
    2016 年 05 月 25 日 上午 10:11

    做app和网页的孩纸表示ps用的多。。。不对！是我只会ps

  11. 路人丁 - 回复
    2016 年 05 月 24 日 下午 6:49

    ps都还不熟。。。怎么学ai

  12. 诗唯城市 - 回复
    2016 年 04 月 13 日 下午 10:52

    Ps处理位图图像并且可以产生各种叠加效果使图像获得不同的效果从而形成一种艺术，而Ai适用于设计Logo等矢量图本身就是矢量设计软件，远没有位图的艺术感强烈，属于设计的范畴，这没有什么好争执的这也是业界的共同观点，只能说这两者结合起来的效果最好

    • 月_提影 -
      2016 年 07 月 08 日 下午 2:48

      同意，ps功能强大，可以实现很多特效

  13. 风曳星 - 回复
    2016 年 04 月 06 日 下午 6:09

    只用过ps,看到帖子表示也想学习下ai

  14. Xx丶小时代 - 回复
    2016 年 04 月 05 日 下午 9:43

    1

  15. dpage - 回复
    2016 年 04 月 03 日 上午 3:29

    其实吧…还得看那个用的顺手。我见过用PS做APP,网页，展版玩的不亦乐乎的。也见过用AI画童话故事弄的风生水起的……谁敢说这些人没有本事吗？

  16. 姓沈的猫 - 回复
    2016 年 03 月 24 日 下午 9:14

    这两天正好要用到 说的简单明了

  17. 刘宇博 - 回复
    2016 年 03 月 21 日 下午 9:05

    不错~

  18. Ye-_-eY - 回复
    2016 年 03 月 19 日 下午 9:48

    各有所长，互利互补，精品帖子顶一个

  19. 迷恋暗夜的心跳 - 回复
    2016 年 03 月 07 日 上午 10:57

    感觉做设计AI更专业点，主要是PS功能太强大，做什么都可以导致很多人认为他单方面的功能不行，个人观点，不喜勿喷

  20. 流 - 回复
    2016 年 01 月 04 日 下午 5:31

    ps只要还能合成 就不会被黑死

  21. 我可以摸你一下吗 - 回复
    2015 年 12 月 10 日 下午 3:06

    放屁，你说，illustrator: 设计师，Photoshop: 艺术家，刚好恰恰相反，AI是艺术家，因为绘制图片不失真，绘制色彩不失真，英雄联盟英雄都是AI绘制的颜色，那不是设计，那是属于艺术了，做设计的绝对是PS的人多。你说AI适合用来绘制矢量图，比如手机APP、网页设计的布局排版、按钮、图标等矢量元素。PS适合用来做平面广告、插画或后期处理等，也不全是，AI一般作于海报也有要求做APP，插画颜色是以AI绘色更好，手机APP，网页设计绝对是PS用的人多

    • Rong -
      2016 年 01 月 17 日 下午 1:15

      各有所长吧，反正我是习惯用于ps啦

    • 我不摸你只骂你 -
      2016 年 02 月 29 日 上午 9:18

      井底之蛙乱放屁我也不知道该怎么救你

    • 你爹 -
      2016 年 03 月 24 日 上午 10:46

      小学生 你懂什么 你亲身感受过 哪个软件 除了英雄联盟你会什么 ？ 你是设计师还是艺术家 你是这方面的人么？哪个软件做什么 全看个人洗好 谁都知道也不全是 你跟个傻逼一样 放屁是你有资格说的？

    • 诗唯城市 -
      2016 年 04 月 13 日 下午 10:47

      Ps处理图像并且可以产生各种叠加效果使图像获得不同的效果从而形成一种艺术，而Ai适用于设计Logo等矢量图本身就是矢量设计软件，远没有位图的艺术感强烈，属于设计的范畴，这没有什么好争执的这是业界的共同观点，只是你了解的不深，只能说这两者结合起来的效果最好

    • 呵呵哈哈哈 -
      2016 年 05 月 23 日 上午 3:03

      你真心休息一下吧，用AI画插画？我百分百确定你不会画插画，用sai跟painter都不可能用ai。手机APP用PS？考虑过效率吗？你别说话误导人了

    • 幸せ -
      2016 年 09 月 01 日 下午 3:37

      你现在随便去哪个素材网站下载APP源文件，看看是ai的多还是psd的多

    • 夜 -
      2016 年 10 月 21 日 下午 2:03

      你才是放 屁吧 在那瞎 bb 图片不失真，绘制色彩不失真，这就是艺术了？ 玩个游戏玩脑残了吧 !你娘的 个 哈B 回家玩你的lu吧

    • room -
      2017 年 02 月 21 日 上午 11:18

      强烈同意啊！！！AI主要就是画画，没艺术功底学会了基本操作也是白搭，PS主要是各种特效，更依赖于你的软件操作程度和天马行空的想象力，这才叫设计，或者说这才更像设计，AI才更偏向于艺术家啊，美术必须得好，不然会操作不会画，学了有什么用？

    • - -
      2017 年 02 月 28 日 下午 4:11

      那仅仅是因为你没涉足过电脑绘画，对PS印象还停留在这是一款P图软件。。你该看看别人怎么用PS画插画。

    • - -
      2017 年 02 月 28 日 下午 4:06

      虽然我不会AI，但我起码知道现在画插画，最普遍的是PS，其次是SAI，再然后painter，怎么都轮不到AI吧。。

  22. 阿健 - 回复
    2015 年 11 月 22 日 下午 2:04

    FIREWORKS 做UI完爆两家。兼顾矢量和位图。

  23. 董奥 - 回复
    2015 年 11 月 06 日 下午 2:55

    app设计用什么

  24. guoyingxiang - 回复
    2015 年 10 月 09 日 下午 8:24

    个人觉得PS 的功能更强大！

  25. 啊咧咧 - 回复
    2015 年 09 月 22 日 下午 5:05

    APP还是用ps做不比较好吧 ai里很多效果没有ps里好做！

  26. 琅琊邢氏 - 回复
    2015 年 09 月 17 日 下午 10:33

    很好

  27. 十佳好难人 - 回复
    2015 年 09 月 17 日 下午 2:01

    以下只对两个软件做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并没有作者说的那么不堪！

  28. Knight锐 - 回复
    2015 年 09 月 11 日 下午 4:17

    照这样看AI不是完爆PS么。。

  29. gartst - 回复
    2015 年 08 月 12 日 下午 2:27

    为什么不把ps集成到ai里面？

  30. 奋斗的小鸟 - 回复
    2015 年 08 月 05 日 上午 9:30

    各有所长

  31. 张铭倩V博 - 回复
    2015 年 07 月 23 日 上午 11:55

    ！~棒

  32. 兜里有洋糖 - 回复
    2015 年 07 月 15 日 上午 2:45

    不错不错

  33. 摆方块 - 回复
    2015 年 06 月 05 日 下午 5:41

    AI用来做字体 PS还是吃饭的家伙

  34. Karen-李华 - 回复
    2015 年 06 月 01 日 下午 2:19

    一目了然

  35. 萨龙龙 - 回复
    2015 年 05 月 23 日 下午 10:06

    看来我是艺术家，不怎么会用AI了。

  36. 踩蘑菇 - 回复
    2015 年 05 月 14 日 下午 1:06

    习惯用ps了，木想到AI这么智能

  37. 早该说出口 - 回复
    2015 年 05 月 09 日 下午 10:40

    大赞

  38. 洛 - 回复
    2015 年 05 月 08 日 下午 3:09

    习惯了用PS，但是看科普，好像应该用AI

  39. 太古神王 - 回复
    2015 年 05 月 06 日 下午 5:51

    做一名伟大的设计师好难

  40. 大大大大大大大大含__锅 - 回复
    2015 年 05 月 06 日 下午 1:07

    AI做排版什么的还是比PS来的顺畅


{ 发表评论 }