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

Веб и мобильный дизайн в 2021 году: UI / UX, Figma и многое другое

Name: Веб и мобильный дизайн в 2021 году: UI / UX, Figma и многое другое
Price: 13 USD
Rating: 4.8 (79 reviews)

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

zerotomastery.io

★4.8 (всего оценок - 79)

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

25 ч 36 мин

Категория

Figma

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

212 Видео

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

16 сент. 2020 г., 22:44

Язык

Английский

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

29 апр. 2026 г., 08:32

Хотите стать востребованным дизайнером в 2021 году? Этот обновлённый обзор курса поможет вам понять, чем он ценен, какие навыки вы получите и почему именно этот курс станет полным стартовым пакетом для карьеры в веб- и мобильном дизайне, UI/UX и работе в Figma.

Что представляет собой курс

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

Ключевые навыки, которые вы освоите

Работа с современными инструментами дизайна

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

UI/UX и подход к созданию пользовательского опыта

Современные принципы UI/UX, основанные на актуальных трендах 2021 года.
Переход от скетча и вайрфрейма к высококачественному визуальному дизайну.
Лучшие практики, советы и техники, применяемые ведущими дизайнерами мира.

Брендинг и работа с графикой

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

Совмещение дизайна и веб‑разработки

Конвертация дизайна в полноценные веб‑страницы с помощью HTML5 и CSS3.
Создание готовых, работающих сайтов на основе своих макетов.
Понимание взаимодействия дизайнера и разработчика в реальных проектах.

Результаты обучения

К концу курса вы создадите собственное профессиональное портфолио, включающее веб‑ и мобильные проекты, бренд‑материалы и реальные макеты, готовые к публикации. Эти работы помогут начать карьеру:

как UI/UX дизайнер,
как веб‑дизайнер или фронтенд‑разработчик,
как фрилансер, работающий с клиентами по всему миру.

Почему этот курс актуален в 2021 году

Спрос на дизайнеров продолжает расти, а Figma и адаптивный дизайн стали индустриальным стандартом. Курс сочетает обновлённые практики, инструменты и подходы, что делает его оптимальной отправной точкой для новичков и ценным ресурсом для тех, кто хочет повысить квалификацию.

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

