Перейти к содержимому
RU
Играть

Форум

Глобальный редизайн интерфейса by xeon


xeon

Рекомендованные сообщения

Цитата

ЭТО ВСЕГО ЛИШЬ ДЕМОНСТРАЦИЯ ВОЗМОЖНОСТЕЙ СОБСТВЕННОГО ДИЗАЙН-РЕШЕНИЯ В СТИЛЕ ГЛАССМОРФИЗМА

 

ЛОББИ

 

- Бета-версия лобби, когда нет активного ивента

Скрытый текст

beta_lobby.jpg

 

- Актуальный вид со стандартным ивентовым лобби

Скрытый текст

lobby.jpg

 

- Всплывающие категории после нажатия на кнопку "играть"

Скрытый текст

game_button.jpg

 

- Выбор режимов битвы

Скрытый текст

modes.jpg

 

Раздел с контейнерами

 

Скрытый текст

containers.jpg

 

Разделы с миссиями

 

- Стилизация разделов с миссиями

Скрытый текст

missions.jpg

 

- Первый вид миссий

Скрытый текст

missions_view.jpg

 

- Второй вид миссий

Скрытый текст

missions_view1.jpg

 

Разделы в гараже

 

- Стилизация самого гаража

Скрытый текст

garage.jpg

 

- Пример стилизации подразделов

Скрытый текст

garage_view.jpg

 

Раздел званий

 

Скрытый текст

ranks.jpg

 

Разделы магазина

 

- Стилизация разделов

Скрытый текст

shop.jpg

 

- Пример стилизации подразделов

Скрытый текст

shop_view.jpg

 

Стилизация глобального чата и новостей

 

- Стилизация чата

Скрытый текст

lobby_chat.jpg

 

- Стилизация новостей

Скрытый текст

lobby_news.jpg

 

Раздел с друзьями

 

Скрытый текст

friends.jpg

 

Раздел с битвами

 

- Список битв

Скрытый текст

battles_list.jpg

 

- Подраздел создания битвы, в добавок пример стилизации всплывашек

Скрытый текст

battle_creation.jpg

 

 Стилизация челленджей

 

- Стилизация обычного челленджа

Скрытый текст

standart_challenge.jpg

 

- Стилизация элитного челленджа

Скрытый текст

elite_challenge.jpg

 

Раздел настроек

 

Скрытый текст

settings.jpg

 

Раздел клана

 

- Стилизация основного раздела

Скрытый текст

clan.jpg

 

- Пример стилизации модального окна с заявками

Скрытый текст

clan_modal.jpg

 

БИТВА

 

- Загрузочный экран, здесь анимация звездного неба

Скрытый текст

loading.jpg

 

- Пример стилизации таба без показа резистов

Скрытый текст

battle_tab.jpg

 

- Пример стилизации таба с показом резистов

Скрытый текст

battle_tab_resistance.jpg

 

- Пример стилизации паузы

Скрытый текст

battle_pause.jpg

 

Стилизация сайта с рейтингами

 

Скрытый текст

ratings.jpg

 

Стилизация различных видов подсказок и всплывающих окон

 

- Подсказка в миссиях, аналогично стилизованы и все остальные подсказки в игре

Скрытый текст

tips.jpg

 

- Модальное окно с конвертированием в рубины

Скрытый текст

convert_modal.jpg

 

- Всплывающая подсказка в настройках, аналогично стилизованы и все остальные всплывашки

Скрытый текст

tooltip.jpg

 

- Всплывающее контекстное меню, аналогично стилизованы и все остальные контекстные меню

Скрытый текст

context.jpg

 

Примеры кастомных моделей скинов по концепции с TX

 

- ХР в исполнении ICE

Скрытый текст

bsIce.png

 

Скрытый текст

bsIce1.png

 

- ХР в исполнении XT

Скрытый текст

bsXt2.jpg

Скрытый текст

bsXt3.jpg

 

- ХГ в исполнении XT

Скрытый текст

bsXt1.jpg

Скрытый текст

bsXt.jpg

 

Список изменений проекта за все время

Скрытый текст

changelog version 4.3.0 === 4.3.5:

- Фиксы и улучшения интерфейса практически во всех разделах игры

- Фикс подгруза некоторых заменок как на браузерной версии, так и на клиенте

- Фикс крашей при использовании зеркальных версий темы

- Переезд на другой домен

 

**changelog version 4.2.5 === 4.3.0:**

- Фиксы и улучшение различных элементов интерфейса, особенно после недавнего обновления с кнопками

