Motion дизайн в Figma. Анимации макета и главные правила UX

所在平台: Udemy

课程主页: https://www.udemy.com/course/figma-motion-ux/

课程评论:没有评论

第一个写评论        关注课程

课程简介

**课程名称:** Figma 中的动态设计:模型动画和核心 UX 原则 **课程概述:** 本课程专为已经掌握 Figma 基础知识,并希望从基础网页设计转向更高级的现代技术的设计师而设计。课程将深入探讨现代网页设计风格,教授如何在 Figma 中创建玻璃效果、渐变和 3D 等现代风格。学员将学会将任何图标转化为 3D 或玻璃效果图标,并仅使用 Figma 中的形状和线条创作图像。 此外,课程将全面介绍 Figma 中现代动画和原型制作方法,从基础到高级。学员将学习如何创建视差效果(Parallax Effect)以实现独特的网站设计,以及如何为汉堡菜单、加载动画、开关按钮等元素添加动画,甚至实现深色和浅色主题的切换动画。课程还将教授如何创建现代网站中常见的 360 度动画,以及如何在 Figma 中实现类似于 After Effects 的动画效果,并融入视频和 GIF。最后,学员将学会如何创建类似于 Apple 官网的 MacBook 动画。 除了动画技巧,课程还将重点关注用户体验(UX)核心原则,特别是可用性方面。学员将深入理解设计的本质,用户如何与网站互动,以及如何正确选择关键按钮(如主按钮)的位置,避免设计失误。 **核心内容总结:** * **现代设计风格:** 学习玻璃效果、渐变、3D 效果等。 * **图标和图像创作:** 将图标转化为 3D 或玻璃效果,纯粹使用 Figma shapes 和 lines 创作图像。 * **高级动画技术:** * 视差效果 (Parallax Effect) * 动态元素动画(汉堡菜单、加载动画、开关等) * 深浅色主题切换动画 * 360度动画 * 媲美 After Effects 的动画效果 * 视频和 GIF 动画应用 * MacBook 动画(类似 Apple 官网) * **核心 UX 原则:** * 设计的本质 * 用户行为分析 * 关键按钮定位的可用性考量

课程评论(0条)

课程详情

Привет! Меня зовут ДимаРад представить продвинутый курс по Motion дизайну и главным принципам User Experience в Figma.Этот курс для тех кто уже знает основы Figma, но хочет перейти от создания базового веб дизайна к более продвинутым современным техникам.В этом курсе вы узнаете:Все о современных стилях в веб дизайнеКак создавать современные стили в Figma, такие как эффекты стекла, градиента и 3D.Научитесь превращать любую стоковую иконку в 3D иконку или иконку с эффектом стекла. Вы научитесь создавать изображения используя только фигуры и линии прямо в Figma.Все о современных методах анимаций в FigmaВы узнаете все о современных методах анимаций и прототипирования ваших макетов, от простого к более сложному.Узнаете как создавать анимацию Parallax Effect, чтобы дизайн ваших сайтов был по настоящему уникальным.Научитесь анимировать любые объекты, такие как гамбургеры, спиннеры, переключатели и даже анимировать темную и светлую тему.Вы узнаете как создавать анимацию 360градусов которую используют самые современные сайты.Узнаете как создавать анимацию в Figma так как это делают в After Effect, сможете использовать видео и Gif анимации в ваших проектах.И конечно, каждый уважающий себя веб дизайнер должен знать, как создать анимацию макбука, так же как на сайте apple, прямо в FigmaСамые важные принципы пользовательского опыта с точки зрения "Юзабилити"Поговорим о том что такое на самом деле дизайн, как пользователи используют наши сайты и как не ошибиться при выборе правильного места для главной кнопки сайта.Присоединяйтесь ко мне и вместе, мы изучим то как создавать классные анимации и крутые эффекты, прямо в Figma.До встречи на уроках!

课程标签

0人关注该课程

主题相关的课程