Mallwave 컨트롤 — 체크박스, 토글, 슬라이더

24px 컨트롤. 체크 상태는 분홍 선이 아니라 금색 강조색을 씁니다. 거의 전부가 호버인 목록에서 선택을 호버와 구분한 채로 둘 수 있습니다.

설정 화면에 정말로 필요한 네 가지 컨트롤을 담았습니다. 체크박스, 라디오 버튼, 토글, 그리고 손잡이가 분리된 슬라이더. 상태가 있는 컨트롤은 두 상태 모두 자기 파일로 24×24 기반 위에 들어 있습니다. 토글은 48×24이고 슬라이더 트랙은 폭 192 px라 어떤 길이로도 nine-slice할 수 있습니다.

켜짐과 꺼짐은 색이 아니라 형태로 구분해 그렸습니다. 체크되지 않은 상자는 빈 홈이고, 체크된 상자는 체크를 파낸 채움 면입니다. 이것이 중요한 이유는 설정 화면이야말로 플레이어가 색각 모드나 회색조 셰이더, 강하게 색을 입힌 포스트프로세스를 켜 두었을 가능성이 가장 높은 곳이기 때문입니다. 색조로만 읽히는 상태는 그 셋 모두에서 사라집니다.

슬라이더는 하나로 이어진 스프라이트가 아니라 트랙과 손잡이로 제공됩니다. 일체형 슬라이더는 값마다 다시 그려야 하지만, 둘로 나뉘어 있으면 채움을 늘이고 손잡이를 옮기면 됩니다. 어떤 UI 툴킷이든 이미 그것을 전제로 합니다. 손잡이에는 가운데 홈이 있어 작게 줄여도 회전과 위치가 읽힙니다.

전부 편집 가능한 SVG와 1x, 2x, 4x의 플랫한 투명 PNG로 수록했습니다. Mallwave 계열의 나머지와 같은 자두빛 안개 여섯 톤으로 그렸습니다.

크리에이티브 커먼즈 저작자표시 4.0 — 상업적 이용도 무료. 출처 표기가 필요합니다. 전문 보기 · 실제로 무슨 뜻인지