Главная страницаКатегория figmaПолноценный веб и мобильный дизайнер: UI/UX, Figma и др.

Полноценный веб и мобильный дизайнер: UI/UX, Figma и др.

Name: Полноценный веб и мобильный дизайнер: UI/UX, Figma и др.
Price: 13 USD
Rating: 4.5 (33 reviews)

Complete Web & Mobile Designer: UI/UX, Figma, +more

udemy

zerotomastery.io

★4.5 (всего оценок - 33)

Продолжительность

20 ч 31 мин

Категория

Figma

Количество уроков

221 Видео

Дата добавления

26 июл. 2022 г., 15:03

Язык

Английский

Дата выхода

10 июн. 2022 г., 01:00

Дата обновления

29 апр. 2026 г., 15:27

Полноценный курс по веб‑ и мобильному дизайну поможет вам пройти путь от абсолютного новичка до уверенного UI/UX‑дизайнера. В программе — практическая работа в Figma, разбор актуальных методологий проектирования, создание портфолио и освоение навыков, которые востребованы на рынке и позволяют претендовать на высокие гонорары.

Что вы узнаете на курсе

Программа обучения строится вокруг реального рабочего процесса дизайнера — от идей и исследований до финальной презентации и подготовки макетов к разработке.

Основы графического дизайна

Базовые принципы композиции
Работа с цветом и типографикой
Создание визуальной гармонии и структуры

UX-дизайн и проектирование опыта пользователя

Исследование аудитории и определение пользовательских сценариев
Проектирование информации и построение логики интерфейсов
Создание вайрфреймов и прототипов

UI-дизайн и создание визуальных интерфейсов

Работа в Figma с нуля
Создание адаптивных макетов и компонентов
Подготовка дизайн‑систем для проектов

Переход от дизайна к реализации

Вы научитесь превращать профессиональные макеты в реальные веб‑страницы или приложения, используя HTML и CSS, чтобы понимать процесс работы разработчиков и правильно подготавливать материалы.

Почему этот курс выделяется среди других

Программа не ограничивается сухой теорией — она погружает вас в реальную практику работы дизайнером. Вместо бесконечных обзоров инструментов вы будете шаг за шагом создавать полноценные проекты.

Практика от начала до конца

На протяжении всего курса вы разрабатываете настоящий продукт для компании, который становится частью вашего портфолио. Это повышает ваши шансы на трудоустройство и помогает уверенно начинать карьеру.

Пошаговая структура обучения

Понимание фундаментальных принципов дизайна
Создание продуманного пользовательского опыта
Разработка визуального решения
Подготовка макетов к передаче разработчикам
Формирование портфолио и подготовка к работе с клиентами

Кому подойдёт этот курс

Курс создан для тех, кто хочет войти в профессию UI/UX дизайна или усилить текущие навыки. Он одинаково полезен новичкам, фрилансерам и тем, кто стремится работать в продуктовых компаниях.

Вы получите навыки, которые приносят деньги

Вместо конкуренции за небольшие заказы, вы научитесь создавать качественный дизайн, за который готовы платить высокие ставки. Эти навыки не устаревают — в отличие от технических трендов, фундаментальные принципы дизайна остаются актуальными годами.

Ваш результат после прохождения курса

Уверенная работа в Figma и понимание полного процесса дизайна
Готовое портфолио с реальным проектом
Понимание UX/UI на уровне, достаточном для трудоустройства
Навыки работы с HTML и CSS для взаимодействия с разработчиками
Пошаговый план работы над любым будущим проектом

