[Stepik] [Дмитрий Фокеев] Веб дизайн в Figma 2024

🎬

2. Основы Figma/2.5 Основы работы с текстом .mp4

284.06 MB

🎬

1. Подготовка к курсу/1.2 Как проходить курс .mp4

42 MB

📄

1. Подготовка к курсу/1.3 Оставайтесь со мной на связи.txt

693 B

🎬

2. Основы Figma/2.1 Какие размеры у сайта .mp4

51.58 MB

🎬

2. Основы Figma/2.2 Создаем frame сайта .mp4

141.47 MB

🎬

2. Основы Figma/2.3 Что такое сетка grid .mp4

41.09 MB

🎬

2. Основы Figma/2.4 Основы работы с Фигурами Изображениями Слоями .mp4

32.22 MB

🎬

1. Подготовка к курсу/1.1 Скачиваем материалы .mp4

41.04 MB

🎬

2. Основы Figma/2.6 Группировка слоев и немного про режим презентации .mp4

40.99 MB

🎬

2. Основы Figma/2.7 Как сохранять и передавать файлы Figma .mp4

30.87 MB

🎬

2. Основы Figma/2.8 Разница UX и UI .mp4

50.06 MB

🎬

3. Работа с цветом/3.1 Подбор цвета из изображений .mp4

15.46 MB

🎬

3. Работа с цветом/3.2 ПРАКТИКА. Подберите цвет из изображения .mp4

39.57 MB

🎬

3. Работа с цветом/3.3 Что такое HSB. Точная настройка цвета .mp4

23.84 MB

🎬

3. Работа с цветом/3.4 Инструменты подбора цвета для проекта .mp4

51.43 MB

🎬

3. Работа с цветом/3.5 Как работать с градиентом .mp4

21.27 MB

🎬

3. Работа с цветом/3.6 Правило пропорций цвета 603010 .mp4

38.06 MB

🎬

4. Работа с изображениями/4.1 Разница растровой и векторной графики .mp4

25.78 MB

🎬

4. Работа с изображениями/4.2 Выбирайте качественные изображения .mp4

72.55 MB

🎬

4. Работа с изображениями/4.3 Как тонировать изображения .mp4

71.26 MB

🎬

4. Работа с изображениями/4.4 Техника экстремальной обрезки .mp4

77.66 MB

🎬

4. Работа с изображениями/4.5 Техника мягкой обрезки .mp4

49.65 MB

🎬

4. Работа с изображениями/4.6 Работа с иконками .mp4

43.26 MB

🎬

4. Работа с изображениями/4.7 Как создать свою иконку .mp4

41.62 MB

🎬

4. Работа с изображениями/4.8 Как изменять фигуры .mp4

33.24 MB

🎬

5 Основы AutoLayOut/5.1 Основы работы с AutoLayout.mp4

34.81 MB

🎬

5 Основы AutoLayOut/5.2 ПРАКТИКА. AutoLayOut.mp4

17.18 MB

🎬

6. Продвинутая работа с фигурами/6.1 Как работает инструмент pen tool.mp4

32.07 MB

🎬

6. Продвинутая работа с фигурами/6.2 ПРАКТИКА. Pen tool.mp4

33.16 MB

🎬

6. Продвинутая работа с фигурами/6.3 Делаем следующую секцию сайта.mp4

25.97 MB

🎬

6. Продвинутая работа с фигурами/6.4 Разница фреймов и групп.mp4

17.43 MB

🎬

7. Отступы в веб дизайне/7.1 Правила отступов в веб дизайне.mp4

24.28 MB

🎬

7. Отступы в веб дизайне/7.2 ПРАКТИКА. Отступы в веб дизайне.mp4

50.38 MB

🎬

7. Отступы в веб дизайне/7.3 4px grid vs 8px grid.mp4

58.79 MB

🎬

8. Эффекты и стили/8.1 Как работают эффекты.mp4

54.15 MB

🎬

8. Эффекты и стили/8.2 Как работают стили.mp4

36.65 MB

🎬

9. Маски и плагины/9.1 Как работают маски.mp4

37.38 MB

🎬

9. Маски и плагины/9.2 Дополнительная практика по маскам.mp4

32.41 MB

🎬

9. Маски и плагины/9.3 Фигура с изображением.mp4

18.39 MB

🎬

9. Маски и плагины/9.4 Как работают плагины.mp4

58.08 MB

🎬

9. Маски и плагины/9.5 Доделываем сайт.mp4

18.46 MB

🎬

10. Работа со шрифтами/10.1 Важность шрифтов.mp4

10.89 MB

🎬

10. Работа со шрифтами/10.2 Типы шрифтов.mp4

14.78 MB

🎬

10. Работа со шрифтами/10.3 Где брать новые шрифты.mp4

21.28 MB

🎬

