Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай Complete Web & Mobile Designer in 2021: UI/UX, Figma + more, а также все другие курсы, прямо сейчас!
Премиум
  • Урок 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