На главную Наши проекты:
Журнал   ·   Discuz!ML   ·   Wiki   ·   DRKB   ·   Помощь проекту
ПРАВИЛА FAQ Помощь Поиск Участники Календарь Избранное RSS
msm.ru
! ПРАВИЛА РАЗДЕЛА
В этом разделе решаются вопросы, касающиеся векторной/растровой графики, а также 3D-редакторов.
Вопросы по программированию графики (работу с графическими форматами, распознавание изображений и т.д.) - просьба создавать в разделе Программирование графики.

Обучающие материалы: PhotoShop, PhotoPaint, ... растровая графика, Corel DRAW, Illustrator, ... векторная графика, 3D графика, 3D-анимация
Модераторы: Tri Repetae, Serafim
Страницы: (3) [1] 2 3  все  ( Перейти к последнему сообщению )  
> Графика и дизайн онлайн-игр , для нашего форума
impik777
Прикр. сообщ. #1 ,
    Unregistered
    !
    Для обсуждения дизайна интерфейса и графики проекта
    Общая тема проекта здесь: Партийные онлайн игры


    Кратко о задачах:
    2 скина: текстовый и и обычный
    1 - Окно выбора комнаты: кнопки комнат(игр) + задник(?)
    2 - Окно комнаты: задник(?), чат, сбоку список игроков со статусами: ждет, сервер, в игре.(списки сортируются). Кнопка создания своей игры
    3 - Окно сбора в игру: список игроков, чат, кнопка начать игру (для мастера), кнопка покинуть игру(для всех), кнопка кикнуть - то же для мастера
    4 - Окно шахмат: чат, игровая доска, ходить - кликать мышкой по доске, сбоку время на ход, лог ходов.
    Сообщение отредактировано: impik777 -
    Serafim
    Сообщ. #1 ,
      Unregistered
      Сделал примерные макеты иконок игр.
      user posted imageuser posted image
      Свободный игрок (два варианта)
      user posted imageuser posted image
      Шахматы (когда в игре (недоступен) и когда игрок - сервер (ждёт присоединения))
      user posted imageuser posted image
      Шашки
      user posted imageuser posted image
      Империя
      user posted imageuser posted image
      Точки
      user posted imageuser posted image
      Реверси

      Жду жестокой критики :D

      P.S.
      Мои комменты к своим работам:

      Вариант с зелёным не слишком подходит к стилистике сайта.
      Первый вариант подходит, но надо намного обесцветить и засветлить

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

      Не нравится иконка для игры в точки, немного выбивается из общего стиля, но не мог придумать чего-нибудь другого, чтобы сразу понять, что это за игра.

      Эта тема была разделена из темы "Партийные онлайн игры"
      impik777
      Сообщ. #2 ,
        Unregistered
        Цитата Serafim @
        Точки

        ничего не видно
        Цитата Serafim @
        Шахматы (когда игрок - сервер (ждёт присоединения) и когда в игре)

        эээ, так это иконка тгры шахматы, или иконка игрока, который "сервер"
        Цитата Serafim @
        Свободный игрок (два варианта)

        ты учти - они же маленькие будут, там ничего не разберешь

        Добавлено
        Цитата Flex Ferrum @
        Сейчас скажу страшную вещь. А как на счет ASP.Net + Silverlight?

        ага, делать кто будет? ;)
        я тут людей с трудом нашел на ПхП+JS
        плюс сервак форумский не тянет такое :)
        Serafim
        Сообщ. #3 ,
          Unregistered
          Цитата
          эээ, так это иконка тгры шахматы, или иконка игрока, который "сервер"

          Оранжевая - сервер, серая - недоступен
          Цитата
          ты учти - они же маленькие будут, там ничего не разберешь

          Согласен, тогда просто голубую без всего?
          Цитата
          ничего не видно

          Да, я это подметил. Просто идеи не знаю, чтобы сразу распозновалось.

          P.S. Хотя у нас же свобода творчества так? Почему не сделать большой? :)
          Сообщение отредактировано: Serafim -
          impik777
          Сообщ. #4 ,
            Unregistered
            Цитата Serafim @
            P.S. Хотя у нас же свобода творчества так? Почему не сделать большой?

            они будут у игроков в списке, так что должны быть маленькие.
            Цитата Serafim @
            Согласен, тогда просто голубую без всего?

            лучше чистую зеленую
            и сделай все такие рисунки на кнопках более контрастными.

            Добавлено
            Цитата Serafim @
            Да, я это подметил. Просто идеи не знаю, чтобы сразу распозновалось.

            три крупные точки соедиенные линиями
            Serafim
            Сообщ. #5 ,
              Unregistered
              user posted imageuser posted image
              Так лучше?
              impik777
              Сообщ. #6 ,
                Unregistered
                Цитата Serafim @
                Так лучше?

                да, а теперь покажи в маленьком виде: 32х32, 24х24 и 16х16
                Serafim
                Сообщ. #7 ,
                  Unregistered
                  Цитата
                  да, а теперь покажи в маленьком виде: 32х32, 24х24 и 16х16

                  Намёк понял, сделал контрастнее:
                  user posted imageuser posted imageuser posted imageuser posted imageuser posted imageuser posted imageuser posted imageuser posted image
                  impik777
                  Сообщ. #8 ,
                    Unregistered
                    Serafim, ав покажи теперь все иконки в размере 24х24
                    Serafim
                    Сообщ. #9 ,
                      Unregistered
                      Вот когда контрастнее сделаю, тогда и покажу :D

                      Добавлено
                      user posted imageuser posted imageuser posted imageuser posted image
                      impik777
                      Сообщ. #10 ,
                        Unregistered
                        Serafim, теперь все иконки выклабывай только в 24х24, другие не нужны
                        Serafim
                        Сообщ. #11 ,
                          Unregistered
                          Поработал с разметкой
                          user posted image
                          user posted image

                          1. Также прикладываю исходник на PHP, для тех кто хочет посмотреть всё в действии (147kb)
                          2. Для тех у кого нет PHP (кидать в паку, где лежит index.php)

                          P.S. Я php использовал только для облегчения программирования (чтобы в коде не запутаться - разбил его на разные файлы, типа хедер, футер, панелька и т.д.)
                          Сообщение отредактировано: Serafim -
                          impik777
                          Сообщ. #12 ,
                            Unregistered
                            хм, лучше знаешь как
                            чат по центру, а список игроков сбоку
                            Serafim
                            Сообщ. #13 ,
                              Unregistered
                              Пример шашкшахматной доски
                              user posted image

                              Добавлено
                              А вот и шашки (сохранил в jpeg)
                              user posted imageuser posted image
                              и дамки соответственно (хотя цвет мне не нравится, надобы переделать)
                              user posted imageuser posted image

                              Добавлено
                              Кто из них чёрные, а кто белые не знаю :P но спутать свои и чужие не возмлжно

                              Добавлено
                              Каждая клетка размером 64x64, поэтому я уменьшу шашки до 48x48
                              Monster fatalist
                              Сообщ. #14 ,

                                Monster
                                ********
                                Профиль · PM
                                Поощрения: 20 Dgm
                                Рейтинг (т): 327
                                А шахматы нарисуешь?

                                Млин, доска весит 400k... Ты меня конечно извини... но будет наверное таблица с одинаковыми по виду ячейками :) безо всяких градиентов, тем-более, что так код проще (не люблю слои и абсолютное позиционирование - ненадежно <_<
                                Serafim
                                Сообщ. #15 ,
                                  Unregistered
                                  Цитата
                                  Млин, доска весит 400k...

                                  Вообще-то это jpeg с в максимальном качестве :D
                                  Сообщение отредактировано: Serafim -
                                  0 пользователей читают эту тему (0 гостей и 0 скрытых пользователей)
                                  0 пользователей:
                                  Страницы: (3) [1] 2 3  все


                                  Рейтинг@Mail.ru
                                  [ Script execution time: 0,0541 ]   [ 17 queries used ]   [ Generated: 1.12.24, 21:16 GMT ]  
                                  Powered by Invision Power Board(U) v1.2 © 2003  IPS, Inc.