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

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

В этом курсе я рассказываю о специфике проектирования и дизайна игровых интерфейсов.

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

В начале курса каждый студент выберет тему для заданного жанра игр. Я расскажу, как работать с документацией, покажу весь необходимый инструментарий, обозначу основные цели проектирования и помогу в создании ассетов. Для курса необходимо иметь Adobe Illustrator, Adobe Photoshop желательно не ниже CS6 в идеале СС, Microsoft PowerPoint и зарегистрироваться на сайте InVision (https://www.invisionapp.com/).

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

Стоимость курса — 10.000р

 

Лекция 1

  • Обзор темы, задач и основных этапов в создании игровых интерфейсов
  • Разбор задания от гейм дизайнера

Домашнее задание:

  • поиграть и проанализировать 3 игры, присмотреться как работают функционалы из технического задания.
  • Список игр Candy Crash любаячасть(King), Booty Quest (Outplay), Bejeweled classic, Jelly Blast, Cookie Cat. Выберите как минимум 3

 

Лекция 2

  • Поиск референсных материалов
  • Оформление материалов для последующей работы
  • Формирование визуального стиля интерфейса (sketch)

Домашнее задание:

  • Оформить первые слайды презентации с референсными материалами.
  • Я порошу вас найти материалы для фона игры просто что бы было от чего оттолкнуться (это может быть просто картинка из интернета которую вы будите использовать просто что бы смотреть читабильность объектов), важно что бы задник был достаточно тёмный.
  • Набросайте первые скетчи (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

9 комментариев

ЕкатеринаДата: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 заданий и дошел до конца. Еще раз спасибо, успехов и развития! А я пошел пилить экраны игр! 😉

Добавить комментарий для Екатерина Отменить ответ

wp-puzzle.com logo