Главная страницаКатегория другое (graphic)Визуальный дизайн + брендинг

Визуальный дизайн + брендинг

Name: Визуальный дизайн + брендинг
Price: 12.5 USD
Rating: 5 (20 reviews)

Visual Design + Branding

superhi.com

★5 (всего оценок - 20)

Продолжительность

24 ч 24 мин

Категория

Другое (Graphic)

Количество уроков

216 Видео

Дата добавления

25 дек. 2021 г., 20:51

Язык

Английский

Дата обновления

29 апр. 2026 г., 13:40

Визуальный дизайн + брендинг — это практический путь к созданию стильных, понятных и запоминающихся цифровых продуктов. Курс помогает системно развить дизайнерское мышление, освоить современные инструменты визуальной коммуникации и уверенно работать с интерфейсами и брендами.

Что вы изучите на курсе

Программа охватывает ключевые темы, необходимые современному цифровому дизайнеру — от основ визуального языка до построения бренд-идентичности и адаптивных интерфейсов.

Основы визуального дизайна

Элементы и принципы композиции
Визуальная иерархия и работа с акцентами
Выбор цвета, типографика и модульные сетки
Типичные ошибки и практические рекомендации по UI

Брендинг и создание идентичности

Анализ аудитории и исследование конкурентов
Разработка визуального стиля и ключевых атрибутов бренда
Создание логотипа и бренд-гайда
Построение целостной коммуникации бренда

Адаптивный веб-дизайн и интерфейсы

Принципы адаптации интерфейсов для разных устройств
Создание прототипов и макетов для desktop и mobile
Доступность, юзабилити и современные UI-паттерны

Работа с дизайн-системами

Зачем нужны компонентные библиотеки
Как создавать масштабируемые UI-решения
Поддержание визуальной согласованности в команде

Навыки презентации и работы с заказчиком

Как презентовать дизайн и аргументировать решения
Как собирать и обрабатывать фидбек
Как сформировать уверенный рабочий процесс

Почему этот курс вам подойдет

Курс идеально подходит новичкам и дизайнерам, которые хотят структурировать и обновить знания. Благодаря сочетанию теории и практики вы сможете быстрее расти профессионально и создавать дизайн, который работает.

Преимущества обучения

Пошаговая структура — от основ к сложным проектам
Практика на реальных типах задач
Развитие как визуальной культуры, так и технических навыков
База для формирования собственного портфолио

Итог курса

После прохождения курса вы научитесь уверенно работать с визуальным стилем и создавать бренды, проектировать адаптивные интерфейсы, строить дизайн-системы и профессионально презентовать дизайн-решения. Это фундамент, который поможет вам развиваться в digital-дизайне и создавать действительно сильные работы.

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

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

Автор - superhi.com

superhi.com

Мы делаем онлайн-курсы, которые помогают творческим людям выделиться. Узнайте, как писать, разрабатывать и управлять проектами в нашем глобальном сообществе!

+103