Найти в Дзене
Спорт Миг

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

В данной статье освещаются первые итоги нововведения "Индивидуальная кастомизация для личной страницы игрока" для браузерной игры "Живи футболом", а также есть мобильная версия. Всем желающим, кто любит играть в футбольные менеджеры, прошу ознакомиться здесь - присоединяйтесь! Некоторые статьи об игре вы можете найти на этом канале. Прошло немного времени с начала внедрения индивидуальной кастомизации, и уже выполнено 190 работ. Можно отметить, что восприятие идеи оказалось верным: дизайнеры компетентно наполнили виртуальные полки понимая современные требования. Исполнение разное по сложности, и многие испытывали первоначальные трудности с прохождением модерации. Требования оказались высокими, и порог вхождения аналогичным.
В этом выпуске узнаем, что такое Хедер и о современных тенденциях индивидуальной кастомизации. Возьмем интервью у нескольких авторах.
Формулировки от модераторов часто были шаблонными, редко содержали ясные указания на проблемы.
Тем не менее, те, кто не опустил

Хедер (header) — это верхняя часть сайта, расположенная выше блока с основным контентом.
Хедер (header) — это верхняя часть сайта, расположенная выше блока с основным контентом.

В данной статье освещаются первые итоги нововведения "Индивидуальная кастомизация для личной страницы игрока" для браузерной игры "Живи футболом", а также есть мобильная версия. Всем желающим, кто любит играть в футбольные менеджеры, прошу ознакомиться здесь - присоединяйтесь! Некоторые статьи об игре вы можете найти на этом канале.

Прошло немного времени с начала внедрения индивидуальной кастомизации, и уже выполнено 190 работ. Можно отметить, что восприятие идеи оказалось верным: дизайнеры компетентно наполнили виртуальные полки понимая современные требования. Исполнение разное по сложности, и многие испытывали первоначальные трудности с прохождением модерации. Требования оказались высокими, и порог вхождения аналогичным.

В этом выпуске узнаем, что такое Хедер и о современных тенденциях индивидуальной кастомизации. Возьмем интервью у нескольких авторах.
Формулировки от модераторов часто были шаблонными, редко содержали ясные указания на проблемы.
Тем не менее, те, кто не опустил руки и продолжил учиться, вникнули в общие правила и стали создавать произведения – от простых до шедевров. Некоторые просто растягивали один фон до нужных размеров и получали одобрение.
Другие, обладая чувством прекрасного, добавляли в фон дополнительные элементы, сталкиваясь с отказами из-за неаккуратной обработки деталей. На форумах менеджеры поняли, что для успеха необходимо осваивать Photoshop. Они начали добавлять градиенты и тени, точно вымеряя размеры пустот. В результате многие нашли приближенную формулу успешного создания шапочек.

яркий МЮ
яркий МЮ

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

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

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

-3

Теперь мы поговорим с несколькими авторами, узнаем как они решали данные вопросы.

Итак -Nirvana- автор кастомки "Тед Лассо", цена которой поднялась до 90.
Вопрос от Трент Кримм, издание The Independent. : - У вас не простые кастомки, состоят из нескольких элементов. Но мы знаем, как трудно "сложные" проходят модерацию. Все эти обрези нужно сделать аккуратно, где-то добавить прозрачный градиент, где-то тени и даже опору. Как у вас проходила модерация, исправляли ли вы и добивались позже принятия ??

-Nirvana- : - Участвовал в тестировании функционала кастомизации, на том этапе конечно были отклоны. В основном из-за того, что картинки были низкого качества. Пространства мало,приходилось уменьшать размер картинок, из-за этого падает её качество.
Было отклонен целый пакет кастомизаций для ТОП чемпионатов, но позже когда вышел в релиз функционал, одну из тех работ приняли без проблем (Кастомка RUSSIA). Остальные так и не загрузил до сих пор.

Самая популярная кастомизация на тему футбольного сериала Тед Лассо.
Самая популярная кастомизация на тему футбольного сериала Тед Лассо.

Вопрос : - Ваш Тед Лассо нравится многим, есть много упоминаний. И цена подросла до 90. Можете сказать от какой отметки счетчика цена возрастает и как вам пришла в голову эта идея, наверно посмотрели все сезоны этого сериала??

-Nirvana- : - Тед Лассо, да хорошо получился. Конечно, я посмотрел все сезоны сериала. На тот момент думал какие кастомки сделать, чтобы ими могли пользоваться все, а не узко направленные, такие как для конкретного клуба. Если мне не изменяет память то после 100 установок пользователями, ценник вырос, но могу ошибаться.

