선택 상태가 강조 상태와 똑같아 보이면 메뉴에 상태 언어가 없는 것

리뷰에서 나온 실제 상태

메인 메뉴는 반투명 검정 컬럼 위에 회색 텍스트 목록이었습니다. 선택 상태 표현이 약했고, 선택지는 아트 위에 거의 같은 검정 띠 두 개로 얹혔습니다. 강조색은 있었지만 큰 제목의 색으로만 쓰여서 구분선 역할에 머물렀습니다. 키보드 포커스 표시는 없었습니다.

이 프로젝트는 Ren'Py로 만들었지만 Unity에서 같은 결과가 나오는 경로는 분명합니다. 기본 컴포넌트의 상태 전환을 색 살짝 바꾸기로만 두면 여기에 도착합니다.

문서에 다섯 개라고 적혀 있어도 화면에서 두 개면 두 개입니다

판정은 세 질문으로 합니다.

1. 스크린샷 두 장을 나란히 놓고 어느 쪽이 선택 상태인지 맞힐 수 있는가
2. 색을 흑백으로 바꿔도 구분되는가
3. 마우스를 안 쓰고 키보드만으로 지금 위치를 알 수 있는가

상태마다 다른 축을 줍니다

색만으로 상태를 나누면 위 세 질문을 대부분 통과하지 못합니다. 축을 섞습니다. 채우기, 테두리, 위치 이동, 글자 무게 중 두 개 이상을 같이 바꿉니다.

흑백으로 바꿔도 상태가 구분되면 이 항목은 끝났습니다. 잠금 카드처럼 비어 있는 화면은 여기서 안 잡힙니다. 그건 상태 표현이 아니라 정보 부족 문제라 다루는 방법이 아예 다릅니다.

.menu-item { background-color: rgba(0, 0, 0, 0.35); color: #b9c0cc; }
.menu-item:hover { background-color: rgba(255, 255, 255, 0.08); color: #ffffff; }
.menu-item:focus { border-left-width: 4px; border-left-color: #35c6c0; }
.menu-item.is-selected { background-color: #123b3a; color: #ffffff; }
// uGUI 쪽이면 전환을 색이 아니라 스프라이트나 애니메이션으로 둡니다
var colors = button.colors;
colors.selectedColor = accent;   // 색만 바꾸면 부족합니다
button.colors = colors;
button.transition = Selectable.Transition.SpriteSwap;