Дмитрий Фокеев Stepik Веб дизайн в Figma Про-уровень Motion и главные правила UX 2022

1. 1.1 · О чем этот курс · Stepik.mp47.76MB
2. 1.2· Скачиваем материалы для курса.mp460.36MB
3. 1.3 · Подарок. Теперь вы используете профессиональную верс.mp418.61MB
4. 2.1 · О чем этот блок.mp429.64MB
5. 2.10· Создаем анимацию загрузки страницы.mp413.95MB
6. 2.11 · Как работают Flows в прототипах. Организация страниц.mp415.2MB
7. 2.12· Как создать анимацию темной и светлой темы через кно.mp434.6MB
8. 2.13 · Как создать обложку проекту.mp413.97MB
9. 2.14· Практика. Создайте свой Parallax Effect.mp44.03MB
10. 2.2 · Создаем первую анимацию.mp420.66MB
11. 2.3 · Как работают анимации в Figma.mp424.59MB
12. 2.4 · Что такое кривые Безье.mp49.92MB
13. 2.5 · Анимируем мобильное приложение Фото-сток.mp438.45MB
14. 2.6 · Практика. Создайте собственную анимацию в проекте Фо.mp410.64MB
15. 2.7· Пример преподавателя. Создаем анимацию в проекте Фот.mp418.49MB
16. 2.8· Как создать Parallax Effect.mp446.11MB
17. 2.9 · Создаем анимацию гамбургера.mp424.39MB
18. 3.1 · О чем этот блок.mp419.22MB
19. 3.10 · Практика. Создайте анимацию 360 градусов.mp44.45MB
20. 3.11· Пример преподавателя. Как создать анимацию 360 граду.mp47.75MB
21. 3.2 · Что такое Варианты в figma.mp440.37MB
22. 3.3 · Как использовать варианты в анимациях.mp427.78MB
23. 3.4 · Кнопка быстрого доступа к вариантам.mp411.31MB
24. 3.5 · Как тестировать ваш макет на мобильном девайсе.mp412.62MB
25. 3.6 · Как работает spinner. Анимируем текст.mp432.25MB
26. 3.7 · Как создать анимацию как на сайте apple.mp423.98MB
27. 3.8 · Как запустить видео файл в figma.mp46.2MB
28. 3.9 · Как использовать GIF в своих проектах. Сток анимиров.mp414.32MB
29. 4.1 · Как работает плагин Motion Plugin.mp41.91MB
30. 4.2 · Используем плагин вместе с масками.mp410.56MB
31. 4.3 · Экспорт анимации из плагина.mp410.18MB
32. 5.1 · Как создать анимацию градиента.mp420.81MB
33. 5.10· Как создать иконку в стиле 3D.mp419.27MB
34. 5.11 · Создаем 3D элементы на стартовой странице сайта.mp423.35MB
35. 5.12 · Плагин по 3D и 3D стоки.mp421.18MB
36. 5.2 · Как работают режимы наложения.mp412.66MB
37. 5.3· Создаем эффект Paper Cut с градиентом.mp416.18MB
38. 5.4· Как создать эффект стекла.mp411.87MB
39. 5.5 · Как сделать эффект стекла более объемным.mp411.66MB
40. 5.6 · Как создавать собственные стеклянные иконки.mp49.88MB
41. 5.7 · Как превратить обычную иконку в стеклянную.mp48.45MB
42. 5.8 · Практика. Создайте собственный эффект стекла.mp42.19MB
43. 5.9 · Как создавать эффект 3D из обычных элементов.mp415.9MB
44. 6.1 · О чем этот блок.mp432.56MB
45. 6.10 · Используйте навигацию на сайте.mp432.45MB
46. 6.11 · Все мы разные.mp413.44MB
47. 6.12 · Проводите тестирование.mp413.97MB
48. 6.13 · Заключение. Постулаты хорошего веб дизайна.mp414.11MB
49. 6.2 · Что такое дизайн.mp413.8MB
50. 6.3 · Главное правило. Не заставляйте людей думать.mp423.27MB
51. 6.4 · Как люди на самом деле используют браузер.mp432.12MB
52. 6.5 · Привычки пользователей и как извлекать из них выгоду.mp426.06MB
53. 6.6 · Выбор без размышлений.mp49.65MB
54. 6.7· Сокращайте текст.mp49.02MB
55. 6.8 · Практика. Сделайте простым и удобным.mp47.86MB
56. 6.9 · Пример преподавателя. Сделайте простым и удобным ·.mp417.62MB
57. 7. 1 · До новых встреч!.mp427.41MB