Главная Проекты Дизайн игры "Бармен" для Вконтакте

barmen

Дизайн игры "Бармен" для Вконтакте

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

Краткое техническое задание:

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

Этапы работы над проектом:

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

http://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_1.jpg

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

http://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_2.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_3.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_4.jpg

3 Разработка нижней панели: меню иконками и тулбар друзей. Несколько вариантов, предлагаемых в процессе работы:

http://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_5.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_6.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_7.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_8.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_9.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_10.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_11.jpg

4 Винный магазин. Необходимо было использовать уже готовые, предоставленные Заказчиком, иконки продукции. Сперва предложено 2 варианта оформления.

http://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_12.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_13.jpg

5 Винный магазин. Вносятся исправления согласно пожеланиям Заказчика:

http://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_14.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_15.jpg

6 Доступные рецепты. Задача аналогична.

http://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_16.jpg

7 Магазин интерьера. Первый вариант не подошел. Было решено остановиться на уже подобранной цветовой схеме.

http://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_17.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_18.jpg

8 Разработка диалоговых окон. Окно подсказки. Кнопки "Обслужить", "Отказать", "Чаевые". Окно, в котором рассказывается об игре. Окно "Пригласить друзей". Окно "Новости". Окно "Обменный пункт".

http://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_20.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_21.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_22.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_23.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_24.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/20_Barmen/barmen_25.jpg