- Перенаправление ресурсов теперь работает и с клиента, тобишь: кастомное лобби, небо, дрон защитник и многое другое доступны уже с клиента

 

**changelog version 4.2.0 === 4.2.5:**

- Полный редизайн нового магазина

- Релиз блюрстайл лобби

- Релиз дрона блюрстайл защитника

- Добавлена анимация плавного проявления при заходе в битву

- Исправлена визуализация и анимирование модальных окон, включая нововведённые

- Исправлены баги с визуалом/анимациями в различных разделах

 

**changelog version 4.1.9 === 4.2.0:**

- Масштабный рефакторинг и разбив на модули для лучшей масштабируемости и удобства в дальшейней разработке проекта

- Оптимизация производительности

- Автоапдейт темы теперь есть и на клиенте, не нужно больше вручную каждый раз обновлять app.asar

- Исправлен баг с подгрузкой темы на клиенте в отдельное окно, например, при открытии рейтингов

- Очередной фикс стилей

 

**changelog version 4.1.8 === 4.1.9:**

- Мелкие доработки стилей

- Исправлена логика перенаправления ресурсов

 

**changelog version 4.1.7 === 4.1.8:**

- Добавлена предварительная версия рандомных значений FPS(визуал) только для браузерной версии

- Фикс стилей практически во всех разделах игры после очередных ПОЛЕЗНЫХ обновлений

- Фикс анимаций

- Косметические правки в стилях

- Обновлен визуал прогресс-баров

- Обновлен визуал лого

 

**changelog version 4.1.6 === 4.1.7:**

- Была изменена вариация текущего меню паузы в битве под старый всеми привычный вариант

- Пофикшен баг с отображением внутриигровых ивентов

- Пофикшен баг с покраской сетевого статуса при скролле участников клана

- Мелкие правки стилей

 

**changelog version 4.1.5 === 4.1.6:**

- Убраны всплывающие спецпредложения

- Правки в анимацию логотипа

- Различные фиксы стилей

- Правки в акцентные цвета темы

 

**changelog version 4.1 === 4.1.5:**

- Различные фиксы и правки в стили

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

- Убраны экспериментальные правки с затенением в лобби

- Добавлена новая горячая клавиша на отключение анимированного звездного фона в загрузочном экране на кнопку *(на слабых пк ускорит загрузку в битву)*

 

**changelog version 4.0.6 === 4.1:**

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

- Добавлена новая RGB анимация для GearScore *(в гараже, финальной стате и в битве)*

- Добавлено новое космическое небо в режиме космос *(только для браузерной версии)*

- Перекрашен худ припасов в битве *(только для браузерной версии)*

- Обновлена ховер анимация на всех элементах *(добавлен новый эффект впадания элемента при наведении курсора)*

- Залита новая иконка для кнопки с логами чата в битве и помещена внутрь самого контейнера с чатом

- Изменено содержимое билборда в битве на лого блюрстайл *(только для браузерной версии)*

- Исправлен баг с пустым скроллом в настройках и перекрывание элементов скроллбаром в последних версиях хрома

- Исправлен баг со стилями в различных разделах после очередной "полезной" обновы

- Исправлен баг с кривыми отступами GearScore в ммной стате, так и не дождался фикса со стороны танков

- Исправлен баг с синим бэкграундом при заходе/выходе из битвы и перемещении между разделами

- Исправлен баг с бэкграундом на странице ТСТО

- Исправлен баг с впаданием кнопок в разделе битв из-за новой "полезной" обновы со стороны танков

- Исправлен баг с заходом текста поверх иконки-кнопки логов в битве

 

**changelog version 4.0.5 === 4.0.6:**

- Добавлено лого на иконку вкладки

- Разблокирован devtools на клиенте и почищен от хлама main.js в самом app.asar

- Правка логики подмены картинок в юри формат

- По многочисленным просьбам ридми теперь расписан и для EN локали

- Правки бг таймеров в миссиях

 

**changelog version 4.0 release === 4.0.5:**

- Добавлено лого на все загрузочные экраны

- Мелкие доработки

 

**changelog version 4.0 pre-release === 4.0 release:**

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

- Фикс отображения анимированного фона на разных браузерах

- Фикс адаптива элементов в шапке

- Фикс некликабильности кнопок с включенным фоном в ивентовом блоке

- Фикс доп вариации таба с резистами

- Мелкие доработки в стилях

 

**changelog version 3.9.6 === 4.0 pre-release:**

- Проведен полный рефакторинг темы

- Тема была полностью переписана с нуля с абсолютно новой и удобной структурой кода

