020-29815005
预约专线时间:09:00-23:59

【UI设计培训】使用Adobe Illustrator 做UI设计教程

新闻来源:优漫教育 日期:2021-12-24
从2012年初我们开始尝试使用AI来完成一些设计与创作,一直至今。个人感觉,AI虽然有不少难用的地方,但是非常适合用于UI设计。甚至在很多方面,用AI来代替PS做设计更加高效、方便。主要原因是:AI的强项在于对矢量图的处理。

  从2012年初我们开始尝试使用AI来完成一些设计与创作,一直至今。个人感觉,AI虽然有不少难用的地方,但是非常适合用于UI设计。甚至在很多方面,用AI来代替PS做设计更加高效、方便。主要原因是:AI的强项在于对矢量图的处理。


【UI设计培训】使用Adobe Illustrator 做UI设计教程


先哲有云:「如果希望在计算机里从无到有『生成』一张图像,通常矢量图创作软件更适合一些,除了需要类似使用数位版手绘等那样的特殊场合」。特别是在UI设计、Web设计领域,绝大多数时候并不需要结构和色彩非常复杂的图形。大多就是需要矩形、椭圆、圆角矩形这些很简单的几何形状。因此,在这一点上,PS等图像处理软件相对于AI来讲,没有太多的优势。


  在AI里,可以较为方便地完成从排版布局、绘制图形、上色、切图导出这样的全部一套流程。意味着用AI做设计时,不必要中途换软件环境。例如很多设计师用PS做设计时要开着一个AI,先用AI画基本形,然后把AI里的图形作为智能对象复制到PS里,然后用PS继续创作。而用AI几乎就可以完全避免这样中途换软件的情况。

  AI提供的一系列功能极其适用于排版布局。比如在PS里,参考线只是横着竖着的直线对吧;而在AI里,参考线可以是任何形状。参考线不是无限长?没问题!参考线是斜线?没问题!画个长方形甚至画个圈当参考线用?也没问题!

  由于AI的创作主要是是基于矢量对象,所以在AI里,大多数操作都是可逆、可以在后期修改的。比如画一个按钮,可以很容易在后期调整按钮圆角的半径大小,同时保持按钮的图形样式不变。画一个六边形同样也可以加圆角,并在后期修改圆角大小。

  AI里基于矢量对象的吸附、对齐功能相当好用,且在UI设计中相当常用。

  由于AI有丰富的矢量效果(类似PS的滤镜和图层样式),因此AI退可做扁平,进可做拟物。 

  当然了,做扁平化设计AI就更不在话下了。

  AI基于矢量对象的导出功能很好用,这一点将在后面的教程中讲到。并且AI可以将图稿导出为SVG格式的成品,很适合用在Web上。

  AI做出来的东西可以导出到任意大尺寸,而不会有「虚边」情况。这一点特别适合用于设计不同分辨率的图标,以及做Retina适配。

  AI对于Retina MacBook Pro的支持非常好。

  对了,AI在CS5就可以做到将矢量图形对齐到像素了,因此不用担心导出出来的切图里,直线没有准确对上像素,因此带来发虚的情况。

  如果偶尔要排个版做个册子的话,AI远比PS适合。还有很多一时想不出的优点……

  因此,即使PS功能相当强大,并且网上有更多的学习资源以及素材资源,对于我们来说,AI仍然是不可替代的。因此,这些教程可能更适合对于AI已经有一定了解的用户来阅读,可能对于AI的基本使用功能不会介绍太多。一是因为大多数AI的基本功能在Adobe的官方文档上都会有介绍:Illustrator Help;二是出于篇幅和个人时间、精力的限制;三是我相信,学习一个软件、能力最好的办法就是learn it the hard way,即在一定的压力或困难下完成学习,比如在学习AI遇到类似某某某功能找不到这样的困难时,自己通过搜索引擎或官方文档或通过自己尝试,找到解决方案,要比直接问别人效果要好得多。

  Adobe Illustrator现在最高的版本是CC,即Creative Cloud,因为CS6的一些很基础的功能在之前的版本里是没有的。当然如果您用的是CC版本最好了。

       以上就是优漫教育小编为大家介绍的“【UI设计培训】使用Adobe Illustrator 做UI设计教程”相关内容,学习ui设计培训,可以参考优漫教育提供的ui学习路线,该学习路线内容包含ps软件入门、AI与品牌设计、视觉表达技法、web视觉设计、图标设计、产品交互、移动端设计等,根据优漫提供的ui学习路线图,可以让你对学好ui需要掌握的知识有个清晰的了解 。