10. Работа со шрифтами/10.4 Как подбирать шрифты.mp4

9.37 MB

🎬

10. Работа со шрифтами/10.5 ПРАКТИКА. Подберите шрифты.mp4

63.63 MB

🎬

10. Работа со шрифтами/10.6 Настройки шрифта.mp4

37.86 MB

🎬

10. Работа со шрифтами/10.7 ПРАКТИКА. Настройка шрифта.mp4

46.29 MB

🎬

11. Подготовка к новому проекту/11.1 Как создавать страницы в проекте.mp4

15.58 MB

🎬

11. Подготовка к новому проекту/11.2 Бриф с заказчиком.mp4

16.28 MB

🎬

11. Подготовка к новому проекту/11.3 Как создавать mood board.mp4

43.28 MB

🎬

11. Подготовка к новому проекту/11.4 Что такое Wireframe сайта.mp4

33.06 MB

🎬

11. Подготовка к новому проекту/11.5 ПРАКТИКА. Создайте собственный mood board и wireframe.mp4

17.22 MB

🎬

12. Дизайн система/12.1 Нужен ли дизайнеру Photoshop.mp4

59.95 MB

🎬

12. Дизайн система/12.2 Как приобрести лицензионный фотошоп из России.mp4

34.47 MB

🎬

12. Дизайн система/12.3 Что такое дизайн система.mp4

35.31 MB

🎬

12. Дизайн система/12.4 Делаем лист стилей для типографики.mp4

39.71 MB

🎬

12. Дизайн система/12.5 Доделываем карту стилей.mp4

16.03 MB

🎬

12. Дизайн система/12.6 ПРАКТИКА. Создайте свою дизайн систему.mp4

4.98 MB

🎬

13. Компоненты и варианты в figma/13.1 Делаем следующую секцию сайта.mp4

42.46 MB

🎬

13. Компоненты и варианты в figma/13.2 Как работают компоненты.mp4

37.73 MB

🎬

13. Компоненты и варианты в figma/13.3 Организация и хранение компонентов.mp4

24.28 MB

🎬

13. Компоненты и варианты в figma/13.4 Как работают варианты.mp4

56.99 MB

🎬

13. Компоненты и варианты в figma/13.5 ПРАКТИКА. Создайте собственные варианты.mp4

4.09 MB

🎬

14. Углубленная работа с AutoLayOut/14.1 Как создать подкатегории стилей.mp4

62.67 MB

🎬

14. Углубленная работа с AutoLayOut/14.2 Создаем следующую секцию сайта.mp4

23.34 MB

🎬

14. Углубленная работа с AutoLayOut/14.3 Как создавать многоуровневый AutoLayOut.mp4

60.74 MB

🎬

14. Углубленная работа с AutoLayOut/14.4 Используйте готовые элементы из других макетов.mp4

21.45 MB

🎬

14. Углубленная работа с AutoLayOut/14.5 AutoLayOut Pro версия.mp4

33.56 MB

🎬

14. Углубленная работа с AutoLayOut/14.6 Делаем страницу блога.mp4

91.4 MB

🎬

14. Углубленная работа с AutoLayOut/14.7 Как работают Min width Max Width.mp4

14.87 MB

🎬

14. Углубленная работа с AutoLayOut/14.8 Как работает абсолютное позиционирование.mp4

13.88 MB

🎬

14. Углубленная работа с AutoLayOut/14.9 Доделываем сайт.mp4

71.34 MB

🎬

14. Углубленная работа с AutoLayOut/14.10 ПРАКТИКА. Создайте дизайн сайта.mp4

3.73 MB

🎬

15. Адаптивный дизайн/15.1 Основы constraints.mp4

17.32 MB

🎬

15. Адаптивный дизайн/15.2 Как работают constraints с grid.mp4

16.44 MB

🎬

15. Адаптивный дизайн/15.3 ПРАКТИКА. Constraints.mp4

24.46 MB

🎬

15. Адаптивный дизайн/15.4 Что такое адаптивный дизайн.mp4

57.37 MB

🎬

15. Адаптивный дизайн/15.5 Что такое DPI и PPI.mp4

9.84 MB

🎬

15. Адаптивный дизайн/15.6 Адаптируем первую страницу сайта.mp4

186.2 MB

🎬

15. Адаптивный дизайн/15.7 ПРАКТИКА. Адаптируйте сайт.mp4

60.51 MB

🎬

16. Ускорение работы/16.1 Полезные горячие клавиши.mp4

79.23 MB

🎬

16. Ускорение работы/16.2 Полезные плагины.mp4

45.3 MB

🎬

17. Прототипирование/17.1 Режим презентация макета.mp4

51.49 MB

🎬

17. Прототипирование/17.2 Углубленные настройки прототипов.mp4

49.11 MB

🎬

17. Прототипирование/17.3 Базовая анимация в figma.mp4