Урок 1. 00:07:01
Course Outline
Урок 2. 00:04:14
Meeting The Client
Урок 3. 00:01:56
The 2 Paths
Урок 4. 00:01:29
Exercise: Building Your Logo
Урок 5. 00:06:54
Designer vs Developer
Урок 6. 00:07:07
Skills To Be A Top Designer
Урок 7. 00:03:28
Introduction To Sketching
Урок 8. 00:07:06
The Sketching Process
Урок 9. 00:08:06
Sketching User Flows
Урок 10. 00:05:50
Sketching User Flows 2
Урок 11. 00:09:50
Sketching User Flows 3
Урок 12. 00:10:03
Sketching User Flows 4
Урок 13. 00:08:02
Sketching Tips
Урок 14. 00:08:00
How To Stay Inspired
Урок 15. 00:13:48
How To Find Inspiration
Урок 16. 00:01:50
Introducing Figma
Урок 17. 00:05:13
Figma Dashboard
Урок 18. 00:05:46
Figma Tools
Урок 19. 00:03:23
Layers & Pages
Урок 20. 00:10:28
The Top Bar
Урок 21. 00:11:17
Design Properties
Урок 22. 00:03:36
Prototyping With Figma
Урок 23. 00:16:44
Exercise: Creating A Responsive Layout
Урок 24. 00:06:17
What Are User Flows?
Урок 25. 00:04:39
The Do's And Don'ts
Урок 26. 00:06:40
Speed Up Workflow With Components
Урок 27. 00:12:50
Creating Our Own User Flows
Урок 28. 00:13:11
Creating Our Own User Flows 2
Урок 29. 00:13:20
Creating Our Own User Flows 3
Урок 30. 00:01:45
Introduction To Sitemaps
Урок 31. 00:04:17
Creating A Basic Sitemap
Урок 32. 00:07:58
Before You Start
Урок 33. 00:15:25
Creating A Sitemap
Урок 34. 00:06:12
Creating A Sitemap 2
Урок 35. 00:04:34
Tips For Getting Started
Урок 36. 00:06:52
What Is A Wireframe?
Урок 37. 00:06:44
How To Create A Wireframe
Урок 38. 00:05:14
Wireframes In FIgma
Урок 39. 00:16:58
Creating Our Home Page
Урок 40. 00:12:20
Creating A Product Page
Урок 41. 00:10:57
Creating A Checkout Page
Урок 42. 00:11:33
Prototyping Basics In Figma
Урок 43. 00:07:32
Prototyping Basics In Figma 2
Урок 44. 00:05:33
Prototyping Basics In Figma 3
Урок 45. 00:10:01
Prototyping Basics In Figma 4
Урок 46. 00:11:01
Linking Together A Quick User Flow
Урок 47. 00:11:51
Working On Small Interactions
Урок 48. 00:04:19
Why Is Feedback Important?
Урок 49. 00:06:49
Constructive Feedback
Урок 50. 00:04:04
What Is A Grid?
Урок 51. 00:05:57
Grid Basics
Урок 52. 00:07:37
Responsive Grids And Breakpoints
Урок 53. 00:08:52
Making Our Grid In Figma
Урок 54. 00:04:52
Grid Guidelines
Урок 55. 00:03:22
Serifs
Урок 56. 00:03:42
Sans Serifs
Урок 57. 00:04:39
Display & Mono
Урок 58. 00:01:40
Picking Typefaces
Урок 59. 00:10:13
Choosing Typefaces For A Project
Урок 60. 00:10:01
Choosing Typefaces For A Project 2
Урок 61. 00:11:47
Choosing Typefaces For A Project 3
Урок 62. 00:11:14
Creating Our Own Type System
Урок 63. 00:03:54
Color Schemes
Урок 64. 00:02:45
Important Questions To Ask
Урок 65. 00:02:56
Creating Color Palettes
Урок 66. 00:05:08
Creating A Monochromatic Color Palette
Урок 67. 00:11:58
Applying Our Color Palette
Урок 68. 00:07:08
Expanding A Strict Color Palette
Урок 69. 00:11:34
Creating Our Own Color Palette
Урок 70. 00:04:20
What Are Forms + UI Elements?
Урок 71. 00:14:54
Best Practices For Forms
Урок 72. 00:04:48
Best Practices For Inputs
Урок 73. 00:07:48
Best Practices For Inputs 2
Урок 74. 00:03:12
Best Practices For Inputs 3
Урок 75. 00:07:43
Best Practices For Inputs 4
Урок 76. 00:06:39
Best Practices For Buttons
Урок 77. 00:04:05
Creating Components In Figma
Урок 78. 00:07:00
Using Atomic Elements
Урок 79. 00:03:29
Using Instances In Figma
Урок 80. 00:05:05
Editing Instances
Урок 81. 00:05:06
Responsive Components
Урок 82. 00:19:10
Creating A Registration Form In Figma
Урок 83. 00:03:38
Visual Assets Introduction
Урок 84. 00:18:02
Working With Photos In Figma
Урок 85. 00:08:50
Working With Photos In Figma 2
Урок 86. 00:13:57
Working With Illustrations In Figma
Урок 87. 00:08:57
Figma Plugins And Icons
Урок 88. 00:13:16
Custom Icons
Урок 89. 00:02:31
What Is Accessibility?
Урок 90. 00:02:52
Assistive Technologies
Урок 91. 00:04:31
Visual Patterns For Accessibility
Урок 92. 00:06:25
Tools To Make Your Design Accessible
Урок 93. 00:06:43
Visual Patterns For Accessibility Part 2
Урок 94. 00:06:01
What Are Design Patterns
Урок 95. 00:02:25
Why Are Design Patterns Valuable
Урок 96. 00:04:30
How To Apply Design Patterns
Урок 97. 00:05:40
Analyzing Design Patterns
Урок 98. 00:06:14
Dissecting And Choosing Design Patterns
Урок 99. 00:06:59
Mobile Design Best Practices
Урок 100. 00:11:11
Mobile Design Best Practices 2
Урок 101. 00:08:02
Design Fidelity
Урок 102. 00:12:06
Style Exploration
Урок 103. 00:16:11
Style Exploration 2
Урок 104. 00:12:58
Style Exploration 3
Урок 105. 00:14:37
Style Exploration 4
Урок 106. 00:07:04
The Importance Of Motion
Урок 107. 00:07:57
The Purpose Of Motion
Урок 108. 00:14:14
Intro To Smart Animate
Урок 109. 00:10:15
The Power Of Smart Animate
Урок 110. 00:10:24
What Is A Microinteraction?
Урок 111. 00:09:15
Why Microinteractions Are Important
Урок 112. 00:08:47
Creating Our Own Microinteraction
Урок 113. 00:10:18
Creating Our Own Microinteraction 2
Урок 114. 00:11:11
Using Figmotion
Урок 115. 00:11:50
Using Figmotion 2
Урок 116. 00:04:05
What Is A Design System?
Урок 117. 00:06:31
Foundation - Color
Урок 118. 00:04:14
Foundation - Grids + Spacing
Урок 119. 00:04:41
Foundation - Iconography
Урок 120. 00:06:51
Foundation - Typography
Урок 121. 00:11:27
Components - Button
Урок 122. 00:09:35
Components - Inputs
Урок 123. 00:14:12
Components - Cards
Урок 124. 00:10:26
Recipes - Vertical Cards
Урок 125. 00:13:08
Recipes - Search
Урок 126. 00:11:01
Recipes - Order List
Урок 127. 00:11:59
Using Our Design System
Урок 128. 00:09:32
Using Our Design System 2
Урок 129. 00:09:34
Using Our Design System 3
Урок 130. 00:07:12
Final Prototypes
Урок 131. 00:06:59
Final Prototypes 2
Урок 132. 00:06:39
Final Prototypes 3
Урок 133. 00:13:03
Final Prototypes 4
Урок 134. 00:05:03
The Product Alignment Canvas
Урок 135. 00:08:31
Project Goals
Урок 136. 00:08:40
Target Users
Урок 137. 00:10:23
User Journey Map
Урок 138. 00:04:33
Risky Assumptions
Урок 139. 00:05:57
What is a User Story Map?
Урок 140. 00:07:41
Creating a User Story Map
Урок 141. 00:01:12
Is Bruno Happy?
Урок 142. 00:03:42
Project Handoff
Урок 143. 00:09:52
How To Export And Place Designs
Урок 144. 00:10:58
Content For Your Portfolio
Урок 145. 00:04:59
Where To Host Your Web Portfolio
Урок 146. 00:12:58
Initial Setup - Figma Handoff
Урок 147. 00:09:25
Build UI - Adding Image Assets
Урок 148. 00:09:18
Build UI - Styling Image Assets
Урок 149. 00:06:01
Browsing the Web
Урок 150. 00:03:00
Breaking Google
Урок 151. 00:05:30
The Internet Backbone
Урок 152. 00:02:25
Traceroute
Урок 153. 00:03:09
DEVELOPER FUNDAMENTALS: I
Урок 154. 00:01:40
What Does A Developer Do?
Урок 155. 00:03:31
WWW vs Internet
Урок 156. 00:05:05
HTML, CSS, Javascript
Урок 157. 00:02:56
DEVELOPER FUNDAMENTALS: II
Урок 158. 00:03:09
Developer History
Урок 159. 00:07:51
Build Your First Website
Урок 160. 00:03:32
DEVELOPER FUNDAMENTALS: III
Урок 161. 00:08:40
HTML Tags
Урок 162. 00:01:50
HTML Tags 2
Урок 163. 00:05:35
Self Closing HTML Tags
Урок 164. 00:04:53
Anchor Tag
Урок 165. 00:02:06
Q&A: index.html
Урок 166. 00:03:47
Q&A: Relative vs Absolute Path
Урок 167. 00:10:58
HTML Forms
Урок 168. 00:03:10
HTML Forms 2
Урок 169. 00:08:19
Submitting A Form
Урок 170. 00:03:52
HTML Tags 3
Урок 171. 00:06:39
HTML vs HTML 5
Урок 172. 00:02:27
Copy A Website
Урок 173. 00:01:08
HTML Challenge
Урок 174. 00:13:49
Your First CSS
Урок 175. 00:10:32
CSS Properties
Урок 176. 00:16:29
CSS Selectors
Урок 177. 00:07:38
Text and Font
Урок 178. 00:04:16
Images In CSS
Урок 179. 00:05:07
Box Model
Урок 180. 00:03:04
px vs em vs rem
Урок 181. 00:04:05
Critical Render Path
Урок 182. 00:08:30
Flexbox
Урок 183. 00:08:25
CSS 3
Урок 184. 00:01:41
Responsive UI
Урок 185. 00:00:56
Exercise: Robot Animation
Урок 186. 00:04:01
Bootstrap Introduction
Урок 187. 00:08:52
Bootstrap
Урок 188. 00:05:19
Bootstrap Grid
Урок 189. 00:00:55
Exercise: Startup Landing Page
Урок 190. 00:03:59
Exercise: Startup Landing Page 2
Урок 191. 00:08:24
Exercise: Startup Landing Page 3
Урок 192. 00:08:26
Exercise: Startup Landing Page 4
Урок 193. 00:11:34
Exercise: Startup Landing Page 5
Урок 194. 00:09:22
Exercise: Adding Email Subscribe Form With MailChimp
Урок 195. 00:05:49
Exercise: Putting Your Website Online
Урок 196. 00:02:51
Exercise: Putting Your Website Online 2
Урок 197. 00:07:16
DEVELOPER FUNDAMENTALS: IV
Урок 198. 00:03:19
Using Templates
Урок 199. 00:01:51
Section Overview
Урок 200. 00:04:41
CSS Grid vs Flexbox vs Bootstrap
Урок 201. 00:07:56
CSS Grid 1
Урок 202. 00:04:15
CSS Grid 2
Урок 203. 00:06:26
CSS Grid 3
Урок 204. 00:07:08
CSS Grid 4
Урок 205. 00:01:57
CSS Grid 5
Урок 206. 00:03:38
Exercise: CSS Layout
Урок 207. 00:08:38
Solution: Navigation Bar
Урок 208. 00:04:23
Solution: Navigation Bar 2
Урок 209. 00:04:42
Solution: Cover
Урок 210. 00:08:55
Solution: Project Grid + Footer
Урок 211. 00:07:00
Solution: Prettify
Урок 212. 00:03:52
The Truth About CSS

