Basalt Навигационный набор

Basalt Навигационный набор — набор из 15 компонентов навигации и ввода, нарисованных в стиле low-poly, где силуэт — угловатый многоугольник, а лицо разбито на плоские треугольники. В него входят активные и неактивные вкладки, дорожка полосы прокрутки, её ползунок и две стрелки, выпадающий список в закрытом и открытом состоянии со своим меню, текстовые поля в покое и в фокусе, а также круглые кнопки закрыть, назад, плюс и минус.

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

Четыре треугольника сходятся вне центра, и каждый несёт свой плоский тон — ровно так затеняется гранёная сетка. Во всём наборе нет ни одной кривой и ни одного градиента ни на одной грани.

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

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

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

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