superhi.com
Мы делаем онлайн-курсы, которые помогают творческим людям выделиться. Узнайте, как писать, разрабатывать и управлять проектами в нашем глобальном сообществе!
Этот материал находится в платной подписке. Оформи премиум подписку и смотри или слушай
Visual Design + Branding,
а также все другие курсы, прямо сейчас!
Премиум
-
Урок 1. 00:05:28Welcome
-
Урок 2. 00:01:07Week 1 Project Introduction
-
Урок 3. 00:01:46Design History Overview
-
Урок 4. 00:03:12The Printing Revolution
-
Урок 5. 00:09:47Typographic Milestones
-
Урок 6. 00:09:14The Industrial Revolution
-
Урок 7. 00:14:41The Modernist Era
-
Урок 8. 00:08:3520th Century Design
-
Урок 9. 00:13:38The Digital Revolution and Beyond
-
Урок 10. 00:02:58Design Elements: Line
-
Урок 11. 00:03:17Design Elements: Shape
-
Урок 12. 00:00:47Design Elements: Form
-
Урок 13. 00:01:53Design Elements: Size
-
Урок 14. 00:00:56Design Elements: Texture
-
Урок 15. 00:00:55Design Elements: Value
-
Урок 16. 00:02:15Design Elements: Color
-
Урок 17. 00:03:37Design Elements: Typography
-
Урок 18. 00:03:07Design Principles: Emphasis
-
Урок 19. 00:03:30Design Principles: Proximity
-
Урок 20. 00:02:02Design Principles: Balance
-
Урок 21. 00:01:58Design Principles: Alignment
-
Урок 22. 00:01:07Design Principles: Unity
-
Урок 23. 00:01:13Design Principles: Space
-
Урок 24. 00:00:56Design Principles: Repetition
-
Урок 25. 00:01:55Design Principles: Framing
-
Урок 26. 00:45:17Week 1 Project
-
Урок 27. 00:01:25Week 2 Overview and Project
-
Урок 28. 00:02:04Introduction to Grids
-
Урок 29. 00:00:55Grid Anatomy
-
Урок 30. 00:04:59Types of Grids
-
Урок 31. 00:01:32Layout Grids
-
Урок 32. 00:03:34Exercise: Designing grids in Figma
-
Урок 33. 00:05:18Common Layouts – Portfolio
-
Урок 34. 00:06:18Common Layouts – Marketing Site 1
-
Урок 35. 00:05:18Common Layouts – Marketing Site 2
-
Урок 36. 00:04:25Common Layouts – Marketing Site 3
-
Урок 37. 00:07:11Common Layouts – News
-
Урок 38. 00:03:51Common Layouts – Store
-
Урок 39. 00:02:55Common Layouts – Blog
-
Урок 40. 00:03:45Introduction to Visual Hierarchy
-
Урок 41. 00:02:13Type Hierarchy – Examples
-
Урок 42. 00:10:40Type Hierarchy – Tips
-
Урок 43. 00:12:05Exercise: Building a type scale
-
Урок 44. 00:06:32Color + Contrast
-
Урок 45. 00:03:42Exercise: Building a grayscale color palette
-
Урок 46. 00:09:36Proximity + Whitespace
-
Урок 47. 00:02:03Fontanello + Chrome DevTools Inspector
-
Урок 48. 00:10:04Exercise: Redesign Mimi's Kitchen website
-
Урок 49. 00:01:42Exercise: Quick overview of final design
-
Урок 50. 00:13:44Exercise: Navigation and hero section
-
Урок 51. 00:04:20Exercise: Welcome section
-
Урок 52. 00:06:58Exercise: About Mimi's section
-
Урок 53. 00:07:29Exercise: Quote section
-
Урок 54. 00:05:47Exercise: Catering section
-
Урок 55. 00:08:15Exercise: Final sections
-
Урок 56. 00:09:33Week 2 Project: Introduction and Navigation
-
Урок 57. 00:08:27Week 2 Project: Hero
-
Урок 58. 00:12:14Week 2 Project: Explore Neighborhoods
-
Урок 59. 00:08:10Week 2 Project: Eat, See and Do
-
Урок 60. 00:04:37Week 2 Project: Blog
-
Урок 61. 00:08:36Week 2 Project: New on The Block
-
Урок 62. 00:04:47Week 2 Project: Newsletter
-
Урок 63. 00:05:23Week 2 Project: Footer
-
Урок 64. 00:02:11Week 2 Project: Neighborhood page
-
Урок 65. 00:02:12Week 3 Overview and Project
-
Урок 66. 00:14:50Designer Spotlight — Elizabeth Goodspeed
-
Урок 67. 00:02:11Introduction to Color
-
Урок 68. 00:08:21Color Relationships
-
Урок 69. 00:05:06CMYK vs. RGB
-
Урок 70. 00:01:57Color Interactions
-
Урок 71. 00:10:51Color, Brands and Emotions — Part 1
-
Урок 72. 00:07:29Color, Brands and Emotions — Part 2
-
Урок 73. 00:06:14Tips for Creating Color Palettes
-
Урок 74. 00:05:06Exercise: Checking your wireframe's contrast
-
Урок 75. 00:06:18Exercise: Eyedropping photography
-
Урок 76. 00:01:47Exercise: Create a complementary palette
-
Урок 77. 00:03:35Exercise: Create an analogous palette
-
Урок 78. 00:02:08Exercise: Create a monochromatic palette
-
Урок 79. 00:01:45Exercise: Try it on two more photos
-
Урок 80. 00:01:30Exercise: Review + share color palettes!
-
Урок 81. 00:08:38Color Inspiration
-
Урок 82. 00:00:23Quick Look: SuperHi Color Guide
-
Урок 83. 00:15:34Industry Talks — Laura Bohill
-
Урок 84. 00:05:42Typography Introduction + Anatomy
-
Урок 85. 00:02:47Serif: Old Style
-
Урок 86. 00:03:42Serif: Transitional
-
Урок 87. 00:03:12Serif: Modern
-
Урок 88. 00:03:13Serif: Slab
-
Урок 89. 00:02:56Sans Serif: Humanist
-
Урок 90. 00:03:33Sans Serif: Geometric
-
Урок 91. 00:03:34Sans Serif: Transitional
-
Урок 92. 00:01:34Script Typefaces
-
Урок 93. 00:02:41Display Typefaces
-
Урок 94. 00:01:57Pixel Typefaces
-
Урок 95. 00:02:26Monospaced Typefaces
-
Урок 96. 00:05:19How To Choose the Right Typeface
-
Урок 97. 00:07:17Typefaces In Use: Case Studies
-
Урок 98. 00:08:56Exercise: Choosing typefaces for families
-
Урок 99. 00:10:01Exercise: Choosing typefaces for digital nomads
-
Урок 100. 00:09:48Exercise: Choosing typography for foodies
-
Урок 101. 00:05:38Exercise: Choosing typography for photographers
-
Урок 102. 00:00:44Quick Look: SuperHi Typography Guide
-
Урок 103. 00:12:39Introduction to Accessibility
-
Урок 104. 00:05:56Exercise: Checking color contrast
-
Урок 105. 00:00:28Quick Look: SuperHi Accessibility Guide
-
Урок 106. 00:19:33Industry Talks — Tatiana Mac
-
Урок 107. 00:04:45Week 3 Project Overview
-
Урок 108. 00:30:40Adding Typography to The Block
-
Урок 109. 00:19:12Adding Color to The Block
-
Урок 110. 00:16:51Adding Photography: Hero
-
Урок 111. 00:05:26Adding Photography: Homepage
-
Урок 112. 00:05:05Adding Photography: Neighborhood
-
Урок 113. 00:09:46Adding Icons to The Block
-
Урок 114. 00:01:32Week 4 Overview + Project
-
Урок 115. 00:06:27What is a Brand?
-
Урок 116. 00:08:58The Branding Process
-
Урок 117. 00:11:45Reviewing Brand Identity: Google
-
Урок 118. 00:12:13What Makes Brands Successful?
-
Урок 119. 00:03:59Project 4 Overview + Brief
-
Урок 120. 00:04:38Understanding the Problem
-
Урок 121. 00:07:54Conducting Market Research
-
Урок 122. 00:02:53Figuring Out Your Target Audience
-
Урок 123. 00:17:18Brand Questionnaire
-
Урок 124. 00:07:45Moodboarding
-
Урок 125. 00:11:19Naming Your Brand + Designing Your Logo
-
Урок 126. 00:01:51Week 5 Overview
-
Урок 127. 00:37:46Industry Talks — Noemie Le Coz
-
Урок 128. 00:03:44Visual Identity: Moodboard
-
Урок 129. 00:15:57Visual Identity: Color Palette Exploration
-
Урок 130. 00:18:33Choosing A Final Color Palette
-
Урок 131. 00:11:24Visual Identity: Type Pairing 1
-
Урок 132. 00:05:50Visual Identity: Type Pairing 2
-
Урок 133. 00:07:02Visual Identity: Final Type Pairings
-
Урок 134. 00:04:59Visual Identity: Type Setting + Writing About Choices
-
Урок 135. 00:05:47Visual Identity: Graphic Elements
-
Урок 136. 00:06:20Visual Identity: Brand Voice
-
Урок 137. 00:02:11What Are Brand Guidelines?
-
Урок 138. 00:14:55Brand Guidelines Examples
-
Урок 139. 00:07:03Brand Guidelines Overview
-
Урок 140. 00:05:08Brand Guidelines: Title + Table of Contents
-
Урок 141. 00:05:58Brand Guidelines: Moodboard + Introduction
-
Урок 142. 00:05:53Brand Guidelines: Logo
-
Урок 143. 00:03:02Brand Guidelines: Color
-
Урок 144. 00:14:52Brand Guidelines: Typography
-
Урок 145. 00:11:44Finishing Brand Guidelines
-
Урок 146. 00:14:59Deron Millay Interview
-
Урок 147. 00:01:41Week 6 Overview
-
Урок 148. 00:12:39Introduction to Responsive Design
-
Урок 149. 00:10:01Design Systems
-
Урок 150. 00:14:04Web Do's + Dont's
-
Урок 151. 00:07:55Week 6 Project Introduction
-
Урок 152. 00:09:04Navigation + Hero
-
Урок 153. 00:04:13Hero Inspiration
-
Урок 154. 00:05:33Hero Layout Variations
-
Урок 155. 00:02:23Creating Animated GIFs for Hero Sections
-
Урок 156. 00:00:31Final Hero Design
-
Урок 157. 00:10:46Blog Section
-
Урок 158. 00:02:33Blog Section Inspiration
-
Урок 159. 00:03:26Optimizing Images for the Web
-
Урок 160. 00:05:16Fun Fact Section
-
Урок 161. 00:07:44Donation Cards
-
Урок 162. 00:12:01Get Involved Section
-
Урок 163. 00:04:54Logo Garden
-
Урок 164. 00:04:20Finishing Homepage Design
-
Урок 165. 00:08:56Donation Popup Part 1
-
Урок 166. 00:09:26Donation Popup Part 2
-
Урок 167. 00:12:26Finishing Donation Popup Flow
-
Урок 168. 00:13:02Prototyping in Figma
-
Урок 169. 00:23:58Industry Talks: Victoria Jung
-
Урок 170. 00:04:59Week 7 Introduction
-
Урок 171. 00:04:12Designing with Code Introduction
-
Урок 172. 00:08:34What is a website, anyway?
-
Урок 173. 00:03:10Content and Style in Figma
-
Урок 174. 00:09:35HTML + CSS
-
Урок 175. 00:05:45Adding Links
-
Урок 176. 00:04:46Grouping Tags
-
Урок 177. 00:05:19Intro to CSS Grid
-
Урок 178. 00:05:51Intro to Flexbox
-
Урок 179. 00:04:02Fixed Positioning
-
Урок 180. 00:04:35Hover States
-
Урок 181. 00:05:48Responsive Design + Media Queries
-
Урок 182. 00:03:28SEO + Accessibility Basics
-
Урок 183. 00:06:57Developer Review: The Beach Collective
-
Урок 184. 00:06:26Mobile Best Practices: Interactions
-
Урок 185. 00:03:06Mobile Best Practices: Adapting Your Content
-
Урок 186. 00:09:58Mobile Best Practices: Images
-
Урок 187. 00:03:46Mobile Best Practices: Typography
-
Урок 188. 00:08:24Mobile Best Practices: Navigation
-
Урок 189. 00:08:34Project: Mobile Grid + Getting Started with Figma Mirror
-
Урок 190. 00:04:25Project: Mobile Navigation
-
Урок 191. 00:08:12Project: Mobile Hero + Sticky Nav
-
Урок 192. 00:04:51Project: Setting up Mobile Type Scale
-
Урок 193. 00:04:10Project: About Section
-
Урок 194. 00:07:55Project: Blog + Designing Lists for Mobile
-
Урок 195. 00:03:27Project: Quote
-
Урок 196. 00:09:37Project: Donate + Designing Mobile Carousels
-
Урок 197. 00:13:45Project: Get Involved + Designing Mobile Grids
-
Урок 198. 00:01:58Project: Mobile Logo Garden
-
Урок 199. 00:02:54Project: Finishing Mobile Homepage
-
Урок 200. 00:15:21Project: Donation Screen + Mobile Form UI
-
Урок 201. 00:05:10Finishing Up with a Mobile Prototype
-
Урок 202. 00:15:16Designer Spotlight — Carolyn Zhang
-
Урок 203. 00:01:07Week 8 Intro
-
Урок 204. 00:01:18Capstone Brief
-
Урок 205. 00:07:59Step 1 — Finding your book
-
Урок 206. 00:01:47Step 2 — Determining your project
-
Урок 207. 00:06:55Project Ideas
-
Урок 208. 00:01:08Step 3 — Designing your project
-
Урок 209. 00:01:35Step 4 — Documenting your process
-
Урок 210. 00:02:07Step 5 — Writing your case study
-
Урок 211. 00:04:11Our Project: Picking our book
-
Урок 212. 00:10:49Our Project: Designing Camp Mate
-
Урок 213. 00:00:51Camp Mate Prototype
-
Урок 214. 00:09:56Our Project: Camp Mate case study
-
Урок 215. 00:12:46Case Study Examples
-
Урок 216. 00:09:47What's Next?
![[Книга] Разработка пользовательских интерфейсов logo](https://cdn.coursehunter.net/courses/510x622/kniga-razrabotka-polzovatelskih-interfeysov.webp)
