Mint Элементы управления — флажок, переключатель и ползунок

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

Набор закрывает то, что экрану настроек действительно нужно: флажок, радиокнопку, переключатель, ползунок с отдельной ручкой и пару счётчика для дискретных значений. Каждый элемент с состояниями отдаёт каждое состояние своим файлом на базе 18×18: переключатель 36×18, дорожка ползунка шириной 144 px, чтобы тянуть её через nine-slice на любую длину. Ползунок идёт также пустым, полным и вертикальным, потому что колонка громкости — это не повёрнутая строка.

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

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

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

Всё включено как редактируемый SVG и как прозрачный PNG плоский в 1x, 2x и 4x, нарисованное теми же шестью тонами сине-серый, что и остальное семейство Mint.

Creative Commons Zero 1.0 — Общественное достояние. Без указания авторства. Полные условия · Что это значит на практике