34.67 MB

🎬

17. Прототипирование/17.4 Как работают кривые Безье.mp4

37.43 MB

🎬

17. Прототипирование/17.5 Работа open overlay & scroll to.mp4

47.94 MB

🎬

17. Прототипирование/17.6 Как работает swap overlay.mp4

36.76 MB

🎬

17. Прототипирование/17.7 Как работает After Delay.mp4

18.7 MB

🎬

17. Прототипирование/17.8 Как работает Smart Animate.mp4

25.48 MB

🎬

17. Прототипирование/17.9 Анимируем меню сайта.mp4

18.98 MB

🎬

17. Прототипирование/17.10 Прототипирование компонетов.mp4

43.83 MB

🎬

17. Прототипирование/17.11 Reset Position & Component state.mp4

19.92 MB

🎬

17. Прототипирование/17.12 Заключение блока прототипирование.mp4

8.75 MB

🎬

18. Платная или бесплатная figma/18.1 Отличия платной и бесплатной figma.mp4

34.09 MB

🎬

19. Экспорт/19.1 Экспорт изображений.mp4

38.77 MB

🎬

19. Экспорт/19.2 Как работать в команде.mp4

17.41 MB

🎬

20. Бонус! Дизайнерские трюки/20.1 Трюки с наложением элементов друг на друга.mp4

7.81 MB

🎬

20. Бонус! Дизайнерские трюки/20.2 Одинаковые элементы на странице.mp4

9.96 MB

🎬

20. Бонус! Дизайнерские трюки/20.3 Трюки с повторениями.mp4

4.98 MB

🎬

20. Бонус! Дизайнерские трюки/20.4 Трюки с контрастом.mp4

4.76 MB

🎬

20. Бонус! Дизайнерские трюки/20.5 Трюки с пустым пространством.mp4

6.48 MB

🎬

20. Бонус! Дизайнерские трюки/20.6 Как развиваться в дизайне.mp4

8.96 MB

🎬

21. Бонус. Figma Jam/21.1 Что такое Figma Jam.mp4

50.42 MB

🎬

21. Бонус. Figma Jam/21.2 Обновления Figma Jam.mp4

30.03 MB

🎬

22. Бонус! Работа в Photoshop/22.1 Рекламная пауза.mp4

42.29 MB

📄

22. Бонус! Работа в Photoshop/22.1.1 Рекламная пауза.txt

321 B

🎬

22. Бонус! Работа в Photoshop/22.2 Подготовка программы.mp4

12.97 MB

🎬

22. Бонус! Работа в Photoshop/22.3 Работа со слоями в Photoshop.mp4

33.44 MB

🎬

22. Бонус! Работа в Photoshop/22.4 Расширяем границы изображений.mp4

46.05 MB

🎬

22. Бонус! Работа в Photoshop/22.5 Удаляем ненужное из фото.mp4

61.53 MB

🎬

22. Бонус! Работа в Photoshop/22.6 Как вырезать человека из одного фото и вставить его в другое.mp4

60.99 MB

🎬

22. Бонус! Работа в Photoshop/22.7 Как работают маски в фотошоп.mp4

24.13 MB

🎬

22. Бонус! Работа в Photoshop/22.8 Экспорт файлов из фотошоп.mp4

14.02 MB

🎬

22. Бонус! Работа в Photoshop/22.9 Что дальше.mp4

6.15 MB

🎬

23. Что дальше/23.1 До свидания!.mp4

9.98 MB

🖼️

Материалы/best fonts.jpg

168.26 KB

📄

Материалы/Class projects.docx

17.16 KB

📄

Материалы/Eng Presentation.pdf

21.44 MB

📄

Материалы/Links.docx

20.8 KB

📄

Материалы/Rus Presentation.pdf

21.72 MB

🖼️

Материалы/01-First project/camera-icon.svg

1.96 KB

📄

Материалы/01-First project/First Project.fig

4.12 MB

🖼️

Материалы/01-First project/Hero section.png

3.97 MB

📄

Материалы/01-First project/Text for site.docx

17.25 KB

🖼️

Материалы/01-First project/02-Best photos section/pexels-abhishek-saini-2783878.jpg

192.6 KB

🖼️

Материалы/01-First project/02-Best photos section/pexels-fatih-güney-18794502.jpg

331.71 KB

🖼️

Материалы/01-First project/02-Best photos section/pexels-jacub-gomez-1152041.jpg

334.93 KB

🖼️

Материалы/01-First project/02-Best photos section/pexels-jonathan-borba-3014856.jpg

607.07 KB

🖼️

Материалы/01-First project/02-Best photos section/pexels-roberto-lee-cortes-12229002.jpg

479.76 KB

🖼️

Материалы/01-First project/03-Reviews section/pexels-italo-melo-2379004.jpg

882.62 KB

🖼️

