UI 팩
Mint 배경화면
플랫 스타일의 배경과 오버레이 요소 7개. 다크 인터페이스용, 청회색 팔레트에 민트 그린 강조색. SVG와 투명 PNG 1x/2x/4x.

이 팩에 대하여
Mint 배경화면은 플랫 스타일로 그린 배경과 오버레이 요소 7개의 세트입니다. 외곽선도 음영도 전혀 없습니다. 구성은 전체 화면 메뉴 배경, 심리스 패턴 타일, 모달용 어둠막, 제목 배너, 구역 구분선, 로딩 바의 트랙과 채움입니다.
이것은 무료 UI 키트 대부분이 통째로 빼놓는 부품입니다. 패널과 버튼은 주면서 그것을 올려놓을 자리가 없는 키트는 처음 화면을 만드는 순간 쓸모를 잃습니다. 그리고 배경은 플랫 색으로 대충 넘기면 메뉴 전체가 미완성으로 보이는 유일한 요소입니다.
깊이는 겹친 소프트 섀도에서만 나옵니다. 블러 필터가 아니라 세 번의 겹침입니다. 일부 SVG 래스터라이저가 블러의 확대를 잘못 처리해 4x PNG가 번짐으로 나오기 때문입니다. 나머지는 전부 단일한 채움 색입니다.
그 스타일 안에서 이것은 Mint의 해석입니다. 청회색 팔레트에 민트 그린 강조색을 얹은 다크 인터페이스로, 프레임 위쪽을 가로지르는 헤더 띠, 120x36의 각진 모서리 버튼, 12칸으로 나뉜 눈금이 있는 바, 16px 그리드의 두 가지 색 아이콘을 축으로 짜여 있습니다. 두 계열이 아트 스타일을 공유하면서도 서로 대체되지 않는 이유가 바로 이 치수에 있습니다. 스타일은 가장자리를 어떻게 그릴지 정하고, 숫자는 그 인터페이스가 무엇을 위한 것인지 정합니다.
배경은 아트 스타일이 자신을 가장 넓게 드러낼 수 있는 자리라, 스타일마다 다르게 그렸습니다. 디더링 띠, 삼각형 모자이크, 빗금 친 종이, 아이소메트릭 그리드, 단단한 지평선. 640x360로 수록하고 4x에서 2560x1440로 내보냅니다. 비율을 유지한 채 1080p까지 감당하므로 커버 방식 하나로 어떤 해상도에도 늘어납니다. 패턴 타일은 모든 모티프를 자기 경계 안에서 닫아 두어 반복해도 이음매가 보이지 않습니다.
모든 스프라이트는 편집 가능한 SVG와 1x, 2x, 4x 투명 PNG로 제공됩니다. PNG를 엔진에 그대로 넣어도 되고, 벡터를 열어 색을 바꿔도 됩니다. Mint 계열의 나머지와 같은 치수로 그렸기 때문에, 이 키트와 Mint 패널 키트는 어느 쪽도 크기를 바꾸지 않고 맞물립니다. 미니멀한 인터페이스와 모바일에 잘 어울립니다.
사용법
- 배경은 늘이지 말고 커버 방식으로 쓰세요. 16:9 비율은 의도한 것이고, 왜곡하면 그러데이션 위에서 바로 드러납니다.
- 목록과 인벤토리 그리드 뒤에는 고운 질감이면 1x, 거친 질감이면 2x로 패턴을 깔아 두세요. 가로세로 어느 쪽으로도 심리스입니다.
- 게임과 모달 사이의 어둠막은 전체 화면으로 그리세요. 플랫 검정이 아니라 스타일의 팔레트를 쓰기 때문에 색이 있는 게임을 회색으로 만들지 않습니다.
라이선스
크리에이티브 커먼즈 제로 1.0 — 퍼블릭 도메인. 출처 표기도 필요 없습니다. 전문 보기 · 실제로 무슨 뜻인지