- Множество исправлений и оптимизаций проекта

- Множество нововведений

- Всего стилизовано элементов в игре: 471

 

**changelog version 3.9.5 === 3.9.6:**

- Небольшие исправления

- Добавлен эффект глубины на множество элементов

- Добавлена горячая клавиша на отключение анимированного фона (анимация оказалась ресурсоёмкой для маломощных ПК)

 

**changelog version 3.9 === 3.9.5:**

- Масштабный фикс темы с исправлением очень многих утечек производительности и визуального оформления

- Исправлены и добавлены новые анимации карточек для создания 3д эффекта

- Стилизовано новое меню с контейнерами

- Фиксы канвас анимаций в кнопке играть и загрузочном экране

 

**changelog version 3.8.5 === 3.9 beta:**

- Добавлен, проработан и адаптирован новый анимированный фон для каждого меню, включая сайт с рейтингом

- Адаптация множества элементов под новый анимированный фон

- Очередные правки в разделе заданий

- Очередные правки анимаций в игре

- Фиксы регистрационного меню

- Фиксы карточек во всех меню игры

 

**changelog version 3.8.1 === 3.8.5:**

- Глобальная переработка и адаптация темы под все разрешения экрана/любой масштаб страницы

- Исправлена стилизация элементов в разделе заданий

- Мелкие правки анимаций

- Исправлена и улучшена функция рандомных значений FPS

- Исправлена и улучшена функция со скрытием нары в битве

- Улучшение производительности

- Очередные правки в разделе заданий

 

**changelog version 3.8 === 3.8.1:**

- Исправлена стилизация элементов в гараже

- Мелкие правки анимаций

 

**changelog version 3.7.2 === 3.8:**

- Доработано меню настроек

- Пофикшено большое количество багов/недочетов

- Доработаны абсолютно все диалоговые окна в игре и не только

- Доработаны практически все элементы в игре

- Доработаны все анимации

- Исправлен баг с резистами в ммных катках

- Оптимизированы канвас анимации на кнопке играть и в загрузочном экране

- Исправлена анимация на промежуточном экране загрузки

 

**changelog version 3.7.1 === 3.7.2:**

- Добавлены новые анимации

- Исправлены мелкие недочеты

- Добавлена новая анимация для загрузочного экрана

 

**changelog version 3.7 === 3.7.1:**

- Мелкие исправления

- Добавлена новая анимация при наведении на кнопку играть в главном меню

 

**changelog version 3.6 === 3.7:**

- Более масштабная проработка анимаций в игре, включая анимации всплывающих окон, подсказок, инфо-блоков, отдельных анимаций для разделов

- Багфикс кривого отображения стилизации в разных разделах

- Улучшение функции скрытия нары

- Пофикшены баги с разделом регистрации аккаунта

- Добавлены отступы для всех списков в игре

- Очередные улучшения производительности

 

**changelog version 3.5 === 3.6:**

- Полностью переработаны, исправлены и добавлены новые анимации

- Внесены некоторые коррективы в логику наложения стилей и анимаций

- Исправлены чекбоксы в настройках

- Доработан раздел магазина

- Доработаны диалоговые окна

- Доработаны контекстные меню и всплывающие подсказки

 

**changelog version 3.4 === 3.5:**

- Исправлена утечка производительности

- Редизайн нового меню званий

- Небольшое обновление анимаций

- Небольшой багфикс интерфейса

- Добавлено аним лого

- Добавлена интерактивная плашка скрытия нары

- Добавлена дополнительная вариация таба в битве

- Мини-фикс некоторых стилей и функций

 

**changelog version 3.3 === 3.4:**

- Были внесены мелкие правки в диалоговые окна

- Исправлено некорректное отображение некоторых элементов

- Исправлены поломанные кнопки после очередной обновы танков

- Улучшения производительности

 

**changelog version 3.2 === 3.3:**

- Очередной багфикс, лень расписывать

 

**changelog version 3.1 === 3.2:**

- Переработана логика применения стилей

- Полная оптимизация всех стилей и функций(тема меньше кушать будет, не должно лагать даже на картофано-подобных пк)

- Полностью доработаны/переработаны все разделы в игре включая подменю и контекстные меню

- Полностью исправлены проблемы с отображением текста, размытия и прозрачности множества элементов

- Мелкие фиксы на сайтах ratings и tsto

- Фиксы применения контрасности и насыщенности в самой теме

- Переработка инфо-блоков в игре и инфо-диа окон в самой битве

- Исправлены проблемы с вылетами

- Исправлено отображение различных элементов на более низких разрешениях экрана