-5

Следующий автор ikar21veka согласился на интервью.
О прохождении модерации.
ikar21veka - Из типичных ошибок, по которым заворачивали мои работы - пиксельность изображений (так как хочется какую-то конкретную, а в хорошем качестве её не всегда найдёшь, но на помощь приходят ИИ улучшители картинок) или обрезанность (причём я долгое время не так понимал, о чём пишет проверяющий, пытался исправлять края и т.д., а подобное писали, когда какой-то из элементов, несущих смысловую нагрузку, полностью не размещался именно в видимом поле - после того, как понял эту идею, вроде нормально стало.
- Чьи работы вы можете выделить и чем они вам понравились ??
ikar21veka - Концепция Твистала понравилась - делать кастомизации для федераций. У самого была такая мысль, но руки не дошли. А если судить именно по исполнению -
crushka и scotti.
Нравятся тем, что не перегружают количеством элементов, при этом и не скажешь, что они минималистичны. И при этом видно, что прорабатывают расположение этих элементов, чтоб всё было видно и не накладывалось (или наоборот, не подкладывались вырвиглазным фоном) под другие элементы интерфейса.

растомка для ФК Фольсбург.
растомка для ФК Фольсбург.

В последнее время много благотворительных кастомизаций было добавлено twistal3
Вопрос от The Independent о вкусе и цвете.
twistal3 - Просто порой чистый пейзаж Чилийских гор, смотрится приятней и круче всяких футуристических с разными вставками. Многие писали, что им зашли Тайланд и Чили, а другим вообще Уругвай, хотя они не из этой НФФ. Я просто делал на пробу по разному. Вот простые нейтралки с разными полями, вообще идеально встают.
Начал добавлять тематические темы для целых федераций и теперь какие то нейтральные, у кого нет клуба из данной НФФ и хочется поставить какой то нейтральный фон. Темный, либо живописный, либо не раздражающий глаз, вроде футбольных полей.
Отказы были, но я либо делал совсем с нуля новые, либо потом пару раз просили выслать снова и уже приняли. Видимо с учетом, что они не на продажу и в качестве поощрения за инициативу.

работа  twistal3
работа twistal3

Лично мне понравились последние работы автора Dit_Late. Грамотно расположенные все части элементов, сумрачный фон хорошо сочетаются с яркими детализированными вставками. При этом на них падет свет, который придает всей картинке текстурность.

работа автора Dit_Late
работа автора Dit_Late

Спросим об этом самого автора.
Dit_Late - Программа через которую делаю называется фотошоп. Кастомизацию для лиг делаю с помощью генерации фото ИИ. Остальные кастомизации (на заказ клубы или футболисты) делаю с помощью обработок обычных фото найденных в интернете. Отказы были, но я не вникал в суть отказа и не переделывал. Иногда мне работа не нравится и её принимают, а иногда тратишь много времени и её не принимают.
Прошу рассказать поподробней.
Dit_Late - Художественного образования нет. Скорее я посмотрел первые принятые работы и делал по их образу и подобию. В любом случае это оптимальное решение т.к. в центре находятся блоки с игровой информацией и фон должен быть максимально однотонным без лишних деталей.
ИИ делает только картинки. Я отбираю подходящие и дальше сам склеиваю.
Спасибо нашим авторам веб-дизайна за подробные ответы.

Зонирование лентой/полосой.
Зонирование лентой/полосой.

Также хочется выделить работы автора SkidRow. Его работы обрамляют ленточки, тем самым лаконично подкрепляют зональность. Работы assa хоть и немногочисленны, но его Бивис и Батхед внесли юмористичное течение. Эту работу сначала отклонили, но после его правок, где он добавил "опору" объектам, приняли. Предполагаю, как непросто было XxSHEVAxX склеивать фото достопримечательностей городов. Простые склейки не принимают. Он сращивал объекты градиентной кросс-прозрачностью. В общем всех не похвалишь, но работы наших авторов достойно занимают место на витрине! Первая бурная волна можно сказать прошла, будем ждать еще более качественные и интересные работы.
***************************************************************************

такое не пропустят на витрину
такое не пропустят на витрину

Вот что известно о современных тенденциях индивидуальной кастомизации на специализированных форумах.

Взаимодействие между хедером (шапкой сайта) и подвалом (футером) является важным аспектом веб-дизайна и пользовательского опыта.
Шапка сайта — это первое, что видят посетители при входе на страницу. Для спортивной аудитории она должна не только привлекать внимание, но и отражать дух спорта, активного образа жизни и увлечения, которые объединяют людей.
Для спортивного сайта важно создать логотип, который будет вызывать ассоциации со спортом и активностью. Используйте динамичные формы, яркие цвета и элементы, связанные со спортом (например, мячи, кроссовки или силуэты спортсменов). Используйте динамичные изображения или фоны, которые передают атмосферу спорта. Это могут быть фотографии спортсменов в действии, изображения стадионов или абстрактные графические элементы, напоминающие о движении и энергии. Важно, чтобы визуальные элементы не перегружали шапку и сохраняли ее чистый вид.
Кастомизация шапки сайта индивидуально для каждого пользователя позволяет создать более персонализированный и привлекательный опыт взаимодействия с ресурсом.

Здесь вы можете увидеть витрину кастомизаций.
Здесь вы можете увидеть витрину кастомизаций.

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

Каста о кастомке.
Каста о кастомке.

Кастомизация шапки сайта может осуществляться с использованием различных ресурсов и программ. Вот некоторые из них:

▎1. Системы управления контентом (CMS)

• WordPress: Позволяет изменять шапку с помощью тем, плагинов и редакторов. Например, с помощью плагинов, таких как Elementor или WPBakery.

• Joomla: Также предлагает возможность кастомизации через шаблоны и расширения.

• Drupal: Позволяет настраивать шапку через темы и пользовательские модули.

▎2. Конструкторы сайтов

• Wix: Предоставляет визуальный редактор для кастомизации шапки и других элементов.

• Squarespace: Позволяет легко изменять шапку с помощью встроенных инструментов дизайна.

• Weebly: Интуитивно понятный интерфейс для редактирования шапки и навигации.

▎3. Фреймворки и библиотеки

• Bootstrap: CSS-фреймворк, который предоставляет готовые компоненты для создания адаптивных шапок.

• Foundation: Еще один фреймворк, который можно использовать для разработки кастомизированных интерфейсов.

▎4. Редакторы кода

• Visual Studio Code: Популярный редактор кода для ручного редактирования HTML, CSS и JavaScript.

• Sublime Text: Легкий редактор, который также подходит для работы с кодом.

• Atom: Редактор кода с поддержкой плагинов для улучшения функциональности.

кастомки можно приобрести за деньги или выбрать бесплатные
кастомки можно приобрести за деньги или выбрать бесплатные

▎5. Графические редакторы

• Adobe Photoshop: Для создания графических элементов шапки, таких как логотипы и фоны.

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

• Canva: Удобный онлайн-редактор для создания графики, который может быть использован для дизайна элементов шапки.

▎6. Платформы для разработки

• GitHub Pages: Позволяет размещать статические сайты и кастомизировать их шапки с помощью HTML/CSS.

• Netlify: Платформа для развертывания статических сайтов, где можно управлять кастомизацией через код.

▎7. Инструменты для A/B тестирования

• Optimizely: Платформа для тестирования различных версий шапки и других элементов сайта.

• Google Optimize: Бесплатный инструмент от Google для A/B тестирования.

▎8. Инструменты аналитики

• Google Analytics: Помогает собирать данные о пользователях, чтобы понять, как они взаимодействуют с кастомизированной шапкой.

• Hotjar: Инструмент для анализа поведения пользователей на сайте, включая тепловые карты.

Это всё конечно серьезные инструменты и в большей части нам не пригодятся. Достаточно Фотошопа, но не достаточно Painta. Плюс есть онлайн ресурсы подобные Фотошопу, которые даже легче в освоении. Для кого-то это может стать началом в освоении профессии веб-дизайнинга.

Вот когда спорт и искусство объединяются.
Вот когда спорт и искусство объединяются.

- Крайние мысли...

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

Мы, как большая семья, критикуем, выражаем недовольство и искренне заинтересованы в улучшении. Наверняка, все эти действия помогают нам двигаться вперед.
Теперь мы лучше понимаем тактику футбола, чем раньше, осваиваем профессии журналиста и даже веб-дизайнера.
Это обогащает наш опыт и расширяет горизонты в мире футбольного менеджмента. Взаимодействие с разработчиками и среди участников сообщества создает уникальную атмосферу, где каждый может внести свой вклад.

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

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

при желании можно загрузить свободную тему
при желании можно загрузить свободную тему

Футбольный менеджер Живи Футболом находится здесь.