Проектирование и Дизайн Интерфейсов
Базовый курс рассчитан на ознакомление с основами и спецификой проектирования игровых интерфейсов.
Цель курса — полноценная, поэтапная разработка части игрового проекта, которым вы сможете украсить своё портфолио. Курс будет полезен начинающим художникам, горящим начать карьеру в игровой индустрии в качестве UX/UI дизайнеров.
В начале курса каждый студент выберет тему для заданного жанра игр. Я расскажу, как работать с документацией, покажу весь необходимый инструментарий, обозначу основные цели проектирования и помогу в создании ассетов. Для курса необходимо иметь Adobe Illustrator, Adobe Photoshop желательно не ниже CS6 в идеале СС, Microsoft PowerPoint и зарегистрироваться на сайте InVision (https://www.invisionapp.com/).
Курс продлится 2 месяца и состоит из 8 заданий и 8 разборов. Каждую неделю будет доступна новая лекция с информацией, необходимой для выполнения домашнего задания.
Прошу обратить внимание, для прохождения курса необходимо базовое художественное образование и умение пользоваться графическим пакетом Adobe. Основное внимание будет уделено вопросам дизайна и прототипированию.
В конце курса у вас будет 2 недели для финальных правок в презентации.
Стоимость курса — 10.000р
Лекция 1
- Обзор профессии, цели и полезные навыки
- Обзор задач и основных этапов в создании игровых интерфейсов
- Разбор задания от гейм дизайнера
Домашнее задание:
- Поиграть и проанализировать 3 игры, присмотреться как работают функционалы из технического задания.
- Список игр Candy Crash любая часть(King), Booty Quest (Outplay), Bejeweled classic, Jelly Blast, Cookie Cat. Выберите как минимум 3
- Собрать скриншоты и описать что вам понравилось, а что нет в дизайне выбранных игр
Лекция 2
- Поиск референсных материалов
- Оформление материалов для последующей работы в moodboards
- Формирование визуального стиля интерфейса
Домашнее задание:
- Оформить первые слайды презентации с референсными материалами.
- Я попрошу вас найти материалы для фона игры, просто что бы было от чего оттолкнуться (создайте очень простой фоновый рисунок или даже просто градиент что бы мы могли примерять части интерфейса), важно что бы задник был достаточно тёмный.
- Набросайте первые скетчи (3 иконки бустов, 2 кнопки, 2 бекграунда, 4 фишки).
Лекция 3
- Создание UX flow
- Выбор разрешения
- Работа с артбордами в Adobe Illustrator и Photoshop
- Работа с модульными сетками
Домашнее задание:
- Создать блоксхему (дерево) фичи
- Раскидать элементы интерфейса по сетке
Лекция 4
- Разбор основных категорий элементов UI ассетов
- Работа с библиотеками
- Работа с символами
- Кликабельный прототип
Домашнее задание:
- Создать библиотеки с тянущимися символами
- Создать кликабельный прототип в InVision
Лекция 5
- Создание финальной графики (полезные инструменты)
- Сведение графики (финальные mockup)
Домашнее задание:
- Создать основные элементы (3 иконки бустов, 2 бека, 2 кнопки, 2 блокера, 4 фишки), собрать всё в одну картинку
- Усложнение: 5 фишек, стадии разрушения для блокеров, горизонтальный лейаут для основного игрового меню
Лекция 6
- Выбор шрифтов
- Особенности работы со шрифтами
- Эффекты
Домашнее задание:
- Выбрать и вставить шрифты в финальную работу
Лекция 7
- Создание игрового логотипа
Домашнее задание:
- Придумать и нарисовать лого
Лекция 8
- Оформление проекта в портфолио
- Полезная информация о портфолио
Домашнее задание:
- Оформить слайды в портфолио, желательно в .pdf формате
Вера administrator
14 комментариев
ЕкатеринаДата:3:45 пп - Ноя 23, 2017
Добрый день! Чисто теоретически, возможно ли на курсе обойтись средствами фотошопа, и не использовать иллюстратор?
EliorisДата:7:16 дп - Ноя 24, 2017
Здравствуйте, Екатерина!
Фотошоп можно будет использовать как альтернативу Иллюстратору, но в таком случае Вы будете работать менее эффективно.
ЛюбовьДата:4:09 пп - Ноя 23, 2017
Добрый вечер! Простите но в описании у вас закралась ошибка
«Лекция 5
Создание финальной графики (инструментарий)
Сведение графики (финальные mockup)
Задание: создать основные элементы (3 иконки, 3 писа, 2 бека, 2 кнопке), собрать всё в одну картинку.»
3 иконки, 3 лица, 2 бека, 2 кнопки- надеюсь правильно поняла как исправить.
С уважением, Любовь
МироделДата:6:35 пп - Янв 25, 2018
Здравствуйте. А когда, собственно, начнется курс? Вот уже конец января.
EliorisДата:8:23 дп - Янв 26, 2018
Добрый день!
Курс уже идёт, начался 15 января в соответствии с расписанием. По нашим данным 25 декабря Вам был отправлен запрос на подтверждение заявки, но письмо не было прочитано. Проверьте, пожалуйста, возможно оно попало в спам. Мы можем перенести Вас в очередь на повтор курса 9 июля.
МироделДата:9:46 дп - Янв 27, 2018
Понятно. 25 декабря мне ничего не приходило, почту проверял постоянно. Укажите, пожалуйста, мою заявку как подтвержденную и перенесите на ближайший курс. А почему только 9 июля? 0_0
EliorisДата:1:21 пп - Фев 8, 2018
Добрый день! Приносим свои извинения за перебои в работе почты Artnest.ru, мы протестировали и сменили способ рассылки, теперь всё будет работать корректно. Спасибо за информацию!
Мы повторяем курсы, в среднем, каждые полгода.
СергейДата:3:38 пп - Апр 8, 2018
В курсе «Проектирование и Дизайн Интерфейсов» меня в первую очередь интересовала разница в подходах к проектированию веб-дизайна и игровой индустрии. Поскольку текущей деятельностью для меня является как-раз веб-дизайн, я искал точки соприкосновения и пути перехода в игровой дизайн. Хочу выразить благодарность студии ArtNest и лично тренеру Анне Магиевой за организацию этого курса и за подробные ответы на интересующие вопросы.
Что касается содержания самого курса, могу сказать, что это было интересно и полезно. Набор заданий охватывает практически все аспекты работы UI-дизайнера, от анализа концепции и проектирования прототипа до финальной отрисовки графики. Кстати, говоря о графике и навыке отрисовки объектов интерфейса, задумался о прохождении курса «Основы Игровой Графики» для прокачки скилла. Без этого навыка задача сильно усложняется и страдает скорость.
Хотелось бы получить побольше углубленных знаний и навыков, таких как подготовка графики к передаче разработчикам, особенности разных игровых платформ — мобилки и десктоп, анимация, основа работы UI-дизайнера c каким-либо движком и еще что-нибудь, о чем я пока и не подозреваю 🙂 Я понимаю, что это уже информация не для новичков, а для людей, желающих зайти в профессию. Но т.к. я отношусь к таким людям, хотелось бы однажды увидеть подобный углубленный курс.) В остальном я остался доволен тем, что прошел эти 8 заданий и дошел до конца. Еще раз спасибо, успехов и развития! А я пошел пилить экраны игр! 😉
ЛенаДата:12:11 пп - Янв 23, 2019
Здравствуйте, подскажите пожалуйста, когда начнется ближайший курс?
moderatorДата:6:41 пп - Янв 30, 2019
Здравствуйте! Старт курса назначен на 1 июня, соответственно за месяц до начала (т.е. с 1 мая) начнется набор в группу. Следите за письмами в вашем почтовом ящике в мае!
ВераДата:6:44 дп - Ноя 26, 2019
Здравствуйте!
Курс стартует 20 августа 2020 года, за месяц до начала (т.е. с 20 июля) начнется набор в группу.
МаргаритаДата:9:04 дп - Дек 1, 2019
А есть ли хоть какая то Надежда получить подобный курс, или какое либо обучение в дизайне интерфейса раньше? Очень бы хотелось получить данные знания.
Об авторе