- Исправлены баги с применением анимаций и их плавностью/продолжительностью

- Исправлены баги со стилизацией некоторых кнопок

- Исправлены баги с отображением званий в списках друзей

 

**changelog version 3.0 === 3.1:**

- Багфикс критических и мелких багов в связи с апдейтами

 

**changelog version 1.0 === 3.0:**

- Полностью переработан сайт с рейтингами

- Полностью переработан сайт ТСТО

- Полностью переработан начальный экран

- Полностью переработан раздел друзей

- Полностью переработан раздел клана

- Полностью переработан раздел новостей

- Полностью переработан раздел глобального чата

- Полностью переработаны диалоговые окна в игре

- Полностью переработан раздел гаража

- Полностью переработан раздел магазина

- Полностью переработан раздел с миссиями

- Полностью переработан раздел с контейнерами

- Полностью переработан внутриигровой TAB и меню паузы с сопутствующими элементами уже в самой битве

- Полностью переработаны интерактивные карточные меню

- Полностью переработаны контекстные меню

- Полностью переработаны туториал окна

- Полностью переработаны все кнопочки в игре

- Полностью переработан список битв

- Полностью переработан список игроков

- Абсолютно новые анимации для множества элементов с плавными переходами

 

Итог

 

- В силу правил платформы я не могу разместить даже ссылку на гитхаб этого проекта, а обзор на эту тему давно неактуален, поскольку с того момента было слишком много правок внедрено

- Само собой здесь имеются горячие клавиши для более удобного и интерактивного взаимодействия с игрой

- Здесь имеются анимации звездного фона на этапе загрузки, туманности, которая на фоне всех разделов виднеется и градиентного переливания для GS

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

- Проект достаточно хорошо оптимизирован и потребляет ненамного больше, чем оригинальный интерфейс игры

- В этом проекте слишком много нововведений, поэтому всё и вся расписывать и показывать уйдет слишком много времени

Изменено пользователем xeon
переезд на другой домен, дополнен чейнджлог
  • Нравится 12

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Похоже на кровать с удобной подушкой-подголовником из того времени, где автомобили летают по воздуху.
p4vAOpvb.jpg?view=1&name=%D0%A1%D0%BA%D1


Огромная куча скриншотов идеи которою можно было описать двумя короткими предложениями.
Ты однозначно молодец, но тебе всё ещё есть над чем постараться, если ты таким образом преподносишь публике своё творчество.

  • Нравится 1
  • Озадачен 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

В 25.10.2024 в 18:35, xeon сказал:

 

ЛОББИ

 

- Бета-версия лобби, когда нет активного ивента

  Скрыть содержимое

beta_lobby.jpg

 

- Актуальный вид со стандартным ивентовым лобби

  Скрыть содержимое

lobby.jpg

 

- Всплывающие категории после нажатия на кнопку "играть"

  Скрыть содержимое

game_button.jpg

 

- Выбор режимов битвы

  Скрыть содержимое

modes.jpg

 

Раздел с контейнерами

 

  Скрыть содержимое

containers.jpg

 

Разделы с миссиями

 

- Стилизация разделов с миссиями

  Скрыть содержимое

missions.jpg

 

- Первый вид миссий

  Скрыть содержимое

missions_view.jpg

 

- Второй вид миссий

  Скрыть содержимое

missions_view1.jpg

 

Разделы в гараже

 

- Стилизация самого гаража

  Скрыть содержимое

garage.jpg

 

- Пример стилизации подразделов

  Скрыть содержимое

garage_view.jpg

 

Раздел званий

 

  Скрыть содержимое

ranks.jpg

 

Разделы магазина

 

- Стилизация разделов

  Скрыть содержимое

shop.jpg

 

- Пример стилизации подразделов

  Скрыть содержимое

shop_view.jpg

 

Стилизация глобального чата и новостей

 

- Стилизация чата

  Скрыть содержимое

lobby_chat.jpg

 

- Стилизация новостей

  Скрыть содержимое

lobby_news.jpg

 

Раздел с друзьями

 

  Скрыть содержимое

friends.jpg

 

Раздел с битвами

 

- Список битв

  Скрыть содержимое

battles_list.jpg

 

- Подраздел создания битвы, в добавок пример стилизации всплывашек

  Показать содержимое

battle_creation.jpg

 

 Стилизация челленджей

 

- Стилизация обычного челленджа

  Показать содержимое

standart_challenge.jpg

 

- Стилизация элитного челленджа

  Показать содержимое

elite_challenge.jpg

 

