当前位置：首页 >问答首页 >UI设计

UI还要做动效吗

2024-05-13 14:15:03

AE动效视频设计班 H5动效设计班虚幻引擎视效表现大师班 VR视效与交互大师班移动UI设计进阶班游戏UI设计师班

精选回答

来自

害怕用火龙果的回答 2024-05-13 15:58:44

学习UI设计一般主要用到的软件有4个： Photoshop（PS）、Illustrator（AI）、After Effects （AE）、Axure RP（ARP）还有一些软件就要根据你所使用的电脑系统而定，如果你用的是mac系统的话可以学习一些sketch跟XD。当然上面4款主要的软件mac或者是window系统都可以使用。 Photoshop（PS）是一款数字图像处理软件，它有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。不过现在矢量绘图的功能也增强了很多，尤其是CC 2015以上的版本，对UI 设计师来说是带来了更大的便利。尤其是里面的画板功能以及右键的导出功能，还有就是专门为UI 设计师开设的设计空间（仅win8以上版本系统能用） PS软件的话，在Ui设计工作中是用到最多的，主要做视觉设计，80%的都是由PS软件它来完成的。 Illustrator（AI）作为全球最著名的矢量图形处理软件，在UI设计中主要处理一些比较复杂的图形绘制，以及一些插画的绘制。比如一些引导页类型的插画，或者是一些自定义的图标设计，当然在排版方面也是不错的，可以用来辅助PS提升工作效率。据不完全统计全球有37%的设计师在使用Adobe Illustrator进行艺术设计。 After Effects （AE）特效合成软件，在UI 设计中主要用于制作交互作动效设计，也会用于企业产品的宣传动画制作，比如现在比较流行的MG动画展示。还有最重要的就是在后期交互跟程序交接的时候起到非常好的沟通作用，这个是工作里面很关键的一部分。 Axure RP（ARP）如果说Sketch是最美、最简洁的设计软件，那么Axure是最强大的原型制作软件。 Axure不仅能制作静态的视觉稿、页面，还能添加交互动作，并且能够很好的模拟APP或者网页的交互动作展示，是进行原型设计的最佳软件之一。可以在网页上模拟点击效果，可以说是为整个产品开发打基础的一款软件。那么除了上面提及到的这四款软件，偶尔也还会用到一些其他辅助设计软件。比如：cutterman切图插件，Mark man标注软件等，当然PPT、Word这些办公软件也是要涉及一些的，比如产品的提案。当然学UI设计不是掌握了这些软件之后，就可以从事UI设计工作，软件的话只是一个工具。 UI设计最核心的是学习设计，软件和设计都会了，才能算得上一名合格的UI设计师。

photoshop、AI、AE、Axure、Fireworks、CorelDRAW、Flash1、photoshop给各位最好的建议还是使用最新的版本的软件哦！因为一个最新版本的功能更加全面，不然的话更新的意义何在呢？你说是吧！2、AI全称Adobe Illustrator是一款多媒体、在线图像和出版的工业标准矢量插画的软件。在生产多媒体图像的艺术家、专业插画家还是生产印刷线稿的设计者、或者是互联网页、在线内容的制作者，都不否认Adobe Illustrator不仅是艺术产品工具。也为线稿提供了无与伦比的控制以及精度。矢量图方大放小不会变形这是ai的优势，很适合扁平。劣势是ai不能切图，对于虚拟化的图标处理不是很好。3、AEAdobe After Effects在视频特技和设计的机构，如动画制作公司、电视台、多媒体工作室以及个人后期制作工作室。AE是动效这块效率最高的软件但是劣势是不能用AE画图标做界面。属于是一款层类型后期软件。4、Axure是负责定义规格和需求、界面与设计功能的专家能够快速创建应用软件和web网站的流程图、线框图、规格说明文档和原型的一个专业的快速原型设计工具。5、Fireworks是Adobe推出的一款网页作图软件，通过软件可以加速 Web 开发和设计，是一款优化与创建 Web 图像和快速构建网站与 Web 界面原型的理想工具。6、CorelDRAW出自加拿大Corel公司的平面设计软件；这款软件是Corel公司出品的矢量图形制作工具软件，这个图形工具给设计师提供了页面设计、矢量动画、位图编辑、网页动画和网站制作等多种功能。7、Flash是macromedia公司推出的交互式矢量图和 Web 动画的标准，由Adobe公司收购。做Flash动画的人被称之为闪客。网页设计者使用 Flash 创作出既e69da5e887aa7a686964616f31333366303138漂亮又可改变尺寸的导航界面以及其他奇特的效果。

来自

斯文正小鸽子的回答 2024-05-13 15:58:44

软件的话精通两个就可以：

1.PS 他是由Adobe Systems开发和发行的图像处理软件。用这个可以处理图像色彩内容和一些图案编辑

2. AI或者CDR Adobe illustrator，常被称为“AI”，是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。

CorelDRAW Graphics Suite是加拿大Corel公司的平面设计软件

这两个软件较于ps来讲，他们是可以直接出矢量图，更加适合使用于出版印刷和交差，当然PS的图片的编辑是两者所不能及的，对于UI设计来讲，会ps和ai或者cdr就可以去作图了，但也只是作图。

