12 UX专业人士的免费AE教程

杰克罗奇勒斯 经过 杰克罗奇勒斯  |  2017年9月07日

现代网页设计涉及许多移动部件,如内容设计,图标工作,和 ux. 设计策略。一个较新的趋势是使用 微互动 在网站和移动项目。

这些在最终项目中看起来很棒,但静态样机并不是那么容易。因此,设计师一直在挑选香港跑狗图程序,如后效应创建基于运动的样机。

如果您尝试学习此技能集,我强烈推荐在YouTube上的这些免费视频。他们不会教你一切,但他们会涵盖基础知识,并为您提供坚实的基础,以推进您的技能集。

 

1. ui香港跑狗图按钮

这一点是 简短的UI香港跑狗图 教程对于初学者来说是完美的,没有少量的AE体验。它确实需要通过界面进行一些耐心,但指令是晶体清晰的。

您将学会创建一个小纽扣香港跑狗图效果,可以为网站或移动应用程序工作。

这不是一个壮观的东西,但到最后,你将在这一概念上有更强大的掌握。

01-效果 - 按钮香港跑狗图

 

2.原型运动

您可以制作的另一个简单香港跑狗图是一个滑动菜单 在这个视频里。它教导了如何在效果中为一个菜单进行香港跑狗图,以及如何使用软件中的各个图层。

这是一个相当长的教程,有超过40分钟的逐步指导。但是如果你能看到它到底,那就值得了这段时间。

02-菜单 - 香港跑狗图 - 后续效果

 

3. AE图标香港跑狗图

小图标香港跑狗图不会直接添加到界面,但它们可以增强用户体验。这些图标运动与前面提到的那些小微互动有关。

和 这个图标香港跑狗图tut 谈论微互动,易于遵循方向。你甚至可以下载 免费图标 在PSD / AI格式并使用那些香港跑狗图。

但这对于从头开始创建自己的图标并希望为生产设置香港跑狗图,这也是派上自己的图标的便利。

03-效果香港跑狗图 - 图标

 

4.香港跑狗图UI / UX游标

许多设计人员创建UX香港跑狗图以展示接口应该如何工作。这将自然地包括鼠标点击/滑动,因为您希望了解内容如何在页面上移动。

如果你想 添加光标运动 到你的模仿,那么这个教程适合你。这是一个非常简短的指南,只有15分钟,但信息非常有价值,对移动两种情况相关& web designers.

04- excuction-timeline-icon

 

5. iPhone App UI

另一个以用户为中心的香港跑狗图的一个很好的例子是 这个 遵循典型的iPhone应用程序。您正在通过iPhone应用程序填写单个表单字段创建用户的路径。

自行这一点似乎似乎人们知道这个过程看起来像什么。

但是,如果您设计具有唯一流量的网页或应用程序,那么它有助于显示整个用户行为进入信息到登录,并且可能更多。

05- excuper-expuffic-Learn-Login-屏幕

 

6. App Page Swipes

移动应用程序设计人员可以利用页面滑动来进行多名页接口。这些工作非常适合画廊和分枝效果。

在 这个简短的教程 您将学习如何使用少数现有样机使用效果创建页面滑动香港跑狗图。此视频免于 ux运动 他们有大量的类似教程和私人研讨会。

ux. Motion的主题并未在Web上涵盖太多,但这些家伙是少数好的少数人中的细节之一。如果您想了解更多,请查看其整个YouTube频道。

06-app-swipes-pages

 

7.果冻UI香港跑狗图

您可能在Android应用程序中看到奇怪的液体果冻菜单,甚至在整个网络中都有奇怪的液体果冻菜单。这些不是超级常见的,因为他们很难在代码中重新创建,但是 这个果冻UI教程 您至少可以从头开始构建香港跑狗图。

这是来自UX的另一个免费赠品,只有大约5分钟的总计。

但你会在效果和整体UX香港跑狗图过程中了解很多关于效果。特别是如何导入向量并在时间轴上使用这些文件 - 实际上只是接口香港跑狗图工作的基础知识。

07-gooey-menu-jelly-tutorial-ae

 

8.展开香港跑狗图

虽然我不能说这个香港跑狗图直接影响界面,但它可以加入您的网站的徽标。 展开香港跑狗图 主要用于视频内,以创建一个品牌视觉。

但是网站也可以使用类似的展开香港跑狗图 SVG图形 和基本的JS香港跑狗图。

即使您不想创建徽标香港跑狗图,此教程仍可通过简单的AE接口工作流程引导您。完美的学习绳索没有压力。

08-展开 - 徽标香港跑狗图

 

9.基本UI原型香港跑狗图

移动应用程序菜单有许多不同的香港跑狗图技术的不同风格。 这个ui教程 教你如何为弹出泡沫图标菜单进行香港跑狗图。

这首先记入路径应用程序,但是已经成长为Android和IOS设备的共同趋势。

在此20分钟的视频中,您将接收图标香港跑狗图和菜单设计的想法。与工作合作非常简单,您可以使用预先设计的图标进行工作流程以节省时间。

09  - 旋转 - 图标按钮

 

10. 3D层拆分

演示文稿香港跑狗图对客户工作或在团队前面分享您的想法是有价值的。那就是在哪里 这个3D层香港跑狗图 tutorial can help.

它教导了如何分解不同的层元素并将它们与完整界面分开。您甚至可以展示不同的页面元素以显示应用程序/网站应该如何运行。

我无法想象这对个人工作来说是有价值的,但特别是对商业演出特别感到酷的效果。

10分 -  Appay-App-Animation

 

11. iOS 8交换机

香港跑狗图开/关开关首先出现在iOS的早期版本中,并且从扩散到Android和一般网站。

最好的UI交换机有自定义香港跑狗图,您可以通过以下构建自己 这个25分钟的教程。它假设您已经拥有交换图形,但您也可以下载 一个免费赠品PSD 并使用它。

此外,您可以为您将来设计的任何类型的开关都能重新运用此香港跑狗图。对于刚刚进入UI / UX的效果的伟大教程。

11-IOS滑块 - 后续效果

 

12.平滑图标香港跑狗图

最后一下我的名单是 这个详细的图标运动tut 使用几种不同的矢量形状。这是一个非常详细的指南,截至超过30分钟,覆盖了一些不同的技术。

一旦您知道效果后的方式,您可以将这些想法应用于其他图标样式。这就是为什么这个教程对初学者如此伟大;它教导您如何在AE接口中使用UI / UX设计人员的特定技术。

但是,这些教程中的任何一个都会改善你的UX香港跑狗图技能,所以请务必将任何捕捉眼睛的任何东西添加书签。

12-Animated-icon-Design-After-exching