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

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

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

Visual Design + Branding

superhi.com

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

Начать Сейчас

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

24 ч 24 мин

Категория

Другое (Graphic)

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

216 Видео

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

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

Язык

Английский

Наш гибкий 8-недельный онлайн-курс дает основы адаптивного веб-дизайна, пользовательских интерфейсов и брендинга. Он предназначен для тех, кто хочет улучшить свои навыки цифрового дизайна, понять, что делает дизайн эффективным, и создавать уверенный дизайн.

Вы изучите элементы, принципы и иерархию визуального дизайна; процесс брендинга (от исследования до окончательного дизайна); как выбирать цвета; практические советы и способы улучшить свои навыки проектирования пользовательского интерфейса; как разрабатывать адаптивные решения для разных типов устройств и многое другое!

Если вы новичок в дизайне или просто хотите освежить и улучшить свои навыки цифрового дизайна, наш курс «Визуальный дизайн + брендинг» обеспечит уникальную практическую основу дизайна.

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

Посмотреть больше

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

Урок 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

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