Дизайн игровых интерфейсов

UI / UX

 
ui-ux-дизайн-для-игр-cg-lab.jpg
 

Онлайн курс «Дизайн игровых интерфейсов»

программы: Photoshop, Figma, vectary

БЛИЖАЙШИЙ ПОТОК: 13 мая - 9 августа

 

Мечтаете стать востребованным специалистом в геймдеве?

Создать свой первый UI/UX проект в портфолио?

Освоить логику игровых интерфейсов и рисовать их с полного нуля?

 

На этом курсе мы затронем все аспекты актуальной профессии UI/UX дизайнер и художник игр.

От отрисовки иконок и продумывания функциональности интерфейса до нарезки материалов для программистов и других дизайнеров.

Оформленный проект с курса можно положить в портфолио и использовать для поиска работы художником и/или дизайнером игровых интерфейсов.

 

Автор и кураторы

ui-ux-дизайнер.jpg
 
 

Михаил Кравченко

Автор курса, UI/UX дизайнер, игровой и концепт художник в Mail.Ru

Больше 10 лет я занимаюсь разработкой интерфейсов.

Делал UI/UX для различных мобильных и браузерных приложений (шутеры, казуальные игры), карточной игры, а также для ААА MMORPG Skyforge под ПК, Playstation и Nintendo Switch.

Создавал концепт арт для Skyforge и внутриигровой арт для других игр.

Кушнер Кристина

Куратор курса, Lead UI/UX Artist в My Games, студия Whalekit

6+ лет в геймдеве

В мои обязанности входит контроль создания пользовательских интерфейсов в проектах нашей студии.

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

Последний проект: Warface GO

 
 
 
 
ui-ux-дизайнер-игр-cg-lab.jpg
 

Структура курса

 

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

Подробнее об этом в программе ниже.

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

На курсе используется векторная и растровая графика, а также простой 3D софт.

 

 

Длительность курса: 8 недель + месяц на финализацию работы с возможностью запросить критику у преподавателя.

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

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

  • Поддержка преподавателя 24/7. Можно писать любые вопросы в личку.

  • Также ученики получают бессрочный доступ на закрытый Discord-сервер школы CG LAB с массой полезного материала, разбитого по удобным категориям. На сервере вас ждут возможности для поиска работы и дружелюбное коммьюнити. Ученики школы помогают друг другу, дают полезные советы и даже устраивают внутренние челленджи!

 
 

Программа

художник-по-интерфейсам-ui-ux.jpg
 
 
 

Неделя 1: Проектирование простого интерфейса

Процесс создания интерфейса для игры. Основные элементы интерфейса. Читабельность надписей, принципы работы с текстом.

UX: подготовка к проектированию, процесс проектирования простого интерфейса.

 

 
 

Неделя 2: Проектирование сложного интерфейса

Построение визуальной иерархии в интерфейсе.

UX: базовые принципы проектирования, процесс проектирования сложного интерфейса.


 
 

Неделя 3: Рисование иконок

Процесс поиска визуального стиля для интерфейса.

Создание интерфейсной графики на примере иконки.

Скетч > лайнарт > базовый цвет > 3D болванка > текстуры, детали, эффекты.

Сборка реф-борда с примерами оформления интерфейсов.


 
 

Неделя 4: Набросок оформления простого интерфейса

Процесс создания наброска оформления интерфейса на примере простого окна.

Скетч > лайнарт > базовый цвет > 3D болванка > текстуры, детали, эффекты.


 
 

Неделя 5: Набросок оформления сложного интерфейса

Сборка наброска сложного окна из элементов наброска простого окна. Принципы расположения и группировки элементов интерфейса.


 
 

Неделя 6: Простой интерфейс в финальном качестве

Работа с векторной графикой, векторные иконки. Отрисовка простого интерфейса в финальном качестве.

Набросок > векторные формы > цвет и эффекты слоя > текстуры и детали.


 
 

Неделя 7: Сложный интерфейс в финальном качестве

Подготовка графики для сборки интерфейса программистами.

