팩 · 29에셋

Dusk UI 스타터 — 어울리는 키트 29개

Dusk 패밀리를 한자리에. 나인슬라이스 패널과 버튼, HUD 바, 그리고 어울리는 키트 27종 더. 팔레트 하나, 선 굵기 하나, 나인슬라이스 여백 한 벌.

픽셀에 가까우면서 실제로는 픽셀 아트가 아닌, 완결된 인터페이스입니다. 그것이 쓸모 있는 중간 지점입니다. 픽셀 그리드에는 맞아떨어지는데, 아무것도 다시 그리지 않고 크기를 바꿀 수 있습니다.

같은 규칙으로 그린 키트 29개. 한 화면에 놓아도 어느 것 하나 빌려온 것처럼 보이지 않습니다. 같은 밤 바이올렛 여섯 톤, 같은 앰버 강조색 하나, 같은 2 px 선, 그리고 언제나 4의 배수인 nine-slice 여백.

그 일관성이야말로 팩의 진짜 의미입니다. 하나씩만 봐도 각 키트는 쓸모가 있지만, 함께 있으면 색이나 모서리 반경을 두 번 협상하지 않고도 일시정지 메뉴와 HUD와 설정 화면을 한나절에 조립할 수 있습니다.

각 키트는 자기 페이지에서 따로 내려받습니다. 필요한 것만 가져갈 수 있고, 파일 목록과 용량과 라이선스가 묶음 평균이 아니라 항목별로 정확하게 남습니다.

구성

