Мастер-класс
Без дедлайнов

Графсистема UI‑дизайн

User Interface — визуальная составляющая интерфейсов. Окна, плашки, кнопки и вот это вот всё.
Купить
Порядок прохождения

Что такое графсистема?

Комбинация элементов и принципов по определённым правилам.

Графсистема строится на правилах дизайна элементов и принципах вёрстки. Усиливает насмотренность дизайнера.

Что такое графсистема UI‑дизайн?

Пользовательский интерфейс (User‑Interface)

В отличие от UX, в котором мы проектируем логику, UI отвечает за визуальную составляющую интерфейсов. Окна, плашки, кнопки и вот это вот всё. То, ради чего строятся дизайн-системы. Изучая UI мы подойдём к нему как графические дизайнеры — нарушим границы интерактивных правил. Поймём, что над современными интерфейсами можно шутить и иронизировать, переводя их в плоскость статичных макетов графдизайна. Это отдушина для тех, кто занимается серьёзными диджитал-продуктами.

Вадим Гранич
автор дизайн-системы

Исследование базируется на дизайн-системе Школы

Исследование проходит по 6 элементам дизайна и 3 принципам вёрсткиВ Школе мы придерживаемся структурного подхода. Для этого у нас разработана своя терминология, которая вобрала в себя лучшее из современного графического дизайна

Вы сможете создать плакат

При покупке пакета «Макет с нуля»

Если вы купите пакет «Макет с нуля» — вы создадите макет с нуля по графсистеме UI‑дизайн под руководством куратора

Марина Соловьева
Графсистема UI‑дизайн
Алексей Мельниченко
Графсистема UI‑дизайн
Андрей Жилин
Графсистема UI‑дизайн
Мария Лосева
Графсистема UI‑дизайн
Виолетта Киевская
Графсистема UI‑дизайн
Павел Островлянчик
Графсистема UI‑дизайн
Бакытжан Бакбергенулы
Графсистема UI‑дизайн
Татьяна Попова
Графсистема UI‑дизайн
Сорокина Елизавета
Графсистема UI‑дизайн
Коротенко Дарья
Графсистема UI‑дизайн
Анна Князило
Графсистема UI‑дизайн
Артём Ворошнин
Графсистема UI‑дизайн
Пакет

Презентация

  • PDF-презентация Наглядная презентация, в которой бережно разжёвано всё главное, что вам следует знать о графсистеме

  • Видеолекция Видеозапись разбора презентации. Для тех, кто хочет слушать и получать дополнительные комментарии по слайдам

  • Домашнее задание Домашнее задание поможет закрепить на практике понимание графсистемы

  • Индивидуальный разбор ДЗ Куратор запишет для вас видеоразбор ДЗ, где поможет определить ошибки и даст рекомендации

  • Макет в портфолио Куратор поможет создать макет с нуля по графсистеме для вашего портфолио

  • Презентация лучших бесплатных материаловДля более комфортного создания макета, вы получите презентацию с перечислением площадок с лучшими бесплатными материалами для графдизайна

900
∞ Бессрочный доступ
Пакет

Видеоформат

  • PDF-презентация Наглядная презентация, в которой бережно разжёвано всё главное, что вам следует знать о графсистеме

  • Видеолекция Видеозапись разбора презентации. Для тех, кто хочет слушать и получать дополнительные комментарии по слайдам

  • Домашнее задание Домашнее задание поможет закрепить на практике понимание графсистемы

  • Индивидуальный разбор ДЗ Куратор запишет для вас видеоразбор ДЗ, где поможет определить ошибки и даст рекомендации

  • Макет в портфолио Куратор поможет создать макет с нуля по графсистеме для вашего портфолио

  • Презентация лучших бесплатных материаловДля более комфортного создания макета, вы получите презентацию с перечислением площадок с лучшими бесплатными материалами для графдизайна

1800
∞ Бессрочный доступ
Пакет

C заданием

  • PDF-презентация Наглядная презентация, в которой бережно разжёвано всё главное, что вам следует знать о графсистеме

  • Видеолекция Видеозапись разбора презентации. Для тех, кто хочет слушать и получать дополнительные комментарии по слайдам

  • Домашнее задание Домашнее задание поможет закрепить на практике понимание графсистемы

  • Индивидуальный разбор ДЗ Куратор запишет для вас видеоразбор ДЗ, где поможет определить ошибки и даст рекомендации

  • Макет в портфолио Куратор поможет создать макет с нуля по графсистеме для вашего портфолио

  • Презентация лучших бесплатных материаловДля более комфортного создания макета, вы получите презентацию с перечислением площадок с лучшими бесплатными материалами для графдизайна

2500
∞ Бессрочный доступ
Пакет

Макет с нуля

  • PDF-презентация Наглядная презентация, в которой бережно разжёвано всё главное, что вам следует знать о графсистеме

  • Видеолекция Видеозапись разбора презентации. Для тех, кто хочет слушать и получать дополнительные комментарии по слайдам

  • Домашнее задание Домашнее задание поможет закрепить на практике понимание графсистемы

  • Индивидуальный разбор ДЗ Куратор запишет для вас видеоразбор ДЗ, где поможет определить ошибки и даст рекомендации

  • Макет в портфолио Куратор поможет создать макет с нуля по графсистеме для вашего портфолио

  • Презентация лучших бесплатных материаловДля более комфортного создания макета, вы получите презентацию с перечислением площадок с лучшими бесплатными материалами для графдизайна

3500
∞ Бессрочный доступ
Оформить корпоративное обучение
Работаем через ЭДО Диадок. Для старта напишите нам на почту hello@granich.design
Оплата из-за рубежа
Также у нас есть прием платежей из-за рубежа. Чтобы начать оплату перейдите к заполнению обычной формы ↑
Оплата мастер-классa в подарок
Вы можете купить мастер-класс в подарок. Для этого в форме оплаты введите почту человека, которому хотите подарить мастер-класс. После оплаты напишите нам на
hello@granich.design
сообщение, что вы сделали подарок. Мы отправим этому человеку поздравительный сертификат.
Не переживайте, если почта окажется неправильная/нерабочая, мы сможем поменять её
Вопросы по обучению пишите:

Урок по системе UI‑дизайн

По графсистеме UI есть урок на ютубе Школы. В нём я точечно разбираю построение объёмных матовых UI‑плашек. Урок идёт как полезное дополнение к этому мастер‑классу.