Главная Проекты Дизайн сайта браузерной игры Beyond Reality

BR

Дизайн браузерной игры "Beyond Reality"

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

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

Страница персонажа: страница должна быть в зелено-голубых тонах. Особых предпочтений к виду персонажа, а также к виду предметов амуниции нет. Необходимо продумать написание названия игры. Желаемое расположение блоков соответствует общепринятому расположению.

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

1 Создание первого наброска. Предлагаем два варианта цветового решения. Заполнение блоков и самого персонажа еще не разработано, имеющиеся объекты добавлены для композиции и цвета.

http://www.lacedaemon.ru/images/stories/Portfolio/12_Beyond_Reality/interface_01_1v.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/12_Beyond_Reality/interface_01_2v.jpg

2 Останавливаемся на синем варианте. Вносятся правки в ширину оформительных границ чата. Примерно заполняется и сам чат. Отмечаются кнопки - какими они будут при наведении.

http://www.lacedaemon.ru/images/stories/Portfolio/12_Beyond_Reality/interface_02_1v.jpg

3 Следующим шагом заполняются сами кнопки. Подбирается их оформление. Предлагаем два цветовых варианта для чата

http://www.lacedaemon.ru/images/stories/Portfolio/12_Beyond_Reality/interface_03_1v.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/12_Beyond_Reality/interface_03_2v.jpg

4 Продолжаем оформлять блоки

http://www.lacedaemon.ru/images/stories/Portfolio/12_Beyond_Reality/interface_04_1v.jpg

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

http://www.lacedaemon.ru/images/stories/Portfolio/12_Beyond_Reality/interface_05_1v.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/12_Beyond_Reality/interface_05_2v.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/12_Beyond_Reality/interface_05_3v.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/12_Beyond_Reality/interface_05_4v.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/12_Beyond_Reality/interface_05_6v.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/12_Beyond_Reality/interface_05_7v.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/12_Beyond_Reality/interface_05_8v.jpg

6 Изменяется расположение блока с инфоромацией по персонажу. Подбираем оформление для магазина по пожеланиям Заказчика

http://www.lacedaemon.ru/images/stories/Portfolio/12_Beyond_Reality/interface_06_1v.jpg

7 Меняем цвета и добавляем детали в оформление. Разрабатываем окошко, которое появляется при наведении курсора на предмет амуниции

http://www.lacedaemon.ru/images/stories/Portfolio/12_Beyond_Reality/interface_07_1v.jpghttp://www.lacedaemon.ru/images/stories/Portfolio/12_Beyond_Reality/interface_08_1v.jpg