Aetherlab 인벤토리 칸 — 56px 그리드

빽빽한 그리드에 놓인 56px 칸입니다. 실험실 화면은 한 번에 많은 시약을 담으므로 칸은 작고 희귀도는 크기가 아니라 모서리 표식이 맡습니다.

인벤토리 그리드에 필요한 것은 패널이 아니라 반복되는 정사각형입니다. 56×56 파일 7개, 바깥 경계가 모두 같아서 한 줄로 늘어놓아도 간격 계산이 필요 없습니다. 60 px 띄워 배치하면 테두리가 낱개 상자의 줄이 아니라 하나의 그리드로 읽힙니다.

상태는 색이 아니라 구조로 그렸습니다. 선택된 칸에는 모서리 표식이, 잠긴 칸에는 대각선 빗금이 붙고, 호버 중인 칸은 테두리가 한 단 올라갑니다. 이는 의도한 것입니다. 인벤토리 화면은 대부분의 게임에서 가장 시끄러운 면이고 온갖 색조의 아이템 그림 아래에 깔립니다. 테두리 색뿐인 상태는 빨간 검 하나가 들어오는 순간 보이지 않게 됩니다.

세 개의 희귀도 프레임은 계열의 나머지에서 체력·마나·스태미나 색을 그대로 가져오고, 색 테두리에 더해 모서리 표식도 갖습니다. 그래서 희귀도로 정렬하는 사람은 두 개의 신호를 읽게 되고, 그중 어느 것도 칸 가운데의 아이템 그림과 다투지 않습니다.

전부 편집 가능한 SVG와 1x, 2x, 4x의 플랫한 투명 PNG로 수록했습니다. 칸 안쪽은 투명해서, 구워 넣은 배경색 대신 그리드 뒤에 렌더링한 것이 그대로 비칩니다.

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