Oak 패널 키트 — 이중 프레임 패널과 버튼

인벤토리 그리드와 퀘스트 일지를 지닌 종류의 게임을 위한 따뜻한 나무 프레임입니다. 사이에 틈을 둔 동심의 두 테두리가 납작한 갈색 사각형 대신 새겨진 느낌을 줍니다. 탭형 버튼은 황동 기준선 위에 놓여, 한 줄로 늘어놓으면 낱개 컨트롤의 줄이 아니라 페이지 묶음으로 읽힙니다. 여기 있는 것은 전부 표준 키트보다 한 치수 큽니다. 판타지 메뉴는 대개 훑는 것이 아니라 들여다보는 것이기 때문입니다.

nine-slice 패널 두 장 — 모서리 32 px의 이중 프레임 창 프레임과 모서리 20 px의 들어간 내부 프레임 — 이면 메뉴에 필요한 거의 모든 상자를 감당합니다. 대화 상자, 인벤토리 그리드, 목록 바탕, 툴팁, 스탯 패널. 사이에 틈을 둔 동심의 두 테두리는 그려졌다기보다 새겨진 것으로 읽힙니다. 그것이 공들인 인터페이스와 선만 두른 사각형을 가르는 차이입니다.모서리는 절대 확대되지 않고 가운데는 플랫한 채움이라, 둘 다 어떤 크기로도 깔끔하게 늘어납니다.

패널 위에는 탭형 버튼의 네 상태가 놓입니다. 기본, 호버, 눌림, 비활성. 모두 같은 160×48 기반에 모서리 16 px로 그렸기에, 버튼 위젯 하나에서 텍스처만 바꾸면 사각형을 옮기지 않고도 상호작용 한 바퀴가 갖춰집니다. 눌림 상태는 단순히 어두워지는 대신 면을 두 픽셀 내리고 위쪽 하이라이트를 없앱니다. 그것이 색만 바뀐 것이 아니라 실제로 눌렸다는 감각을 만듭니다.

모든 것이 두 벌로 제공됩니다. SVG 소스는 키트를 실제로 그린 파일 그 자체입니다. 열어서 목재 갈색 여섯 톤이나 광택 황동 강조색 하나를 바꾸고 다시 내보내세요. PNG 내보내기는 플랫하고 투명하며 비트맵을 원하는 엔진을 위해 1x, 2x, 4x로 미리 확대해 두었고, 알파 사전 곱셈도 스프라이트 밖으로 삐져나온 구운 그림자도 없습니다.

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