Паки интерфейса

Scanline Лист персонажа

12 элементов листа персонажа (голограмма) для интерфейсов в режиме тёмный — океанская чернь, акцент оранжевый уголёк. SVG и прозрачный PNG в 1x/2x/4x.

  • ui
  • svg
  • прозрачный png
  • лист персонажа
  • характеристики
  • снаряжение
  • атрибуты
  • рпг
  • голограмма
  • голограмма
  • голограмма
  • сканер
  • сонар
  • hud
Лист с 12 элементов листа персонажа (голограмма) из семейства Scanline, разложенными на шахматке прозрачности, с размерами в пикселях под каждым
превью 1600×824прозрачность показана шахматкой

Об этом паке

Scanline Лист персонажа — набор из 12 элементов листа персонажа, нарисованных в стиле голограмма, где тонкий штрих несёт широкий ореол, и большая часть рамки — пустое пространство. В набор входят строка характеристики и её вариант с подложкой, три знака сравнения, рамка радара на шесть осей и на пять, рамка манекена снаряжения, пустая и занятая ячейки снаряжения, а также две полосы бонуса комплекта.

Лист персонажа существует ради одного вопроса: эта новая вещь лучше той, что уже надета? И рисунок, который на него отвечает, — самый маленький в наборе. Большинство наборов дают рамки, а стрелки сравнения оставляют движку — и там они выходят глифом шрифта посреди набора, где всё остальное нарисовано вручную.

Ореол — стопка штрихов с убывающей непрозрачностью, а не фильтр размытия: фильтры некоторые SVG-растеризаторы применяют иначе, и он смазывается на 4x. Штрих намеренно тонкий: проецируемый интерфейс читается как свет, а толстая линия читается как краска.

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

Стрелки вверх и вниз — отдельные спрайты, а не одна отражённая стрелка, потому что обе появляются в одной и той же таблице сравнения, а отражённая стрелка получает свет не с той стороны. Есть и третий знак — «без изменений», и он важнее, чем кажется: полное отсутствие стрелки двусмысленно между «поровну» и «сравнивать не с чем». Рамка радара идёт только сеткой и осями, без многоугольника значений, потому что значения приходят из игры. Набор обязан дать шкалу — и даёт её и на пять, и на шесть осей, чтобы система характеристик не была вынуждена иметь ровно столько атрибутов, сколько предположил художник.

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

Загрузка

Прямая ссылка · без регистрации · без страницы ожидания
Скачать ZIP149 kB

Полный комплект — исходники SVG, экспорт PNG в 1x/2x/4x, лицензия и readme

Файлы, входящие в этот пак
ФайлФорматВесЗагрузка
Полный комплект — исходники SVG, экспорт PNG в 1x/2x/4x, лицензия и readmeZIP149 kB Получить →
Строка характеристики, редактируемый SVGSVG788 B Получить →

Как использовать

  1. Многоугольник значений рисуйте поверх рамки радара в движке; рамка — фиксированная шкала с кольцами на равных долях, поэтому многоугольник кладётся прямо на неё.
  2. Используйте все три знака сравнения, включая знак «без изменений». Отсутствие стрелки не значит «поровну».
  3. В длинном списке чередуйте обычную строку и строку с подложкой, а не добавляйте собственную зебру; тон подложки переживает перекраску всего семейства.
  4. Манекен снаряжения оставляет центр пустым под ваш портрет персонажа, а расположение ячеек вокруг точно совпадает с размером отдельной ячейки снаряжения.

Лицензия

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

Строка упоминания для копирования
"Scanline Лист персонажа" by Oğuzhan Girgin, licensed under CC BY 4.0 — https://www.colorosse.com/assets/2d/ui/scanline-character-sheet