팩 · 14에셋

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

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

지어졌다기보다 그려진 것처럼 보이는 게임을 위한 것입니다. 노트 어드벤처, 종이 질감의 퍼즐, 선명한 벡터 사각형이 환상을 깨뜨릴 모든 것.

같은 규칙으로 그린 키트 14개. 한 화면에 놓아도 어느 것 하나 빌려온 것처럼 보이지 않습니다. 같은 미색 종이 여섯 톤, 같은 잉크 블루 강조색 하나, 같은 2.5 px 선, 그리고 언제나 4의 배수인 nine-slice 여백.

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

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

구성

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

    Sketch 메뉴 아이콘 — 32px 선화 세트

    잉크 노트의 단색 선화 메뉴 아이콘 일곱 개, 32×32. 재생, 일시정지, 설정, 인벤토리, 지도, 확인, 닫기. 시트와 개별 파일.

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

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

    잉크 노트의 68×68 인벤토리 칸. 빈 칸, 호버, 선택, 잠김의 네 상태와 희귀도 프레임 세 종류. SVG와 투명 PNG.

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

    Sketch 배경화면

    손그림 스타일의 배경과 오버레이 요소 7개. 라이트 인터페이스용, 미색 종이 팔레트에 잉크 블루 강조색. SVG와 투명 PNG 1x/2x/4x.

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

    Sketch 타일셋 — 바닥 타일

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

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

    Sketch 심리스 텍스처

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

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

    Sketch 대화 키트

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

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

    Sketch 내비게이션 키트

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

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

    Sketch HUD 프레임

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

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

    Sketch 진행 키트

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

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

    Sketch 키 표시

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

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

    Sketch 카드 프레임

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

    손그림2 파일449 kB

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