udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Изучите Figma: Основы дизайна пользовательского интерфейса - UI / UX Design
Learn Figma: User Interface Design Essentials - UI/UX Design
Продолжительность
7 ч 7 мин
Категория
Figma
Количество уроков
118 Видео
Дата добавления
13 февр. 2020 г., 22:24
Язык
Английский
Дата выхода
1 февр. 2020 г., 00:13
Вы хотите стать дизайнером UI / UX, но не знаете с чего начать? Этот курс позволит вам развить свои навыки проектирования пользовательского интерфейса, а также добавить дизайнера пользовательского интерфейса в свое резюме и начать привлекать клиентов для ваших навыков.
Всем привет. Я Араш и я дизайнер UI / UX. В этом курсе я помогу вам изучить и освоить приложение Figma с нуля. Figma - это инновационный и блестящий инструмент для дизайна пользовательского интерфейса. Его используют все - от предпринимателей и стартапов до Apple, Airbnb, Facebook и т. д.
Сначала на протяжении всего курса вы узнаете обо всех основах проектирования, элементах пользовательского интерфейса, типографии и т. д., А затем мы будем вместе работать над реальными проектами.
Более того, мы разработаем финансовое приложение с нуля, и я поделюсь с вами всеми необходимыми приемами и скрытыми секретами, необходимыми для мобильного приложения и веб-дизайна.
Этот курс был разработан для людей, совершенно не знакомых с дизайном UI / UX или, скажем, дизайном в целом. Мы начнем с самых основных принципов и будем работать постепенно, шаг за шагом.
Мы начнем курс с объяснения различий между пользовательским интерфейсом и дизайном UX. И тогда мы начнем изучать приложение Figma в разделе Академия Figma. После этого мы создадим простой каркас низкой точности, чтобы понять его использование и преимущества.
Я рассмотрю все основные инструменты, необходимые для создания удивительного пользовательского интерфейса (UI) и пользовательского опыта (UX). Вы не только узнаете о приложении Figma, но также узнаете о Adobe Photoshop, Vectary, Dribbble, Behance и т. д.
Раздел «Основы дизайна» охватывает все необходимые принципы, включая: макет, иконографию, типографику, цветовой контраст, композицию, интервалы и т. д.
Одна из интересных частей процесса разработки пользовательского интерфейса - это микровзаимодействия. Я научу вас, как использовать InVision Studio для создания такого взаимодействия.
Имея более 7 часов контента в более чем 130 лекций, я проведу вас от новичка до эксперта и научу вас всему, что вам нужно знать, чтобы профессионально использовать Figma.
Удивительный курс для людей с нулевым опытом проектирования или для опытных дизайнеров, которые хотят изучить и освоить 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.
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
leveluptutorials
9 мар. 2018 г., 14:48
Изучаем Figma
Mastering Figma
В этом курсе мы будем изучать Figma. Figma - это мой новый любимый интсрумент для разработки дизайнов, у которого есть много интересных фич, таких как кросс-платформенность, тоесть работает на Windows. Maс и Linux, а также действительно полезный функционал как в Google Docs collaboration (совместная работа). Также мне нравится его современный интерфейс и постоянные апдейты новых фич. Одним словом, Figma реально крутая штука, которую я использую к
designcode.io
26 февр. 2019 г., 15:25
Проектирования систем в Figma
Design System in Figma
Лишь несколько лет назад Figma стала первым инструментом дизайна, который использовал мощь и доступность Интернета, обещая те же мощные функции, которые вы ожидаете от нативного приложения. Они удивили всех своим сотрудничеством в реальном времени. Дизайнеры были в восторге, когда наконец смогли поделиться своими проектами с коллегами и клиентами с нулевым пониманием и увидеть одновременно несколько указателей мыши, рисующих фигуры. Это было похо
tutspluscom
30 июн. 2019 г., 13:49
Создание дизайна сайта в Figma
Create a Themeable Site Design in Figma
Figma - превосходный векторный инструмент для дизайна интерфейса. Как часть своего набора функций, она включает в себя систему «стилей», благодаря которой различные цвета, градиенты, штрихи, тени и тд. могут быть сохранены и использованы повторно.
tutspluscom
1 июл. 2019 г., 17:56
Figma => HTML: Конвертируем дизайн в HTML
Figma to HTML: Code Up a Single-Page Design
В этом курсе мы возьмем одностраничный дизайн для туристического веб-сайта в Figma и пройдем процесс его преобразования в HTML.
tutspluscom
1 июл. 2019 г., 19:23
Гриды (Сетки) Figma за 30 минут
Figma Grids in Under 30 Minutes
Figma - превосходный инструмент для дизайна пользовательского интерфейса, и одна из вещей, в которых он действительно хорош, - это создание гридов. Использование сетки является важной частью многих дизайнерских проектов, поэтому наличие инструмента, упрощающего этот процесс, сэкономит вам много времени.