udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Изучите Figma: Основы дизайна пользовательского интерфейса - UI / UX Design
Learn Figma: User Interface Design Essentials - UI/UX Design
★4.5 (всего оценок - 36)
Продолжительность
7 ч 7 мин
Категория
FigmaКоличество уроков
118 Видео
Дата добавления
13 февр. 2020 г., 22:24
Язык
Английский
Дата выхода
1 февр. 2020 г., 00:13
Дата обновления
29 апр. 2026 г., 06:39
Этот курс по Figma — практичное и понятное обучение, которое поможет вам уверенно войти в сферу UI/UX-дизайна. Материал структурирован так, чтобы даже полные новички смогли быстро освоить основы и перейти к созданию собственных интерфейсов и прототипов. Курс ориентирован на реальные задачи, актуальные навыки и развитие практического портфолио.
Что вы узнаете на курсе
После прохождения курса вы сможете уверенно работать в Figma и применять ключевые инструменты UI/UX-дизайнера. Основные результаты обучения:
- Создание макетов и пользовательских интерфейсов для мобильных приложений и веб‑платформ.
- Прототипирование и разработка интерактивных прототипов.
- Работа с компонентами и автолейаутами для ускорения дизайна.
- Анализ пользовательского опыта (UX) и построение логичной структуры интерфейса.
- Подготовка UI/UX-проекта для портфолио и трудоустройства.
Почему важно изучать Figma
Figma — один из наиболее востребованных инструментов для UI/UX-дизайна. Компании по всему миру используют её для быстрой разработки интерфейсов, совместной работы и создания прототипов. Знание Figma:
- повышает ваши шансы на трудоустройство в сфере IT;
- позволяет работать над коммерческими проектами уже на старте;
- даёт возможность создавать интерфейсы без опыта в сложных графических программах;
- помогает эффективно взаимодействовать с командами и заказчиками.
Основные темы курса
Курс охватывает ключевые разделы, необходимые для старта в UI/UX-дизайне:
- основы интерфейсного дизайна и UX-подходы;
- настройка рабочего пространства Figma;
- работа с сетками, фреймами, стилями и компонентами;
- создание прототипов и пользовательских сценариев;
- дизайн мобильных приложений и веб‑интерфейсов;
- подготовка файлов разработчику.
Практические проекты и реальные кейсы
Практическая часть — ключевой элемент обучения. В рамках курса вы:
- создадите интерактивный прототип мобильного финансового приложения;
- проработаете пользовательские сценарии;
- построите дизайн‑систему и UI‑кит;
- получите полноценный UI/UX-проект для портфолио.
Для кого подходит курс
Обучение разработано для широкой аудитории:
- новичков, желающих быстро войти в сферу IT;
- графических дизайнеров, переходящих в UI/UX;
- предпринимателей, которым важно самостоятельно создавать прототипы;
- самоучек, желающих структурировать знания и освоить Figma с нуля.
Почему стоит выбрать именно этот курс
Этот курс по Figma выделяется своей практичностью, доступностью и глубиной.
Ключевые преимущества
- Последовательное обучение: от основ интерфейса до рабочего UI/UX-проекта.
- Чёткие объяснения и простые примеры для начинающих.
- Практический проект, подходящий для размещения в портфолио.
- Освоение базовых инструментов Figma и дополнительных сервисов: Photoshop, Vectary, InVision Studio.
- Поддержка новичков и пошаговый разбор каждого этапа создания интерфейса.
Опыт автора и востребованность навыков
Автор курса имеет опыт работы над коммерческими UX-проектами и делится реальными инструментами, используемыми в индустрии. Навыки работы в Figma остаются одними из наиболее востребованных на рынке, а специалисты с сильным UI/UX-портфолио успешно находят работу в студиях, продуктовых компаниях и на фрилансе.
- Урок 1.00:02:02Introduction to the course
- Урок 2.00:02:44Introduction
- Урок 3.00:01:11Structure of the course
- Урок 4.00:00:49Required Tools
- Урок 5.00:00:29Intro to Design Basics
- Урок 6.00:02:01Layout
- Урок 7.00:05:03Visual hierarchy
- Урок 8.00:01:26Visual noise
- Урок 9.00:01:02Iconography
- Урок 10.00:03:10Typography
- Урок 11.00:01:37Color Contrast
- Урок 12.00:02:18Color Palette
- Урок 13.00:01:13Spacing
- Урок 14.00:01:26Composition
- Урок 15.00:00:41Design Guide
- Урок 16.00:00:58Consistent fonts
- Урок 17.00:01:01Consistent Colors
- Урок 18.00:01:36Consistent Icons
- Урок 19.00:00:45Consistent UI Elements
- Урок 20.00:00:49Font Resources
- Урок 21.00:00:47Color Resources
- Урок 22.00:00:58Icon Resources
- Урок 23.00:01:04Introduction to Figma
- Урок 24.00:04:40Figma Requirements
- Урок 25.00:04:29Figma Environment
- Урок 26.00:09:16Shapes
- Урок 27.00:07:21Editing Shapes
- Урок 28.00:06:39Layer Basics
- Урок 29.00:05:00Boolean Operations
- Урок 30.00:04:37Text
- Урок 31.00:04:58Text Inspector
- Урок 32.00:03:57Text Styles
- Урок 33.00:05:25Constraints And Adaptive Layouts
- Урок 34.00:10:55Auto Layout (NEW)
- Урок 35.00:04:45Images
- Урок 36.00:03:35Styling: Fill
- Урок 37.00:01:35Styling: Stroke
- Урок 38.00:05:33Styling: Effects
- Урок 39.00:03:57Color Style
- Урок 40.00:02:30Masking
- Урок 41.00:08:40Components
- Урок 42.00:02:27Layout Grids
- Урок 43.00:09:15Plugins
- Урок 44.00:02:07Exporting
- Урок 45.00:05:53Prototyping
- Урок 46.00:03:05Multiplayer & Commenting
- Урок 47.00:00:33Intro to UI Elements
- Урок 48.00:01:30Text Fields
- Урок 49.00:02:07Buttons
- Урок 50.00:01:30Sliders
- Урок 51.00:01:03Tooltip
- Урок 52.00:01:20Selection Control
- Урок 53.00:01:12Chips
- Урок 54.00:01:05Cards
- Урок 55.00:01:07Dialogs
- Урок 56.00:00:59Lists
- Урок 57.00:01:09Tables
- Урок 58.00:00:51Navigation
- Урок 59.00:00:51Menu
- Урок 60.00:00:53Charts
- Урок 61.00:01:04Steppers
- Урок 62.00:01:22Snackbar
- Урок 63.00:01:00What is Wireframing?
- Урок 64.00:01:09User Flows
- Урок 65.00:01:03Interactive Prototypes
- Урок 66.00:01:00Wireframe Tools
- Урок 67.00:05:03Wireframing in Figma
- Урок 68.00:00:32What is a color style?
- Урок 69.00:10:13Primary, Semantic & Accent Colors
- Урок 70.00:04:18Grey Colors & Gradients
- Урок 71.00:05:32Borders & Shadows
- Урок 72.00:00:26Intro to Typography Styles
- Урок 73.00:04:01Typography guide part 1
- Урок 74.00:02:22Typography guide part 2
- Урок 75.00:02:18Designing a Modern Finance App
- Урок 76.00:02:00Launch Screen
- Урок 77.00:21:34Sign-in & Welcome Page
- Урок 78.00:06:08Sign-up Page
- Урок 79.00:11:57OTP Verification Screens
- Урок 80.00:13:05Profile Screens
- Урок 81.00:19:45Homepage
- Урок 82.00:10:52Menu
- Урок 83.00:13:57Credit Cards Page
- Урок 84.00:10:38Transactions Page
- Урок 85.00:09:43Detailed Transaction Page
- Урок 86.00:07:01Transfer Page
- Урок 87.00:03:42Confirmation Page
- Урок 88.00:07:00Notification Page
- Урок 89.00:04:18User's Profile
- Урок 90.00:07:58Onboarding Pages
- Урок 91.00:02:21Logo Types
- Урок 92.00:03:00Designing Our First Logo
- Урок 93.00:02:49Designing Our Second Logo
- Урок 94.00:01:53Designing Our Third Logo
- Урок 95.00:00:33Introduction to Adobe Photoshop
- Урок 96.00:01:22Environment of Adobe Photoshop
- Урок 97.00:07:41Basics of Adobe Photoshop
- Урок 98.00:05:55Adobe Photoshop For UI/UX Design
- Урок 99.00:02:11Intro to 3D modeling
- Урок 100.00:04:18Create Your First 3D Model
- Урок 101.00:02:17Camera & Lightings
- Урок 102.00:01:56Materials & Textures
- Урок 103.00:05:41Create a 3D scene
- Урок 104.00:03:35Rendering & Exporting
- Урок 105.00:00:59Tools
- Урок 106.00:04:28Prototyping in Figma
- Урок 107.00:01:29Mocking up an app in Figma
- Урок 108.00:01:18How to Create Your Own Online Portfolio?
- Урок 109.00:00:58How to Use Dribbble?
- Урок 110.00:01:00How to Use Behance?
- Урок 111.00:01:19How to Get Your First Client?
- Урок 112.00:01:38How to Start Your Own Business?
- Урок 113.00:01:20How to Scale Your Business?
- Урок 114.00:00:54Communicating With Your Clients
- Урок 115.00:00:56Contracts
- Урок 116.00:00:49Where to Find World-Class Design Inspiration?
- Урок 117.00:00:55Image Resources
- Урок 118.00:01:08What is your next step?
Автор - udemy
Комментарии
GrevekWorst course ever
Rivaldo Rivathis course is monkey see monkey do. the explanation is only at the start of the course not during project design which made me forgot lectures and sometimes go back and search for the explanation.