Этот курс — ваш путь к профессии дизайнера, востребованной, творческой и позволяющей работать на высокооплачиваемых проектах по всему миру.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:03:17
Complete Web & Mobile Design: Zero to Mastery
Урок 2. 00:07:01
Course Outline
Урок 3. 00:04:14
Meeting The Client
Урок 4. 00:01:56
The 2 Paths
Урок 5. 00:01:29
Exercise: Building Your Logo
Урок 6. 00:06:54
Designer vs Developer
Урок 7. 00:07:07
Skills To Be A Top Designer
Урок 8. 00:03:28
Introduction To Sketching
Урок 9. 00:07:06
The Sketching Process
Урок 10. 00:08:06
Sketching User Flows
Урок 11. 00:05:50
Sketching User Flows 2
Урок 12. 00:09:50
Sketching User Flows 3
Урок 13. 00:10:03
Sketching User Flows 4
Урок 14. 00:08:02
Sketching Tips
Урок 15. 00:08:00
How To Stay Inspired
Урок 16. 00:13:48
How To Find Inspiration
Урок 17. 00:01:35
Intro to Figma: Education Plans and Signup
Урок 18. 00:00:57
Intro to Figma: Introduction
Урок 19. 00:00:33
Intro to Figma: Where to use Figma
Урок 20. 00:02:21
Figma UI: File Browser
Урок 21. 00:01:32
Figma UI: Files
Урок 22. 00:05:32
Figma UI: Toolbar
Урок 23. 00:04:07
Figma UI: Left Sidebar
Урок 24. 00:04:25
Figma UI: Right Sidebar
Урок 25. 00:04:39
Shapes and Tools: Working with Containers
Урок 26. 00:05:42
Shapes and Tools: Basic Shapes and Boolean Operations
Урок 27. 00:02:50
Designing in Figma: Images
Урок 28. 00:04:05
Designing in Figma: Getting Started with Text
Урок 29. 00:02:51
Designing in Figma: Constraints
Урок 30. 00:06:00
Designing in Figma: Using Auto Layout
Урок 31. 00:01:41
Resources and Collaboration: Community Files
Урок 32. 00:02:43
Resources and Collaboration: Community Plugins
Урок 33. 00:03:25
Resources and Collaboration: Sharing and Comments
Урок 34. 00:02:36
What We Are Going to Learn
Урок 35. 00:02:16
Exercise: Create a Quick Logo Using Shapes
Урок 36. 00:05:38
Exercise: Autolayout Buttons
Урок 37. 00:03:08
Exercise: Responsive Navigation
Урок 38. 00:04:16
Exercise: Responsive Text
Урок 39. 00:03:13
Exercise: Imagery and Gradients
Урок 40. 00:03:16
Exercise: Layout and Responsiveness
Урок 41. 00:01:03
Assignment: Create Complex Interactive Components
Урок 42. 00:05:12
User Flows Explained
Урок 43. 00:02:28
The DOs and DON'Ts
Урок 44. 00:02:07
What We Are Going To Build
Урок 45. 00:06:55
Reusable User Flow Assets
Урок 46. 00:10:59
User Flows in Figma (Onboarding)
Урок 47. 00:08:55
User Flows in Figma (Search)
Урок 48. 00:01:45
Introduction To Sitemaps
Урок 49. 00:04:17
Creating A Basic Sitemap
Урок 50. 00:01:19
What We Are Going To Learn
Урок 51. 00:09:33
Reusable Sitemap Assets
Урок 52. 00:08:52
Sitemaps in Figma (The Top Layer)
Урок 53. 00:05:54
Sitemaps in Figma (Digging Deeper)
Урок 54. 00:04:40
Sitemaps in Figma (Digging Deeper Cont.)
Урок 55. 00:07:44
Tips for Creating Great Sitemaps
Урок 56. 00:03:07
What Is A Wireframe?
Урок 57. 00:06:52
How To Create A Wireframe
Урок 58. 00:06:44
What We Are Going To Learn
Урок 59. 00:03:57
Figma Check In (Basic Button Component)
Урок 60. 00:05:35
Figma Check In (Variants)
Урок 61. 00:05:33
How To Use Our Wireframe Components
Урок 62. 00:13:03
Wireframes (Home)
Урок 63. 00:07:05
Wireframes (Cart)
Урок 64. 00:05:48
Wireframes (Profile)
Урок 65. 00:01:20
What We Are Going to Learn
Урок 66. 00:01:57
Figma Check In (Prototyping in Figma - Intro)
Урок 67. 00:05:06
Prototyping in Figma (Flows and Starting Points)
Урок 68. 00:02:52
Prototyping in Figma (Connections)
Урок 69. 00:02:58
Prototyping in Figma (Interactions)
Урок 70. 00:03:31
Prototyping in Figma (Animations)
Урок 71. 00:03:13
Prototyping in Figma (Prototype Settings)
Урок 72. 00:05:30
Prototyping in Figma (Prototype Presentation)
Урок 73. 00:03:41
Project (Navigation)
Урок 74. 00:06:17
Project (Removing an Item from Your Wishlist)
Урок 75. 00:06:14
Project (Finding a Product)
Урок 76. 00:02:57
Exercise: Imposter Syndrome
Урок 77. 00:04:03
Constructive Feedback
Урок 78. 00:02:59
Feedback Drives Better Design
Урок 79. 00:01:34
Recap: What Did We Learn?
Урок 80. 00:04:04
What Is A Grid?
Урок 81. 00:05:57
Grid Basics
Урок 82. 00:00:52
What We Are Going to Learn
Урок 83. 00:04:33
Figma Check In (Fixed and Fluid Grids)
Урок 84. 00:05:23
Figma Check In (Breakpoints)
Урок 85. 00:04:29
Figma Check In (Grid Style)
Урок 86. 00:06:57
Project (Mobile Layout Grid)
Урок 87. 00:04:52
Project (Desktop Layout Grids)
Урок 88. 00:06:33
Simple Rules to Follow
Урок 89. 00:03:22
Serifs
Урок 90. 00:03:42
Sans Serifs
Урок 91. 00:04:39
Display & Mono
Урок 92. 00:01:40
Picking Typefaces
Урок 93. 00:00:49
What We Are Going to Learn
Урок 94. 00:07:36
Figma Check In (Text Properties)
Урок 95. 00:09:56
Exercise (Elevating a Brand)
Урок 96. 00:07:14
Exercise (Typeface Scenarios)
Урок 97. 00:04:38
Exercise (Google Fonts)
Урок 98. 00:05:47
Project (Typeface Exploration)
Урок 99. 00:06:36
Project (Pairing Font Families)
Урок 100. 00:06:36
Project (Headings, Body and Labels)
Урок 101. 00:04:30
Project (Typeface System)
Урок 102. 00:07:13
Figma Check In (Text Styles)
Урок 103. 00:03:54
Color Schemes
Урок 104. 00:02:45
Important Questions To Ask
Урок 105. 00:02:56
Creating Color Palettes
Урок 106. 00:00:59
What We Are Going to Learn
Урок 107. 00:05:00
Figma Check In (Paints)
Урок 108. 00:10:37
Exercise (Expanding Upon a Strict Color Palette)
Урок 109. 00:04:00
Exercise (Creating a Color Palette)
Урок 110. 00:06:05
Figma Check In (Color Styles)
Урок 111. 00:08:21
Exercise (Using Color Styles)
Урок 112. 00:06:37
Project (Primary and Neutrals)
Урок 113. 00:06:32
Project (Accents)
Урок 114. 00:03:38
Visual Assets Introduction
Урок 115. 00:01:00
What We Are Going to Learn
Урок 116. 00:03:16
Figma Check In (Image Plugins)
Урок 117. 00:04:21
Figma Check In (Image Styles)
Урок 118. 00:02:40
Figma Check In (Masks)
Урок 119. 00:09:08
Exercise (Image Exploration)
Урок 120. 00:08:34
Exercise (Text and Imagery Working Together)
Урок 121. 00:03:50
Figma Check In (Illustration Plugins)
Урок 122. 00:08:06
New Exercise (Adding Illustrations to Your Designs)
Урок 123. 00:02:21
Figma Check In (Icon Plugins)
Урок 124. 00:05:06
Figma Check In (Pen Tool)
Урок 125. 00:11:06
Exercise (Custom Icons with the Pen Tool)
Урок 126. 00:04:20
What Are Forms + UI Elements?
Урок 127. 00:01:54
What We Are Going to Learn
Урок 128. 00:07:09
Best Practices (Forms)
Урок 129. 00:05:25
Best Practices (Basic and Advanced Inputs)
Урок 130. 00:11:31
Best Practices (Inputs)
Урок 131. 00:03:53
Best Practices (Buttons)
Урок 132. 00:04:11
Figma Check In (Component Properties)
Урок 133. 00:02:14
Properties vs. Variants
Урок 134. 00:05:19
Figma Check In (Button Component Properties)
Урок 135. 00:05:21
Figma Check In (Button Variants)
Урок 136. 00:06:26
Figma Check In (Combining Components)
Урок 137. 00:06:52
Figma Check In (Form Component Possibilities)
Урок 138. 00:10:39
Project (Registration Flow Part 1)
Урок 139. 00:08:25
Project (Registration Flow Part 2)
Урок 140. 00:06:43
Project (Registration Flow Part 3)
Урок 141. 00:02:31
What Is Accessibility?
Урок 142. 00:02:52
Assistive Technologies
Урок 143. 00:04:31
Visual Patterns For Accessibility
Урок 144. 00:06:25
Tools To Make Your Design Accessible
Урок 145. 00:06:43
Visual Patterns For Accessibility Part 2
Урок 146. 00:06:01
What Are Design Patterns
Урок 147. 00:02:25
Why Are Design Patterns Valuable
Урок 148. 00:04:30
How To Apply Design Patterns
Урок 149. 00:05:40
Analyzing Design Patterns
Урок 150. 00:06:14
Dissecting And Choosing Design Patterns
Урок 151. 00:06:59
Mobile Design Best Practices Part 1
Урок 152. 00:11:11
Mobile Design Best Practices Part 2
Урок 153. 00:01:48
What We Are Going to Learn
Урок 154. 00:04:58
Design Fidelity
Урок 155. 00:13:21
Visual Exploration (Navigation)
Урок 156. 00:08:57
Visual Exploration (Buttons)
Урок 157. 00:02:43
Figma Check In (Effect Styles)
Урок 158. 00:11:11
Visual Exploration (Product Cards)
Урок 159. 00:08:52
Visual Exploration (Text Cards)
Урок 160. 00:13:05
Screen Design (Home)
Урок 161. 00:07:36
Screen Design (Product Page)
Урок 162. 00:03:37
Misconceptions of Motion Design
Урок 163. 00:03:21
Motion Supports Usability
Урок 164. 00:05:16
Narrative and Mental Models
Урок 165. 00:01:34
What is a Microinteraction?
Урок 166. 00:01:58
The Structure of a Microinteraction
Урок 167. 00:02:04
Not Every Element is a Microinteraction!
Урок 168. 00:04:33
How Microinteractions Impact User Experiences
Урок 169. 00:01:42
What We Are Going To Learn
Урок 170. 00:02:08
Figma Check In (Intro to Smart Animate)
Урок 171. 00:03:51
Figma Check In (Smart Animate Properties)
Урок 172. 00:05:22
Exercise (Parallax)
Урок 173. 00:05:14
Exercise (New Message)
Урок 174. 00:05:18
Exercise (Overlays)
Урок 175. 00:04:44
Figma Check In (Interactive Components)
Урок 176. 00:07:55
Exercise (Interactive Buttons)
Урок 177. 00:05:20
Project (Parallax Welcome Screen)
Урок 178. 00:07:20
Project (Drag Onboarding)
Урок 179. 00:06:53
Project (Cart Overlay)
Урок 180. 00:12:57
Project (Button Microinteraction)
Урок 181. 00:01:08
What We Are Going to Learn
Урок 182. 00:03:45
Foundational Styles and Components vs. Product Specific Components
Урок 183. 00:03:29
Building Fidelity and Organizing Potential Components and Styles
Урок 184. 00:06:24
Foundational Styles and Components
Урок 185. 00:07:19
Components (Buttons)
Урок 186. 00:08:42
Components (Cards)
Урок 187. 00:06:33
Components (Headers)
Урок 188. 00:06:09
Components (Inputs)
Урок 189. 00:04:43
Components (List Items)
Урок 190. 00:08:28
Components (Navigation)
Урок 191. 00:05:42
Components (Misc. Elements)
Урок 192. 00:01:44
What We Are Going to Learn
Урок 193. 00:06:19
Working Towards Our Final Designs
Урок 194. 00:06:01
Execution (Introduction Screen)
Урок 195. 00:10:09
Execution (Onboarding Screens)
Урок 196. 00:16:03
Execution (Registration Screens)
Урок 197. 00:10:03
Execution (Home Screen)
Урок 198. 00:08:15
Execution (Wishlist Screens)
Урок 199. 00:10:03
Execution (Profile Screen)
Урок 200. 00:14:51
Execution (Cart and Checkout)
Урок 201. 00:09:48
Prototypes (Registration)
Урок 202. 00:06:07
Prototypes (Adding to Cart)
Урок 203. 00:05:11
Prototypes (Checkout)
Урок 204. 00:04:19
Prototypes (Lottie Files Plugin)
Урок 205. 00:07:53
Prototypes (Search and Filters)
Урок 206. 00:05:03
The Product Alignment Canvas
Урок 207. 00:08:31
Project Goals
Урок 208. 00:08:40
Target Users
Урок 209. 00:10:23
User Journey Map
Урок 210. 00:04:33
Risky Assumptions
Урок 211. 00:05:57
What is a User Story Map?
Урок 212. 00:07:41
Creating a User Story Map
Урок 213. 00:01:12
Is Bruno Happy?
Урок 214. 00:03:42
Project Handoff
Урок 215. 00:01:18
Thank You!
Урок 216. 00:09:52
How To Export And Place Designs
Урок 217. 00:10:58
Content For Your Portfolio
Урок 218. 00:04:59
Where To Host Your Web Portfolio
Урок 219. 00:12:58
Initial Setup - Figma Handoff
Урок 220. 00:09:25
Build UI - Adding Image Assets
Урок 221. 00:09:18
Build UI - Styling Image Assets

