Byte Рамки карт

Byte Рамки карт — набор из 11 компонентов карт и уведомлений, нарисованных в стиле пиксель-арт, где каждый угол — лесенка из целых пикселей, и ничто не сглажено. В него входят четыре рамки карт по редкости, три счётчика валюты, значок уведомления и три всплывающих баннера.

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

Контур шагает единицами по 4px, а затенение — дизеринг Байера вместо градиента, поэтому набор переживает масштабирование целым множителем — единственный способ масштабировать пиксель-арт, не превратив его в кашу.

Внутри этого стиля перед вами прочтение Byte: интерфейс в режиме светлый на палитре холодная кость с акцентами сигнальный бирюзовый, построенный вокруг рамки с одинарной границей, полностью скруглённых кнопок-пилюль в 112x36, полос с полосами, разделённых на 10 сегментов, и контурных иконок на сетке 24px. Именно эти размеры объясняют, почему два семейства могут делить художественный стиль и при этом не быть взаимозаменяемыми: стиль решает, как рисуется край, а числа решают, для чего интерфейс нужен.

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

Каждый спрайт поставляется как редактируемый SVG и как прозрачный PNG в 1x, 2x и 4x, так что PNG можно закинуть прямо в движок или открыть вектор и поменять цвет. Нарисовано в тех же размерах, что и остальное семейство Byte, а значит этот набор и набор панелей Byte совпадают без масштабирования любого из них. Хорошо подходит для игр в пиксель-арте.

Creative Commons «С указанием авторства» 4.0 — Бесплатно для коммерческого использования. Указание авторства обязательно. Полные условия · Что это значит на практике