2D · 892에셋

UI 팩

버튼, 패널, 프레임, 바, 아이콘 — nine-slice 대응, 투명 PNG와 벡터 소스 포함.

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

    Sketch 제작 UI

    손그림 스타일의 제작과 레시피 부품 13개. 라이트 인터페이스용, 미색 종이 팔레트에 잉크 블루 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Sketch 커서

    손그림 스타일의 마우스 커서 12개. 라이트 인터페이스용, 미색 종이 팔레트에 잉크 블루 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Sketch 대화 키트

    손그림 스타일의 대화 컴포넌트 15개. 라이트 인터페이스용, 미색 종이 팔레트에 잉크 블루 강조색. SVG와 투명 PNG 1x/2x/4x.

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

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

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

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

    Sketch HUD 프레임

    손그림 스타일의 헤드업 디스플레이 프레임 16개. 라이트 인터페이스용, 미색 종이 팔레트에 잉크 블루 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Sketch 키 표시

    손그림 스타일의 키 표시 스프라이트 16개. 라이트 인터페이스용, 미색 종이 팔레트에 잉크 블루 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Sketch 인벤토리 칸 — 68px 그리드

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

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

    Sketch 순위표

    손그림 스타일의 순위표와 업적 부품 12개. 라이트 인터페이스용, 미색 종이 팔레트에 잉크 블루 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Sketch 스테이지 선택

    손그림 스타일의 스테이지 선택과 지도 조각 12개. 라이트 인터페이스용, 미색 종이 팔레트에 잉크 블루 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Sketch 로딩

    손그림 스타일의 로딩과 대기 표시 20개. 라이트 인터페이스용, 미색 종이 팔레트에 잉크 블루 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Sketch 맵 마커

    손그림 스타일의 맵 마커와 월드 표시 12개. 라이트 인터페이스용, 미색 종이 팔레트에 잉크 블루 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Sketch 모달 창

    손그림 스타일의 모달 창과 시스템 알림 15개. 라이트 인터페이스용, 미색 종이 팔레트에 잉크 블루 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Sketch 내비게이션 키트

    손그림 스타일의 내비게이션과 입력 컴포넌트 15개. 라이트 인터페이스용, 미색 종이 팔레트에 잉크 블루 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Sketch 파티 UI

    손그림 스타일의 파티와 편성 부품 13개. 라이트 인터페이스용, 미색 종이 팔레트에 잉크 블루 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Sketch 진행 키트

    손그림 스타일의 진행과 보상 컴포넌트 20개. 라이트 인터페이스용, 미색 종이 팔레트에 잉크 블루 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Sketch 퀘스트 일지

    손그림 스타일의 퀘스트 일지와 목표 부품 13개. 라이트 인터페이스용, 미색 종이 팔레트에 잉크 블루 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Sketch 상점 UI

    손그림 스타일의 상점과 경제 부품 12개. 라이트 인터페이스용, 미색 종이 팔레트에 잉크 블루 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Sketch 상태 효과

    손그림 스타일의 상태 효과 프레임과 지속 시간 표시 12개. 라이트 인터페이스용, 미색 종이 팔레트에 잉크 블루 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Sketch 튜토리얼 UI

    손그림 스타일의 튜토리얼 안내 표시 12개. 라이트 인터페이스용, 미색 종이 팔레트에 잉크 블루 강조색. SVG와 투명 PNG 1x/2x/4x.

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

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

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

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

    Slate 배경화면

    리얼 스타일의 배경과 오버레이 요소 13개. 다크 인터페이스용, 중립 슬레이트 팔레트에 따뜻한 금색 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Slate 카드 프레임

    리얼 스타일의 카드와 알림 컴포넌트 18개. 다크 인터페이스용, 중립 슬레이트 팔레트에 따뜻한 금색 강조색. SVG와 투명 PNG 1x/2x/4x.

    리얼2 파일225 kB