https://coursehunters.online/t/veb-i-mobilnyj-dizajn-v-2020-godu-ui-ux-figma-i-mnogoe-drugoe/3974

Автор - zerotomastery.io

zerotomastery.io

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

+267

Комментарии

Anonymous
5 нояб. 2022 г., 10:09
Good course! Could you please update it.
babur.i
23 июл. 2022 г., 19:41
обновите пожалуйста
makquadri
4 июн. 2022 г., 19:41
Hi,

Can you please update this course to current? Thanks for your support.

Complete Web & Mobile Designer in 2022: UI/UX, Figma + more
26 Hours • 264 Lessons
gnz
11 апр. 2022 г., 18:26
Update please! This course is amazing!
Kirchik
2 апр. 2021 г., 14:04
update please
Mr. UD
4 дек. 2020 г., 18:46
update please
Rivaldo Riva
12 окт. 2020 г., 14:40
good course, even though its 23 Hours but only 7 hours for HTML&CSS which you can safely skip (at the end), so the real duration on design for this course is around 15 hours :D
1 - one problem that this course assumes you have basics, like know how to use Figma + you need to have basic graphics theory like when to use blue color over other colors even though it says for beginners but i have taken another course in the past so this is why I think I'm able to keep up with the lecturers.

2 - this course is heavily practical from the very first module you start watching the instructor designing and see the workflow (at this point the instructor doesnt show how to use figma but he explain what he do or press so you can pick figma usage)
3 - you can learn figma in 2 days if you watch figma course in YouTube is enough
but overall highly recommended course 5 STARZ
Anonymous
17 сент. 2020 г., 13:22
Thank you for uploading this course!