29키트
  • 체크무늬 배경에 겹쳐 놓은 가로 상태 바 세 개. HP, MP, XP가 서로 다른 양까지 차 있고 아래에 6칸 분할 바와 더 작은 바 세 개가 있습니다CC-BY-4.0

    Dusk HUD 바 — HP, MP, XP

    황혼 퍼플의 HUD 바 스프라이트 16개. 표준·슬림·세로 프레임에 각각 눈금 채움 세 가지, 분할·고스트·실드 변형까지. SVG와 투명 PNG.

    픽셀 아트2 파일26 kB
  • 황혼 퍼플 타일 위의 채움 게임 메뉴 아이콘 57개. 크게 보여 주고, 시트에 배열하고, 다시 실제 크기 16픽셀로 표시했습니다CC-BY-4.0

    Dusk 메뉴 아이콘 — 16px 채움 세트

    황혼 퍼플의 단색 채움 메뉴 아이콘 57개, 16×16 그리드. 재생, 일시정지, 설정 외 54개. 시트와 개별 파일, 투명 PNG 포함.

    픽셀 아트2 파일184 kB
  • 체크무늬 배경의 설정 컨트롤 — 빈 체크박스와 체크된 체크박스, 선택되지 않은 라디오와 선택된 라디오, 꺼짐과 켜짐 토글, 그리고 손잡이가 달린 슬라이더 트랙CC-BY-4.0

    Dusk 컨트롤 — 체크박스, 토글, 슬라이더

    황혼 퍼플의 인터페이스 컨트롤 19개. 체크박스, 라디오, 토글, 슬라이더, 스테퍼이며 켜짐·꺼짐·부분·비활성을 색이 아니라 형태로 구분합니다.

    픽셀 아트3 파일30 kB
  • 체크무늬 배경에 놓인 정사각형 인벤토리 칸의 한 줄. 빈 칸, 호버, 모서리 표식이 있는 선택, 대각선 빗금의 잠김 상태에 이어 색상 희귀도 프레임과 여덟 칸 그리드가 놓여 있습니다CC-BY-4.0

    Dusk 인벤토리 칸 — 48px 그리드

    황혼 퍼플의 48×48 인벤토리 칸 13개. 빈 칸, 호버, 선택, 잠김, 거부, 놓기 상태와 원형·육각 장비 칸, 핫바, 희귀도 프레임 세 종류.

    픽셀 아트3 파일34 kB
  • Dusk 계열의 배경과 오버레이 요소(픽셀 아트) 13개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 배경화면

    픽셀 아트 스타일의 배경과 오버레이 요소 13개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일37 kB
  • Dusk 계열의 바닥 타일(픽셀 아트) 58개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 타일셋 — 바닥 타일

    픽셀 아트 스타일의 바닥 타일 58개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일151 kB
  • Dusk 계열의 반복 표면 텍스처(픽셀 아트) 20개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 심리스 텍스처

    픽셀 아트 스타일의 반복 표면 텍스처 20개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일364 kB
  • Dusk 계열의 대화 컴포넌트(픽셀 아트) 15개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 대화 키트

    픽셀 아트 스타일의 대화 컴포넌트 15개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일45 kB
  • Dusk 계열의 내비게이션과 입력 컴포넌트(픽셀 아트) 15개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 내비게이션 키트

    픽셀 아트 스타일의 내비게이션과 입력 컴포넌트 15개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일34 kB
  • Dusk 계열의 헤드업 디스플레이 프레임(픽셀 아트) 16개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk HUD 프레임

    픽셀 아트 스타일의 헤드업 디스플레이 프레임 16개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일41 kB
  • Dusk 계열의 진행과 보상 컴포넌트(픽셀 아트) 20개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 진행 키트

    픽셀 아트 스타일의 진행과 보상 컴포넌트 20개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일52 kB
  • Dusk 계열의 키 표시 스프라이트(픽셀 아트) 16개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 키 표시

    픽셀 아트 스타일의 키 표시 스프라이트 16개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일36 kB
  • Dusk 계열의 카드와 알림 컴포넌트(픽셀 아트) 18개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 카드 프레임

    픽셀 아트 스타일의 카드와 알림 컴포넌트 18개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일74 kB
  • Dusk 계열의 문장, 휘장, 계급장(픽셀 아트) 26개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 엠블럼

    픽셀 아트 스타일의 문장, 휘장, 계급장 26개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일107 kB
  • Dusk 계열의 마우스 커서(픽셀 아트) 12개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 커서

    픽셀 아트 스타일의 마우스 커서 12개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일27 kB
  • Dusk 계열의 맵 마커와 월드 표시(픽셀 아트) 12개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 맵 마커

    픽셀 아트 스타일의 맵 마커와 월드 표시 12개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일39 kB
  • Dusk 계열의 상태 효과 프레임과 지속 시간 표시(픽셀 아트) 12개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 상태 효과

    픽셀 아트 스타일의 상태 효과 프레임과 지속 시간 표시 12개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일32 kB
  • Dusk 계열의 충격과 이펙트 스프라이트(픽셀 아트) 12개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 타격 이펙트

    픽셀 아트 스타일의 충격과 이펙트 스프라이트 12개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일42 kB
  • Dusk 계열의 로딩과 대기 표시(픽셀 아트) 20개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 로딩

    픽셀 아트 스타일의 로딩과 대기 표시 20개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일45 kB
  • Dusk 계열의 상점과 경제 부품(픽셀 아트) 12개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 상점 UI

    픽셀 아트 스타일의 상점과 경제 부품 12개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일39 kB
  • Dusk 계열의 제작과 레시피 부품(픽셀 아트) 13개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 제작 UI

    픽셀 아트 스타일의 제작과 레시피 부품 13개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일31 kB
  • Dusk 계열의 퀘스트 일지와 목표 부품(픽셀 아트) 13개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 퀘스트 일지

    픽셀 아트 스타일의 퀘스트 일지와 목표 부품 13개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일42 kB
  • Dusk 계열의 스테이지 선택과 지도 조각(픽셀 아트) 12개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 스테이지 선택

    픽셀 아트 스타일의 스테이지 선택과 지도 조각 12개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일32 kB
  • Dusk 계열의 순위표와 업적 부품(픽셀 아트) 12개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 순위표

    픽셀 아트 스타일의 순위표와 업적 부품 12개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일47 kB
  • Dusk 계열의 파티와 편성 부품(픽셀 아트) 13개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 파티 UI

    픽셀 아트 스타일의 파티와 편성 부품 13개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일50 kB
  • Dusk 계열의 튜토리얼 안내 표시(픽셀 아트) 12개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 튜토리얼 UI

    픽셀 아트 스타일의 튜토리얼 안내 표시 12개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일41 kB
  • Dusk 계열의 모달 창과 시스템 알림(픽셀 아트) 15개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 모달 창

    픽셀 아트 스타일의 모달 창과 시스템 알림 15개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일51 kB
  • Dusk 계열의 캐릭터 시트와 능력치 부품(픽셀 아트) 12개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Dusk 캐릭터 시트

    픽셀 아트 스타일의 캐릭터 시트와 능력치 부품 12개. 다크 인터페이스용, 밤 바이올렛 팔레트에 앰버 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일55 kB

각 에셋은 자기 페이지에서 따로 내려받습니다. 필요한 것만 가져갈 수 있고 파일 목록과 용량, 라이선스가 항목별로 정확하게 남습니다.