UI마다 전용 배경을 적용하는 방향으로 통일한다. 스킬창의 전용 배경·종이 기반 아이템은 구현 및 업데이트 준비 상태다. 운영 반영 여부와 실제 클라이언트 검증은 별도로 확인한다.
청색 에나멜 바탕과 황동 테두리를 공통으로 사용한다. 창·구역·슬롯 홈은 배경 한 장에 그리며, 버튼 그림은 창 배경과 분리하며 전체 디자인에 맞춰 변경할 수 있다. 아이콘을 집었을 때 창 배경은 움직이지 않는다.
공통 화면 규칙
- 돌아가기와 닫기는 오른쪽 상단 7·8번 슬롯에 고정한다.
- 실제 상자의 슬롯 좌표를 유지하며 가방까지 포함해서 디자인한다.
- 패널은 실제 버튼 묶음만 최소 여백으로 감싼다. 빈 열이나 목록과 페이지 이동 사이 공백까지 프레임으로 채우지 않는다.
- 동적 페이지 번호·선택·잠금·파손 상태는 정적 배경과 분리한다.
- 메뉴·장비·스킬·강화·창고는 서로 다른 전용 배경과 같은 디자인 규칙을 사용한다.
버튼 디자인 · 종이 기반
스킬창의 모든 표시용 아이템과 집어서 옮기는 아이콘은 종이를 기반으로 하고 item_model로 기존 버튼 그림을 표시한다. 실제 무기·장비·뿔피리를 사용하지 않으며 불필요한 기본 툴팁도 숨긴다. 버튼 보존은 이번 스킬창 배경 수정에만 적용한 조건이다. 앞으로 버튼도 디자인에 맞춰 변경할 수 있으며 클릭 영역과 정렬을 함께 맞춘다. 도전의 함성은 소리 파동 문양을 쓴다. '열기' 문구는 제거하고 '준비 중'은 유지한다.
스킬창 조작
목록 좌클릭은 선택·집기, 우클릭은 설명만 보기다. 장착 칸 좌클릭은 집기·놓기, 우클릭은 해제다. 무기 스킬은 이동·교체·해제 불가다. 레벨업은 선택 스킬 대상으로 중앙에서 실행하며 미연결 상태는 준비 중으로 표시한다.
아이콘 글씨
스킬·무기·장착·정보 아이콘은 그림만 표시하고 이름과 설명은 마우스를 올렸을 때 툴팁으로 제공한다. 강화·닫기·뒤로·이전·다음 같은 조작 버튼에만 글씨를 남기며 페이지 숫자는 유지한다.
스킬창 기준
왼쪽 3×3 목록, 한 행 띄운 아래 이전·페이지·다음, 중앙 선택 정보와 레벨업, 오른쪽 스킬 1~4와 맨 아래 고정 무기 스킬을 배치한다.
제작 원본과 유지 관리
색상·좌표·레이어·파일 이름·제작 및 검증 순서는 위 원본을 기준으로 유지한다. 새 UI 제작 전 이 문서를 확인하고, 실제 클라이언트의 GUI 배율별 표시를 검증한 뒤 완료 처리한다.
스킬 아이콘 · 세부 일러스트
메이플스토리 스킬 아이콘의 작은 크기에서도 구분되는 구성과 밀도를 참고한다. 주조색·실루엣·동작 방향으로 구별하고 금속 재질, 타격 궤적, 빛과 입자를 더한다. 글씨는 넣지 않는다. 전방 베기는 청백색 대각선, 회전 참격은 보라색 원형, 돌진은 주황색 전진, 분쇄격은 빨간 수직 충격, 철벽은 파란 방패, 깃발은 초록, 함성은 금빛 방사형, 속박은 자홍색 교차 사슬이다.