对于UI设计来讲，更重要的是设计师的眼界和创意，这才是客户和人群更加看中！

补充：在扁平和立体的设计需求上，我们还可以去接触一下C4d，入门难度低于3dmax，对于UI设计来讲，C4d可以弥补一些客户所需要的设计的立体感，提升视觉冲击！

总结：多看多看多看，多练！

UI还要做动效吗

1.Photoshop

简称“PS”是一款位图设计软件，主要处理以像素所构成的数字图像。在图像、图形、文字、视频、出版等方面都有涉及。Ui设计中较为复杂的视觉效果还需要在PS里实现。

2.Illustrator

简称“AI”是一款矢量图设计软件，应用于出版、多媒体和在线图像的工业标准矢量插画软件，icon设计一般在Ai中绘制，保证在界面中不失真。

3.Sketch

它是一款矢量绘图工具，与AI不同的是，Sketch是为图标和界面设计而生的，同时它还提供布尔运算将多个简单形状混合更为复杂的形状。其主旨是为了给广大产品界面和UI设计师一个简洁实用的创造平台。

4.蓝湖

它是一款产品文档和设计图的共享平台，帮助互联网团队更好地管理文档和设计图。可以无缝链接产品、设计、研发流程，降低沟通成本，提高工作效率。

5.After Effects

简称“AE”，是一款图形视频处理软件，属于层类型后期的软件。小到设计简单的特效制作，大到电影后期制作。在UI设计过程中界面加载中loding动效、开机动画等交互动效都需要在AE中实现。

6.Principle

它是一款高效的输出设计软件，动画效果的制作是本款软件的强项。如你是AE和Sketch的使用者，你会对其有更熟悉的认知：类似Sketch的界面+AE的时间轴动画+Keynote的神奇移动，外挂一个容易理解的联动功能，用于触发某个事件发生的变化

7.C4D

中文名4D电影，外文名CINEMA 4D，是一款有极高运算的速度和强大的渲染插件。在越来越注重UI动效和不满足于平面视觉效果的今天，C4D动效越来越受到更多人的关注，也是求职路上一条闪亮的光点。

设计软件千千万，适合自己的才是UI路上的利器，良将身上怎能不配好剑，设计之路充满万千变化，永远在学习的路上才不会被淘汰。

我们在学习UI设计的过程当中，需要学习到很多知识。

比如软件 PS，AI，AE，ARP，这些都是一名UI设计必需要掌握好的软件。一般UI设计要学习有以下4款软件（PS 、AI、 AE、 AXURE ）

PS：绘制界面设计，图标设计等。

Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。

AI：绘制图标，界面等设计。

Adobe illustrator，常被称为“AI”，是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。作为一款非常好的矢量图形处理工具，该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等，也可以为线稿提供较高的精度和控制，适合生产任何小型设计到大型的复杂项目。

AE：制作交互动效图。

Adobe After Effects软件可以帮助您高效且精确地创建无数种引人注目的动态图形和震撼人心的视觉效果。利用与其他Adobe软件无与伦比的紧密集成和高度灵活的2D和3D合成，以及数百种预设的效果和动画，为您的作品增添令人耳目一新的效果。

Axure RP：制作交互原型图。

Axure RP是一个专业的快速原型设计工具，让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。

UI还要做动效吗

众所周知，UI视觉设计师常用的软件包括:Photoshop、lllustrator、Sketch等。这三类工具的特点比较:Photoshop是图像处理软件，它的专长在于图像处理，而不是图形创作，虽然最新版本将矢量功能加入了这个软件，但在矢量图形绘制上lllustrator更专业一些。不过Sketch绘制图形的曲线品质比lllustrator好。Sketch最近成为一款火爆的设计工具，很多公司开始使用。对于App的设计来说，这款软件是设计利器，操作方便，功能强大。当然它在创意图形时是有利的，而在创意图像效果时需要在Photoshop中制作完毕，并导入Sketch作为元件使用。作为一名三年以上的设计师，给你推荐两本好书，一本是资深UI设计师静电所著，另一本来自携程负责人。

UI还要做动效吗

来自

欢喜未菠萝的回答 2024-05-13 15:58:44

不一样的。

UI是基于静态页面来设计页面之间的跳转切换的，在设计过程中设计师很重视单页的视觉效果，却经常忽略了对界面跳转的处理，这些未经处理的跳转由于没有提供足够的预期，所以用户在使用时经常会觉得困惑。与此相反，在卡通领域由于使用了足够的动画效果，用户可以非常容易的理解某个动作，即使夸张的动作也没问题。

来自

无语笑月饼的回答 2024-05-13 15:58:44

UI切图是一种任务或过程
UI切图是将UI设计师提供的界面设计文件进行分层、标注、切割和导出处理，最终生成可供开发者使用的图片和代码的过程
通过UI切图，可以将设计师所设计的静态界面设计图转换为实际可用的代码和图片素材，以实现带有交互效果的动态页面等功能
UI切图工作的核心目标是将UI设计图转化为开发人员所需的代码，因此UI切图牵涉到以及尺寸、颜色、文本排版、图片资源和动效等方面的工作，这需要专业的技能和相关工具才能完成