Авторы - udemy, zerotomastery.io

udemy

Udemy — одна из самых масштабных платформ в мире, предлагающая обучающий контент от авторов и экспертов со всего света. Сервис объединяет миллионы учеников и десятки тысяч преподавателей, создающих курсы на самые разнообразные темы.Основные возможности платформыШирокий выбор тем: от программирования и дизайна до маркетинга, психологии и личной эффективности.Глобальное сообщество авторов: материалы создаются специалистами из разных стран.Удобный ф

+198

zerotomastery.io

Независимо от того, начинаете ли вы путь в программировании или стремитесь повысить свой уровень, академия Zero To Mastery помогает освоить ключевые технологические навыки. На платформе вы можете изучить React, JavaScript, Python, CSS и многие другие инструменты, необходимые для карьерного роста, успешного трудоустройства и достижения результатов в ведущих компаниях.

+268

Комментарии

dyowee
11 нояб. 2024 г., 14:30
Please fix and update
CourseHunter Team dyowee
11 нояб. 2024 г., 14:32
what to fix?
dyowee CourseHunter Team
16 нояб. 2024 г., 03:35
Sorry, I believe that the course has recently been updated
CourseHunter Team dyowee
7 дек. 2024 г., 18:36
updated
dyowee CourseHunter Team
15 дек. 2024 г., 03:54
Thanks! :)
frederic
19 мая 2023 г., 19:39
Why is the wireframe resource different than in the video? i'm looking everywhere to find the right one. This one is much bigger but has no variants to the components. Really frustrating...
John wick frederic
20 июл. 2023 г., 10:14
Hey Frederic, how did you manage with these resources. This is really really frustrating. like how do I create these when the resources are totally different from the video???
John wick frederic
2 июл. 2023 г., 15:16
Lol pay for it yourself
SKS
7 апр. 2023 г., 12:43
Please update this course. Thank you.
Heppietechie
4 февр. 2023 г., 19:11
Please update this course : Complete Web & Mobile Designer in 2023: UI/UX, Figma, +more is out with 349 lectures and 28h 8m long
support guy Heppietechie
28 апр. 2023 г., 13:29
All is up to date. All extra materials videos you can watch at Complete Web Developer in 2023: Zero to Mastery

https://coursehunter.net/course/veb-razrabotchik-2018-s-nulya-do-mastera
Heppietechie support guy
1 мая 2023 г., 13:13
Thankyou