팩 · 14에셋

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

Byte 계열을 한자리에. nine-slice 패널과 버튼, HUD 바, 메뉴 아이콘 세트, 폼 컨트롤, 인벤토리 칸, 그리고 나머지 전부. 팔레트 하나, 선 두께 하나, nine-slice 여백 한 벌.

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

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

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

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

구성

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

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

    밝은 픽셀의 단색 선화 메뉴 아이콘 일곱 개, 24×24. 재생, 일시정지, 설정, 인벤토리, 지도, 확인, 닫기. 시트와 개별 파일.

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

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

    밝은 픽셀의 56×56 인벤토리 칸. 빈 칸, 호버, 선택, 잠김의 네 상태와 희귀도 프레임 세 종류. SVG와 투명 PNG.

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

    Byte 배경화면

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

    픽셀 아트2 파일20 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 계열의 대화 컴포넌트(픽셀 아트) 7개를 투명 체크무늬 위에 배치하고 아래에 픽셀 치수를 적은 시트CC-BY-4.0

    Byte 대화 키트

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

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

    Byte 내비게이션 키트

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

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

    Byte HUD 프레임

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

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

    Byte 진행 키트

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

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

    Byte 키 표시

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

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

    Byte 카드 프레임

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

    픽셀 아트2 파일46 kB

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