Материалы/01-First project/03-Reviews section/pexels-vadim-serebrenikov-5755506.jpg

430.28 KB

🖼️

Материалы/01-First project/03-Reviews section/pexels-vitalii-odobesku-8212241.jpg

266.94 KB

🖼️

Материалы/01-First project/04-Social Icons footer/behance.svg

3.2 KB

🖼️

Материалы/01-First project/04-Social Icons footer/facebook.svg

1.49 KB

🖼️

Материалы/01-First project/04-Social Icons footer/instagram.svg

1.49 KB

🖼️

Материалы/01-First project/04-Social Icons footer/linkedin.svg

1.99 KB

📄

Материалы/01-First project/Photoshop file/hero section.psd

19.57 MB

📄

Материалы/01-First project/Photoshop file/Pen tool.psd

1.26 MB

🖼️

Материалы/02-Second project/Background.jpg

380.02 KB

🖼️

Материалы/02-Second project/Hero blog.jpg

1.38 MB

🖼️

Материалы/02-Second project/Hero Section Turkey.jpg

504.29 KB

🖼️

Материалы/02-Second project/schedule section.jpg

384.3 KB

📄

Материалы/02-Second project/Turkiye.ttf

45.02 KB

🖼️

Материалы/02-Second project/unforgettable Adventure.png

3.04 MB

🖼️

Материалы/02-Second project/extra photos/01-Blog.jpg

531.4 KB

🖼️

Материалы/02-Second project/extra photos/02-Blog.jpg

567.52 KB

🖼️

Материалы/02-Second project/extra photos/03-Blog.jpg

429.23 KB

🖼️

Материалы/02-Second project/extra photos/04-Blog.jpg

405.34 KB

🖼️

Материалы/02-Second project/extra photos/05-Blog.jpg

1.06 MB

🖼️

Материалы/02-Second project/extra photos/06-Blog.jpg

278.59 KB

🖼️

Материалы/02-Second project/extra photos/07-Blog.jpg

381.83 KB

🖼️

Материалы/02-Second project/extra photos/08-Blog.jpg

357.33 KB

🖼️

Материалы/02-Second project/extra photos/09-Blog.jpg

179.33 KB

🖼️

Материалы/02-Second project/Icons/facebook.svg

375 B

🖼️

Материалы/02-Second project/Icons/img icon.svg

957 B

🖼️

Материалы/02-Second project/Icons/instagram.svg

985 B

🖼️

Материалы/02-Second project/Icons/location.svg

595 B

🖼️

Материалы/02-Second project/Icons/turkey.svg

2.24 KB

🖼️

Материалы/02-Second project/Icons/twitter.svg

711 B

🖼️

Материалы/02-Second project/Icons/youtube.svg

777 B

📄

Материалы/02-Second project/word docs/ENG brief example.doc

81 KB

📄

Материалы/02-Second project/word docs/RUS Пример брифа.doc

86 KB

📄

Материалы/02-Second project/word docs/Text for site.docx

18.13 KB

📄

Материалы/02-Second project/z-Photoshop/Resource Boy - Cloud Brushes.abr

221.79 MB

📄

Материалы/02-Second project/z-Photoshop/travel site.psd

109.52 MB

🖼️

Материалы/02-Second project/z-Photoshop/Mountain Brushes/0.jpg

38.99 KB

📄

Материалы/02-Second project/z-Photoshop/Mountain Brushes/mountains-brushes.abr

5.62 MB

🖼️

Материалы/03-Photoshop/Выделение и удаление объектов-01.jpg

773.72 KB

🖼️

Материалы/03-Photoshop/Выделение и удаление объектов-02.jpg

808.02 KB

🖼️

Материалы/03-Photoshop/Выделение и удаление-03.jpg

263.33 KB

🖼️

Материалы/03-Photoshop/Дом из примера баннера.jpg

1.08 MB

🖼️

Материалы/03-Photoshop/Копирование элементов-01.jpg

215.89 KB

🖼️

Материалы/03-Photoshop/Копирование элементов-02.jpg

428.94 KB

🖼️

Материалы/03-Photoshop/Маски-01.jpg

829.85 KB

🖼️

Материалы/03-Photoshop/Расширение изображений-1.jpg

402.94 KB

🖼️

Материалы/03-Photoshop/Расширение изображений-2.jpg

773.72 KB

🖼️

Материалы/03-Photoshop/Расширение изображений-3.jpg

215.89 KB

🖼️

Материалы/03-Photoshop/Расширение изображений-4.jpg

772.99 KB

🖼️

Материалы/03-Photoshop/Слои-1.jpg

449.96 KB

🖼️

Материалы/03-Photoshop/Слои-2.jpeg

366.73 KB

🖼️

Материалы/03-Photoshop/Слои-3.jpeg

194.58 KB

Resource Detail

Disclaimer