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