Раздел настроек

 

  Показать содержимое

settings.jpg

 

Раздел клана

 

- Стилизация основного раздела

  Показать содержимое

clan.jpg

 

- Пример стилизации модального окна с заявками

  Показать содержимое

clan_modal.jpg

 

БИТВА

 

- Загрузочный экран, здесь анимация звездного неба

  Показать содержимое

loading.jpg

 

- Пример стилизации таба без показа резистов

  Показать содержимое

battle_tab.jpg

 

- Пример стилизации таба с показом резистов

  Показать содержимое

battle_tab_resistance.jpg

 

- Пример стилизации паузы

  Показать содержимое

battle_pause.jpg

 

Стилизация сайта с рейтингами

 

  Показать содержимое

ratings.jpg

 

Стилизация различных видов подсказок и всплывающих окон

 

- Подсказка в миссиях, аналогично стилизованы и все остальные подсказки в игре

  Показать содержимое

tips.jpg

 

- Модальное окно с конвертированием в рубины

  Показать содержимое

convert_modal.jpg

 

- Всплывающая подсказка в настройках, аналогично стилизованы и все остальные всплывашки

  Показать содержимое

tooltip.jpg

 

- Всплывающее контекстное меню, аналогично стилизованы и все остальные контекстные меню

  Показать содержимое

context.jpg

 

Итог

 

- В силу правил платформы я не могу разместить даже ссылку на гитхаб этого проекта, а обзор на эту тему давно неактуален, поскольку с того момента было слишком много правок внедрено

- Само собой здесь имеются горячие клавиши для более удобного и интерактивного взаимодействия с игрой

- Здесь имеются анимации звездного фона на этапе загрузки, туманности, которая на фоне всех разделов виднеется и градиентного переливания для GS

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

- Проект достаточно хорошо оптимизирован и потребляет ненамного больше, чем оригинальный интерфейс игры

- В этом проекте слишком много нововведений, поэтому всё и вся расписывать и показывать уйдет слишком много времени

А красиво у тебя получилось! Без понятия, что такое глассморфизм, но выглядит как интерфейсы из игр 10-15 годов, навевает какой-то странной настольгией.

  • Нравится 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

В 25.10.2024 в 18:35, xeon сказал:

 

Что это? Как ты это сделал?

Это фотошоп?

Если не фотошоп, можешь сделать интерфейс Флеша?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

В 15.11.2024 в 11:23, Glbvfy сказал:

Что это? Как ты это сделал?

Это фотошоп?

Если не фотошоп, можешь сделать интерфейс Флеша?

мне и самому очень импонирует интерфейс флеша, но, к сожалению, у меня нет столько времени и желания на полный перепил интерфейса
нет, это не фотошоп, это чистый js и css

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

обновил пост, добавив новые скриншоты моделей скинов и чейнджлог проекта за все время

это больше для человеков, которые считают, что можно уместить смысл всего проекта в "два коротких предложения"

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Глобальное обновление темы 4.3.5 === 5.0.0:

- Глобальная переработка стилей и в коем то веке переезд на переменные

- Глобальный рефакторинг важной логики различных утилит

- Глобальный хотфикс многих косяков

- Наконец-то реализовано меню, содержащее в себе огромное количество крутилок и возможностей кастомизации и настройки

- Реализованы некоторые модальные окна и тултип индикация различных действий для более приятного UX

- Фейковые значения фпс теперь включаются/выключаются исключительно через меню и автоматом активируется в битве, если стоит галка в меню

- Улучшена и дописана логика кастомных ресурсов, теперь можно включать/отключать выборочные ресурсы или вообще все, если кого-то что-то не устраивает

- Улучшена и переписана логика горячих клавиш, теперь их можно переназначить или вообще отключить, оставив управление чисто тумблерами в настройках

- Реализована и модернизирована логика для кастомизации через множество переменных

- Значительно улучшена производительность благодаря рефакторингу логики

- Чейнджлог и прочая инфа теперь находятся еще и в меню

- Модернизирована и дописана логика импорта, экспорта и сброса настроек в формате .json прямо с локалки

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

 


Внешний вид нового меню:

Скрытый текст

menu.jpg

Скрытый текст

menu1.jpg

Скрытый текст

menu2.jpg

Скрытый текст

menu3.jpg

Скрытый текст

menu4.jpg

Скрытый текст

menu5.jpg

Скрытый текст

menu6.jpg

Скрытый текст

menu7.jpg

 

  • Нравится 3

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Гость
Эта тема закрыта для публикации сообщений.
  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу

×
×
  • Создать...