Бесшовные текстуры, нарезка и нейминг. Создание UI KIT’а. Сборка макета сложного интерфейса.

NEW! Большой бонусный блок “Figma для UI/UX дизайнера игровых интерфейсов”.

Блок максимально раскрывает технический потенциал в работе с Figma:

  • основной инструментарий Figma: перемещение объектов и холста, работа с векторными формами и текстом, выравнивание объектов, функция Autolayout

  • компоненты: создание, изменение копий, состояния

  • применение стилей для оформления объектов: создание и редактирование стилей, стили шрифта, цветов, эффектов

  • интерактивные прототипы интерфейсов


 
 

Неделя 8: Портфолио

Разбираемся с тем, зачем нужно портфолио, и что стоит в нём показывать.

Секреты оформления превью проекта. Собираем все наши наработки в финальный красивый проект!

Также у вас будет дополнительный месяц на доработку проекта с возможностью запросить текстовый фидбек.

 

 Работы учеников

 
 
 

Отзывы

 

Вы также всегда можете посмотреть самые свежие отзывы учеников в группе школы в вк >

 
 
 
курс-ui-художник-cg-lab.jpg
 
 

Стоимость курса 36 000 р.

Возможна оплата двумя частями: половина суммы вносится до начала обучения, вторая половина - до конца 2й недели обучения.

Заполните форму ниже, чтобы записаться и оплатить курс или задать вопрос.

 
 
 

Система лояльности школы CG LAB:

При покупке второго курса скидка студента 10%, третьего и более - 15%.

Скидки* за участие в челлендже CG LAB DAILY:

  • 5% за прохождение ежемесячного бесплатного челленджа #cglabdaily

  • 10% за победу команды в #cglabdaily

  • 15% скидка старосты в #cglabdaily

    *Учитывается только максимальная скидка.

  • Скидки за конкурсы и другие челленджи (следите за новостями в наших соцсетях!).

Все скидки суммируются вплоть до 30%!


 FAQ

часто задаваемые вопросы

 

+ Насколько курс простой/вводный?

На курсе мы рассматриваем весь технический процесс создания интерфейса от проектирования до оформления. По ссылкам можете посмотреть примеры проектов, которые делают наши студенты:

На Artstation

На Behance

+ Что такое UI / UX?

UХ - это user experience, UX дизайнер занимается проектированием пользовательского опыта.

UI - это user interface, UI художник или дизайнер рисует и/или делает верстку макетов.

+ В чем разница между художником и дизайнером интерфейсов?

UI artist рисует иконки и другие элементы интерфейса. UI/UX designer - это больше про проектирование и сборку макетов. UI дизайнер в основном занимается работой с графикой - оформлением, версткой, нарезкой макетов. UI/UX дизайнер сперва проектирует интерфейс, а потом красиво рисует, нарезает и отдает программисту.

+ На какую специальность можно идти после данного курса (или повысить квалификацию)?

UI artist и UI/UX designer. В этом и состоит уникальность курса, можно как прокачать навыки по рисованию иконок и окошек, так и освоить логику проектирования интерфейсов.

+ В каком стиле можно создавать свой проект на курсе?

В любом, от казуального и минималистичного до детального реализма. Лекции записаны в максимально сложном по проработке стиле, будто мы рисуем интерфейс для Diablo или Heartstone. В таких играх много рисованных элементов — это поможет подробно осветить рендер в рисунке. Если это не нужно, можно взять стиль проще и сконцентрироваться на других темах обучения. Например, на проектировании.

Главное: подобрать референсы и следовать выбранному стилю, куратор подскажет, если вы свернете не туда. :)

+ На курсе есть 3D - Vectary. Это сложно?

Это простой онлайновый софт, установки не требует. По желанию можно вообще его не использовать, но он облегчает работу со светом и тенью в рисовании. Figma - тоже онлайн, бесплатная и простая в освоении.

+ На какой период предоставляется доступ к лекциям курса?

Доступ бессрочный. После окончания курса можете пересматривать лекции в любое время. Если возникли сложности с доступом — напишите нам.