• Урок 1. 00:07:07
    What is Webflow?
  • Урок 2. 00:04:18
    Webflow Teaser
  • Урок 3. 00:02:35
    Intro to Good Design
  • Урок 4. 00:06:56
    Getting started with Figma
  • Урок 5. 00:06:50
    It All Starts With Alignment & Grid
  • Урок 6. 00:09:19
    Practice: Alignment & Grid
  • Урок 7. 00:07:21
    Importance of Visual Hierarchy
  • Урок 8. 00:08:35
    Practice: Visual Hierarchy
  • Урок 9. 00:03:53
    Beware of Optical Illusions
  • Урок 10. 00:01:43
    Proximity
  • Урок 11. 00:01:38
    Intro to Typography
  • Урок 12. 00:01:52
    Typeface Comes With a Personality
  • Урок 13. 00:06:15
    Typeface Categories
  • Урок 14. 00:06:25
    Practice: Typeface Personality
  • Урок 15. 00:08:31
    Setting type
  • Урок 16. 00:07:04
    Practice: Setting type
  • Урок 17. 00:02:52
    Two fonts only
  • Урок 18. 00:03:58
    Where to Find Fonts
  • Урок 19. 00:07:17
    Practice: Typeface Pairing
  • Урок 20. 00:01:12
    Intro to Colors
  • Урок 21. 00:01:57
    Sampling Colors
  • Урок 22. 00:13:32
    Practice: Sampling Colors
  • Урок 23. 00:03:59
    Fine-tuning Colors
  • Урок 24. 00:02:31
    Practice: Fine-tuning Colors
  • Урок 25. 00:02:36
    Color Hunting
  • Урок 26. 00:02:21
    Brand Colors
  • Урок 27. 00:00:24
    Intro to Photos
  • Урок 28. 00:02:00
    Image Overlays
  • Урок 29. 00:04:58
    Practice: Image Overlays
  • Урок 30. 00:04:29
    Photo Cropping Techniques - Extreme Crop
  • Урок 31. 00:04:38
    Photo Cropping Techniques - Soft Crop
  • Урок 32. 00:11:11
    Practice: Photo Cropping
  • Урок 33. 00:04:39
    Rule of Thirds
  • Урок 34. 00:04:48
    Unbox it!
  • Урок 35. 00:06:14
    Pick Photos Like a Pro
  • Урок 36. 00:03:28
    Where to Find Photos
  • Урок 37. 00:04:54
    Practice: Finding Photos
  • Урок 38. 00:00:25
    Intro to Design Tricks
  • Урок 39. 00:03:54
    Contrast
  • Урок 40. 00:05:08
    White Space
  • Урок 41. 00:03:57
    Repetition
  • Урок 42. 00:03:44
    Overlapping
  • Урок 43. 00:00:58
    Practice: Overlapping
  • Урок 44. 00:02:33
    Tension
  • Урок 45. 00:03:46
    Practice: Tension
  • Урок 46. 00:07:57
    Consistency
  • Урок 47. 00:00:19
    Intro to Design Practice
  • Урок 48. 00:04:58
    Mimic Method
  • Урок 49. 00:05:51
    The Biggest secret of GREAT DESIGNERS: Inspiration
  • Урок 50. 00:05:43
    Practice: Mood Board
  • Урок 51. 00:07:12
    Practice: Figma Homepage Design
  • Урок 52. 00:07:19
    Chat App homepage design: Part 1
  • Урок 53. 00:11:09
    Chat App homepage design: Part 2
  • Урок 54. 00:11:46
    Chat App homepage design: Part 3
  • Урок 55. 00:10:02
    Chat App homepage design: Part 4
  • Урок 56. 00:00:25
    Intro to Webflow Development
  • Урок 57. 00:04:08
    Weblow Designer Intro
  • Урок 58. 00:03:37
    HTML & CSS
  • Урок 59. 00:02:16
    The Box Model
  • Урок 60. 00:03:53
    Element Hierarchy
  • Урок 61. 00:07:39
    Section & Div Block
  • Урок 62. 00:10:16
    Size Settings
  • Урок 63. 00:07:55
    Padding & Margins
  • Урок 64. 00:04:23
    Web Typography
  • Урок 65. 00:10:06
    Buttons and Links
  • Урок 66. 00:07:59
    CSS Classes
  • Урок 67. 00:14:16
    Images
  • Урок 68. 00:11:46
    Float, Columns, Display
  • Урок 69. 00:03:54
    Flexbox
  • Урок 70. 00:12:48
    Navbar
  • Урок 71. 00:11:43
    Hover
  • Урок 72. 00:06:12
    Middle Section
  • Урок 73. 00:05:15
    HTML Tags
  • Урок 74. 00:06:16
    Combo Classes
  • Урок 75. 00:06:27
    CTA Section
  • Урок 76. 00:08:56
    Footer
  • Урок 77. 00:06:28
    Intro to Responsive Web Design
  • Урок 78. 00:03:43
    Hero Section - Tablet
  • Урок 79. 00:04:48
    Hero Section - Mobile 1
  • Урок 80. 00:03:08
    Hero Section - Mobile 2
  • Урок 81. 00:09:54
    Nav Menu
  • Урок 82. 00:07:02
    Overflow
  • Урок 83. 00:04:06
    CTA Section
  • Урок 84. 00:05:13
    Footer
  • Урок 85. 00:04:50
    SEO
  • Урок 86. 00:05:00
    Publishing
  • Урок 87. 00:03:04
    Webflow Editor
  • Урок 88. 00:01:33
    Intro to Client Project
  • Урок 89. 00:08:04
    Good Design Process
  • Урок 90. 00:05:10
    Project Brief
  • Урок 91. 00:05:03
    Mood Board
  • Урок 92. 00:07:36
    Why Wireframing?
  • Урок 93. 00:02:50
    Figma Styles
  • Урок 94. 00:06:04
    Figma Components
  • Урок 95. 00:06:22
    Wireframe Kit
  • Урок 96. 00:11:22
    Wireframes – Homepage Part 1
  • Урок 97. 00:12:38
    Wireframes – Homepage Part 2
  • Урок 98. 00:07:47
    Wireframes – Post Page
  • Урок 99. 00:07:17
    Wireframes – Blog
  • Урок 100. 00:11:33
    Homepage Design – Part 1
  • Урок 101. 00:16:53
    Homepage Design – Part 2
  • Урок 102. 00:12:13
    Homepage Design – Part 3
  • Урок 103. 00:06:20
    Blog Post Design
  • Урок 104. 00:13:32
    Blog Design
  • Урок 105. 00:01:03
    Intro
  • Урок 106. 00:07:38
    Background Styles
  • Урок 107. 00:09:19
    Navbar
  • Урок 108. 00:07:23
    Hero Content
  • Урок 109. 00:11:02
    Forms
  • Урок 110. 00:09:50
    Mockup Section – Part 1
  • Урок 111. 00:04:27
    Mockup Section – Part 2
  • Урок 112. 00:04:22
    Photo Sections
  • Урок 113. 00:04:28
    Slider Component
  • Урок 114. 00:12:35
    Testimonial Slider
  • Урок 115. 00:08:35
    Positioning
  • Урок 116. 00:06:05
    Slider Arrows
  • Урок 117. 00:07:34
    Footer
  • Урок 118. 00:09:12
    Footer Form
  • Урок 119. 00:02:19
    Interactions Intro
  • Урок 120. 00:10:09
    Card Interaction
  • Урок 121. 00:02:46
    Arrow Interaction – Part 1
  • Урок 122. 00:06:51
    Arrow Interaction – Part 2
  • Урок 123. 00:05:27
    Responsive – Navbar
  • Урок 124. 00:04:43
    Responsive – Hero
  • Урок 125. 00:05:43
    Responsive – Mockup Section
  • Урок 126. 00:06:24
    Responsive – Body
  • Урок 127. 00:05:52
    Responsive – Testimonials & Footer
  • Урок 128. 00:01:34
    CMS & Dynamic Content
  • Урок 129. 00:05:23
    Webflow CMS
  • Урок 130. 00:03:11
    CMS Items
  • Урок 131. 00:04:09
    Collection Page
  • Урок 132. 00:04:56
    Blog – Navbar & Headline
  • Урок 133. 00:03:38
    Blog – Author & Date Block
  • Урок 134. 00:05:48
    Reference Field
  • Урок 135. 00:03:09
    Dynamic Styles
  • Урок 136. 00:02:32
    Blog – Main Image
  • Урок 137. 00:09:58
    Rich Text
  • Урок 138. 00:04:09
    Blog – Author Block Bottom
  • Урок 139. 00:06:04
    Symbols
  • Урок 140. 00:05:31
    Blog – Responsive Post Page
  • Урок 141. 00:13:29
    Blog – Homepage
  • Урок 142. 00:11:17
    Collection List
  • Урок 143. 00:07:30
    Pagination
  • Урок 144. 00:05:00
    Blog: Responsive Homepage
  • Урок 145. 00:06:33
    SEO & Publish
  • Урок 146. 00:02:16
    Form Submissions
  • Урок 147. 00:13:03
    Custom Domain
  • Урок 148. 00:01:23
    Intro to Freelancing
  • Урок 149. 00:04:35
    Portfolio Website
  • Урок 150. 00:06:16
    Portfolio Website Tour
  • Урок 151. 00:12:43
    Installing Portfolio Website
  • Урок 152. 00:09:52
    Finding work – Online
  • Урок 153. 00:06:36
    Finding work – Studios
  • Урок 154. 00:03:13
    Finding work – Networking
  • Урок 155. 00:00:33
    Finding work – Conclusion
  • Урок 156. 00:06:06
    Upwork Overview
  • Урок 157. 00:05:03
    Tips 1-3: Getting your profile approved
  • Урок 158. 00:07:03
    Tips 4-9: Create a profile that attracts clients
  • Урок 159. 00:03:31
    Tips 10-12: Get the "best match" badge
  • Урок 160. 00:04:10
    Tips 13-14: Propose the right price
  • Урок 161. 00:06:04
    Tips 15-16: Be the freelancer they can't resist
  • Урок 162. 00:08:04
    Tips 17-22: Write damn good cover letters
  • Урок 163. 00:06:32
    Tips 23-25: Don't get yourself suspended
  • Урок 164. 00:03:06
    Tips 26-28: Don't get scammed
  • Урок 165. 00:11:26
    Pricing: How much do you charge?
  • Урок 166. 00:04:16
    Pricing: Hourly vs Fixed Rate
  • Урок 167. 00:08:38
    Proposal Template: Fixed Rate
  • Урок 168. 00:02:29
    Proposal Template: Hourly Rate
  • Урок 169. 00:05:56
    Freelance Contract
  • Урок 170. 00:12:33
    Selling Webflow to Clients
  • Урок 171. 00:03:00
    Client Billing Feature
  • Урок 172. 00:01:52
    Intro to Advanced
  • Урок 173. 00:15:41
    Webflow: Custom Modal (Pop-Up)
  • Урок 174. 00:07:17
    Webflow: Custom Code Embed - Commenting Plugin (Needs a Paid Plan)
  • Урок 175. 00:05:17
    Photoshop: How To Create a Stretch Crop
  • Урок 176. 00:13:58
    Photoshop: How to Cut Out an Image
  • Урок 177. 00:10:12
    Photoshop: Stick Out Tutorial
Этот материал находится в платной подписке. Оформи премиум подписку и смотри Complete Web Design: from Figma to Webflow to Freelancing, а также все другие курсы, прямо сейчас!
Премиум