Проектирование и Дизайн Интерфейсов

Проектирование и Дизайн Интерфейсов

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

Цель курса — полноценная, поэтапная разработка части игрового проекта, которым вы сможете украсить своё портфолио. Курс будет полезен начинающим художникам, горящим начать карьеру в игровой индустрии в качестве 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 формате

 

ПОДАТЬ ЗАЯВКУ НА КУРСЫ 

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

Демидова Анна,

отзыв: «Всем привет, хочу поделиться своими впечатлениями по поводу прохождения курса «Дизайн интерфейсов» с Анной Магиевой.

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

Понятное дело, что после оплаты все само не сделается и деньги не залог успеха, но лично для меня это все же тот самый триггер, который так давно был мне нужен. Х)

В лекциях узнала много полезностей от начального подхода до решения крупных задачек. Было интересно и познавательно. Спасибо, что ждете опаздунов, которые хотят успеть все сразу и побольше :)»

работа:

 

Безрукова Ирина,

отзыв: «Прошла курс “Проектирование и дизайн интерфейсов” летом 2019, в сжатые сроки получила приличный объем информации по дизайну и отрисовала собственный небольшой проект. Программа насыщенная, разносторонняя, от меня, как человека, не сведущего в дизайне, потребовала больше времени в освоении теории нежели отрисовке непосредственно кнопок, ассетов и пр. Огромное спасибо Анне и организаторам за отзывчивость и быструю обратную связь, а также своевременное решение проблем с трансляциями. Лично моими целями было исследование профессии UI/UX Artist изнутри и более глубокое освоение Adobe Illustrator, получила же в разы больше. Рекомендую этот курс всем, кто хочет развиваться в направлении UI/UX.»

работа:

 

Васенина Галина,

отзыв: «Добрый день, спасибо большое за курсы! Очень долго сомневалась перед тем, как их приобрести, но сейчас с уверенностью могу сказать, что ни копейки зря не потратила 🙂

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

работа:

 

Ростовцева Ирина,

отзыв: «Интересный курс для тех, кто решил, что хочет создавать графику для игр. Было рассмотрено много моментов, о которых я ранее даже не подозревала. В течение обучения я узнала для себя много интересных фишек в фотошопе, которыми ранее не пользовалась. А еще, не зная совсем иллюстратор, теперь вполне могу в нем работать. Анна всегда доступно отвечала на все наши вопросы, если на видеоразборе просили показать, как рисуется что-то, она без проблем показывала и рассказывала. Также преподаватель всегда советовала, как можно улучшить экраны. Анна, спасибо! По сути, за курс мы сделали практически всю игру. Пришлось нарисовать много графики. Я узнала, что такое UX/UI, что работа такого художника заключается не только в красивых картинках, что можно собрать прототип игры и это реально интересно. Много было информации о поиске работы в качестве UX/UI художника, как подготовится к собеседованию, и как оно проходит. Интересно было послушать о личном опыте преподавателя. В целом, я считаю, что не зря подавала заявку и на 100% заверяю, что для меня курс был очень полезен.»

работа:

 

Смагина Евгения,

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

Я очень благодарна Анне Магиевой и школе ArtNest за такой замечательный курс!»

работа:

 

Фёдорова Виктория,

отзыв: «Курс ориентирован на понимание построения интерфейса, как с технической, так и с художественной стороны. Анна — самый лояльный преподаватель в этой вселенной,
расскажет как сделать игру понятной и красивой. О том как работать с референсами и шрифтами, как акцентировать внимание игрока на нужных вам элементах. И не только как это сделать, но и почему лучше сделать именно так. Приятно, что всегда можно написать преподавателю в личку, если что-то недопонял или нужен совет.

Для меня курс был очень полезен, я получила много нужной информации.
Спасибо команде ArtNest!)»

работа: