复杂的GIF交互动画，UI设计师是怎么做出来的
1首先当然是先建立文档
2把所需要的拖入文档内，注意你要几个动画表情或动作就建立几个图层，把所需要的拖入相应的图层。
3全部拖好后，先保存一下，格式为：psd。(需要注意的是文档的模式一定要RGB的)
然后按工具栏最下方的按钮，转入ImageReady
转入ImageReady后你就会发现基本的模式没变，下面多了一个动画编辑器的工具。
在编辑器中新建动画格！你刚才建了几个层这里就建几个动画格。
动画格和图层是相对应的。你要在哪个动画格中显示什么就把这张的层的前面的眼睛打开，其余的关闭（如上图：显示蓝头发的女生便点中这个动画格，图层那边把此女生对应的层前的眼睛打开，其余的关闭。）
把所有的动画格和层对应的放好后，即可以编辑了。比如选择之间变换的时间。选择好后，可以按下面的play键，进行预览播放。
播放后觉得可以了，我们便完成99%。
最后一步，储存为gif的动画。选择文件－将优化结果储存为
注意储存的选项：格式为：仅限图像。
-------------分割线--------------
更复杂的可以用flash制作，之后放入PS里进行优化
-------------分割线--------------
像3D、AI、CDR等软件也非常适合制作gif。
希望采纳谢谢~~~你好！
可以先用Coredraw或者AI出一副副平面的图画，然后可以用AE调成一桢桢的动画
简单的动画大概是这样吧，你那些你看似很复杂的GLF是画了许多的，每一部分都调的很精细的
如有疑问，请追问。那的问厉害的设计师，，，
ui设计APP中怎么加小动画？app中怎么加小动画？ui设计中如何加小动画？1、添加圆角，移出形状图层，将圆角矩形置于最底部，添加小圆角图层，将圆角矩形填充黑色，然后用渐变工具，设置为透明，透明半径，参数如图。2、将矩形置于底部，设置成图层样式，渐变颜色设置为#，然后添加一个小细节。3、选择圆角矩形，按调出形状样式，进入渐变模式，设置径向渐变，使用红色，点击图层样式，勾选渐变效果，然后再设置圆角矩形，按调出形状样式，这样就改变了自己喜欢的效果，就是如此简单了。4、在图层编成里新建图层，将圆角矩形的半径设为25px，在这里，把用到的圆角。5、[粘贴]文字图层。
为什么UI设计需要概念动画
这是一个颇有争议的问题。概念性动画试图超越已有的限制和规则，以及现成的解决方案和经过精心研究的方法。这种动画对于技术实现来说可能看起来不真实，不必要或不可能。
但是，静态设计(字形，图标，改变颜色和控件的形状或整个界面)和UI的动画提供了让应用程序从类似应用程序中脱颖而出的方法。
UI动画概念的示例
1滚动项目列表
第一个示例包含与项目列表的交互：左侧变体只是将所有列表向上移动，但是右侧变体模仿拉动卡片设计的。第二个变体看起来很生动，为滚动过程增添了一些乐趣。另一件有趣的事情是，正确的概念会在卡片之间产生更多空间的视觉错觉。
2从列表转换到项目
这是另一个例子：左侧选项显示从列表或菜单转换到特定项目屏幕的基本方式，而右侧选项的流程更加动态。
3打开侧边菜单
概念动画会让人觉得更加生动且富有生命力，比如打开侧面菜单等基本操作。设计师使用渐进流来构造物体，使过程看起来更优雅。
4现实界面中的UI动画概念
概念动画是用户界面设计的创造性阶段之一，动画设计师可以提供多种选择与客户和开发人员讨论。以下是Kirill与UI设计人员合作设计的一些示例。
UI动画概念的好处
在UI动画领域中也是相同的情况。今天被认为是我们界面不可或缺的大多数动画都是不久前的一种“不真实”的概念。在扁平化设计时代，当形状和颜色追求简洁时，在紧张竞争中，动画成为应用程序和设计解决方案脱颖而出的可靠方法。
以上就是环球青藤小编关于动画在UI设计中的作用的分享，UI设计行业近年来比较火热，如果你想学习，那就快快行动吧!
若是你有基础，比如是平面设计出身，PS，AI都很厉害，那么就是缺乏交互方面的知识或者是其它的UI知识，那么我建议可以去报一个专项学习班，差哪儿补哪儿。当然也可以根据自身的情况选择自学。不过一般转行业说明你差不了那几个钱，能够花点钱帮助你快速转行，相信还是非常划算的。天津众维UI设计提供对于每一个做app网站定制开发的ui设计师来说熟练掌握app网站制作技巧是每一个ui设计师合格的见证。由于时代的发展，移动端更是紧跟时代的步伐手机app开发、app网站制作的应用软件更是多的数不胜数。而移动端的ui设计更是不同于以往的平面海报设计和网页设计了。想要成为一个合格的app开发ui设计师那就要跟紧移动时代的脚步，了解每一个ui设计师必须掌握的基本技巧才可以。
第一：要了解平台
正如同网页设计师需要了解html/css一样，作为移动端ui设计师的你应该了解移动端app的架构。首先移动端设计的语言和网页设计的语言就不太一样，不同平台有着不同的编程语言和接口，移动端界面的构成也是无法使用css和标签来实现。
你需要深入阅读官方的开发文档，寻找更多有关app的文档知识，明白app的构成，编译方式，发布方式，了解设计的规则。这些东西不仅关系到你的应用开发好坏，还会影响系统的稳定性，电池续航长短等多种因素。作为移动端ui设计师，你单了解简单的移动端设计是不够的。我们需要从长远的角度去思考问题。
第二：了解移动端的技术构成
对于一个ui设计师来说光了解平台的基本特征是不够的。接下来你需要了解它相关的技术构成：位置服务(wifi，gps等)，蓝牙(低功耗蓝牙技术)，信号，前后摄像头，麦克风，陀螺仪，位置传感器，加速度传感器，指纹扫描仪(iphone5s)，眼动追踪技术，语音识别，人脸识别，等等等等。每一个新技术的背后以为着应用程序更多的可能性，交互设计、使用体验，甚至商业模式。
第三：发掘本地ui组件的开发潜质
每个移动操作系统中中总有着大量的本地ui组件，他们有着极大的自由度，方便你进行定制。你需求确切地知道他们的特征(尺寸，大小，功用)，你可以为与你合作的开发者节省大量的工作时间。
第四：了解移动端的工作流程
安装sdk并运行，了解移动开发框架，比如tubymotion、xamarin、titanium。熟悉集成开发环境，因为这其中包含了移动开发所需的方方面面。
第五：了解移动端的界面模式
三大移动平台之间，有着相似之处，但是在深入探究他们的交互设计，会发现它们在理念上的巨大差异。作为一个设计师，你需要明白这些差异所在，以及它们是如何体现在实际案例中的。
不要只着眼于单一平台，三大平台都需要深入体验，每天至少都要把玩一下，并且最少要持续半年。在这个过程中，体会差异，并且将你觉得重要的、有代表性的、值得保存记录的界面截图留存。作为单一平台的狂热粉丝，你是做不好移动端ui设计师的。
第六：记录并解释你的ui设计
考虑到屏幕截图并不足以表现ui全部的特性，你需要学会记录界面不同的状态、转变过程、转场动画等信息，并且学会记录界面对于不同状况的反馈。
在设计阶段践行精益ux设计
一个现代的设计师应该是具备战略眼光的设计师。你的目标不能局限于闷头制作漂亮的界面，你应该让你的设计与团队合作结合到一起，切合项目需求。洞悉用户深层次的需求，并且能快速地随之反馈到设计上。将设计作品保存下来并附上详细的说明，确保所有的设计都与核心理念保持一致，与用户需要保持一致。
第七：在开发阶段采用敏捷ux设计
你不能只将高保真的模型交给开发者就了事，因为在开发过程中会不断提出新的需求。总会有之前考虑不周全的情况，需要在开发阶段进行补充完善，设计师需要随之进行快速响应。所以，在这个阶段，设计师真的需要坐在开发者旁边应付突发情况。确保app开发者在碰到新的需求的时候，不用他们自己来补充ux的细节，或者再来找设计师。
