팩 · 29에셋

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

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

땅속을 무대로 하지 않는 게임을 위한 픽셀 아트입니다. 전부가 밝은 바탕 위에 단단한 픽셀 가장자리로 그려져 있습니다. 어두운 버전보다 맞히기 어려운 일이고, 그래서 세상에 이만큼 드뭅니다.

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

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

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

구성

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

    Byte HUD 바 — 체력, 마나, 스태미나

    밝은 픽셀의 HUD 바 스프라이트 16개. 표준·슬림·세로 프레임에 각각 띠 채움 세 가지, 분할·고스트·실드 변형까지. SVG와 투명 PNG.

    픽셀 아트2 파일27 kB
  • 밝은 픽셀 타일 위의 선화 게임 메뉴 아이콘 57개. 크게 보여 주고, 시트에 배열하고, 다시 실제 크기 24픽셀로 표시했습니다CC-BY-4.0

    Byte 메뉴 아이콘 — 24px 선화 세트

    밝은 픽셀의 단색 선화 메뉴 아이콘 57개, 24×24 그리드. 재생, 일시정지, 설정 외 54개. 시트와 개별 파일, 투명 PNG 포함.

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

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

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

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

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

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

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

    Byte 배경화면

    픽셀 아트 스타일의 배경과 오버레이 요소 13개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 타일셋 — 바닥 타일

    픽셀 아트 스타일의 바닥 타일 58개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 심리스 텍스처

    픽셀 아트 스타일의 반복 표면 텍스처 20개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 대화 키트

    픽셀 아트 스타일의 대화 컴포넌트 15개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 내비게이션 키트

    픽셀 아트 스타일의 내비게이션과 입력 컴포넌트 15개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte HUD 프레임

    픽셀 아트 스타일의 헤드업 디스플레이 프레임 16개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 진행 키트

    픽셀 아트 스타일의 진행과 보상 컴포넌트 20개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 키 표시

    픽셀 아트 스타일의 키 표시 스프라이트 16개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 카드 프레임

    픽셀 아트 스타일의 카드와 알림 컴포넌트 18개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 엠블럼

    픽셀 아트 스타일의 문장, 휘장, 계급장 26개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 커서

    픽셀 아트 스타일의 마우스 커서 12개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 맵 마커

    픽셀 아트 스타일의 맵 마커와 월드 표시 12개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 상태 효과

    픽셀 아트 스타일의 상태 효과 프레임과 지속 시간 표시 12개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 타격 이펙트

    픽셀 아트 스타일의 충격과 이펙트 스프라이트 12개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 로딩

    픽셀 아트 스타일의 로딩과 대기 표시 20개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 상점 UI

    픽셀 아트 스타일의 상점과 경제 부품 12개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 제작 UI

    픽셀 아트 스타일의 제작과 레시피 부품 13개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 퀘스트 일지

    픽셀 아트 스타일의 퀘스트 일지와 목표 부품 13개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 스테이지 선택

    픽셀 아트 스타일의 스테이지 선택과 지도 조각 12개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 순위표

    픽셀 아트 스타일의 순위표와 업적 부품 12개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 파티 UI

    픽셀 아트 스타일의 파티와 편성 부품 13개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 튜토리얼 UI

    픽셀 아트 스타일의 튜토리얼 안내 표시 12개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 모달 창

    픽셀 아트 스타일의 모달 창과 시스템 알림 15개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Byte 캐릭터 시트

    픽셀 아트 스타일의 캐릭터 시트와 능력치 부품 12개. 라이트 인터페이스용, 차가운 뼈색 팔레트에 시그널 청록 강조색. SVG와 투명 PNG 1x/2x/4x.

    픽셀 아트2 파일55 kB

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