가민 워치 페이스 디자이너 - 무료 맞춤형 워치 페이스
온라인에서 무료로 맞춤형 가민 워치 페이스를 만드는 디자인 도구입니다. 드래그 앤 드롭 인터페이스로 Fenix, Forerunner, Venu 등 다양한 모델용 디지털 워치 페이스를 코딩 지식 없이 직접 디자인하고 저장할 수 있습니다.
가민 워치 페이스 디자이너
가민 스마트워치를 위한 맞춤형 워치 페이스 디자인하기
디자인 설정
미리보기
요소를 워치 페이스로 드래그하세요
요소 설정
저장된 디자인
문서화
Garmin 워치 페이스 디자이너란?
Garmin 워치 페이스 디자이너는 맞춤형 Garmin 워치 페이스의 레이아웃을 계획하는 무료 온라인 도구입니다. 사용자는 원형 또는 직사각형 시계 화면의 미리 보기에 시간, 날짜, 걸음 수, 심박수, 배터리 잔량이라는 다섯 가지 표시 요소를 배치하고, 색상과 글꼴 크기를 선택한 다음 레이아웃을 저장하거나 파일로 다운로드할 수 있습니다. 이 도구는 디자인 및 계획을 위한 보조 도구입니다. 자체적으로 작동하는 워치 페이스를 Garmin 기기에 설치하지는 않습니다. 실제 시계에서 실행되는 소프트웨어로 레이아웃을 변환하려면 Garmin의 Connect IQ 개발 도구가 필요하며, 이에 대해서는 아래에서 자세히 설명합니다.
디자인 캔버스 작동 방식
미리 보기 캔버스는 정사각형이며, 시계 화면의 형태에 맞춰 모서리가 둥근 직사각형 또는 원으로 표시됩니다. 각 요소의 위치는 픽셀이 아니라 캔버스 너비와 높이에 대한 백분율로 지정됩니다. 따라서 화면 크기와 관계없이 레이아웃을 사용할 수 있습니다.
요소를 드래그하면 새 위치는 다음과 같이 계산됩니다.
1x% = (mouse x position on canvas / canvas width) × 100
2y% = (mouse y position on canvas / canvas height) × 100
3두 값 모두 0에서 100까지의 범위로 제한되므로 요소를 표시되는 워치 페이스 밖으로 드래그할 수 없습니다.
계산 예시. 미리 보기 캔버스는 한 변이 280픽셀인 정사각형입니다. 심박수 요소를 왼쪽에서 210픽셀, 위쪽에서 210픽셀 떨어진 지점으로 드래그하면 다음과 같습니다.
1x% = (210 / 280) × 100 = 75
2y% = (210 / 280) × 100 = 75
3이는 심박수 요소의 도구 자체 초기 위치와 일치합니다. 기본적으로 이 요소는 x = 75, y = 75(워치 페이스의 오른쪽 아래)에 배치됩니다.
다섯 가지 요소와 초기값
새 디자인은 다음 기본값으로 시작합니다.
| 요소 | 기본 위치 (x%, y%) | 기본 색상 | 기본 글꼴 크기 |
|---|---|---|---|
| 시간 | 50, 40 | 흰색 | 대형 |
| 날짜 | 50, 60 | 흰색 | 중간 |
| 걸음 수 | 25, 75 | 연한 파란색 | 소형 |
| 심박수 | 75, 75 | 빨간색 | 소형 |
| 배터리 | 50, 85 | 연한 녹색 | 소형 |
글꼴 크기와 관계없이 미리 보기에서 시간 요소는 항상 굵게 표시됩니다. 다른 요소에서 "large"를 선택해도 굵게 표시되며, "small"과 "medium"은 굵게 표시되지 않습니다.
각 요소는 표시하거나 숨길 수 있고, 색상 선택기로 색상을 변경하거나 크기(작게, 중간, 크게)를 조정할 수 있으며 캔버스의 어느 위치로든 드래그할 수 있습니다. 미리 보기에는 실시간 데이터가 아니라 예시 값이 표시됩니다. 시간 요소에는 10:30이 표시되고(12시간 형식에서는 10:30 AM), 날짜에는 예시 날짜가 표시되며, 걸음 수에는 7,845, 심박수에는 72 BPM, 배터리에는 85%가 표시됩니다. 이 숫자는 레이아웃이 어떻게 보일지 보여 주기 위한 것일 뿐 실제 시계에서 읽어 온 값이 아닙니다.
시간 및 날짜 형식 옵션
시간은 24시간제(10:30) 또는 12시간제(10:30 AM)로 표시할 수 있습니다. 날짜는 다음 세 가지 형식으로 표시할 수 있습니다.
- DD/MM, 예: 15/06
- MM/DD, 예: 06/15
- DD/MM/YY, 예: 15/06/23
디자인 만드는 방법
- 시계 모델과 형태를 선택합니다. 모델 드롭다운에는 Forerunner 245, Forerunner 945, Fenix 6, Fenix 7, Venu, Venu 2의 여섯 가지 옵션이 있습니다. 형태는 원형 또는 직사각형 중에서 선택합니다. 모델 이름은 참조를 위해 디자인과 함께 저장되며, 내보내기 파일이 생성되는 방식에는 영향을 주지 않습니다.
- 배경색을 선택합니다. 색상 선택기를 사용합니다.
- 캔버스에 요소를 추가합니다. 요소를 클릭한 다음 미리 보기에서 원하는 위치로 드래그합니다.
- 각 요소를 조정합니다. 표시 여부를 전환하고, 텍스트 색상과 글꼴 크기를 설정하며, 시간과 날짜의 경우 형식을 선택합니다.
- 디자인을 저장합니다. 이름을 입력하고 "Save Design"을 선택합니다. 저장된 디자인은 서버가 아니라 브라우저의 로컬 저장소에 기록되므로 다른 기기에서 자동으로 나타나지 않고 동일한 브라우저와 기기에서만 다시 표시됩니다.
- 디자인을 내보냅니다. 파일로 다운로드하거나(아래 참조), "Copy Design JSON"을 사용해 동일한 데이터를 클립보드에 복사할 수 있습니다.
"Reset Positions"를 선택하면 색상이나 표시 여부를 변경하지 않고 모든 요소가 기본 좌표로 돌아갑니다. "Reset"을 선택하면 전체 디자인이 초기 기본값으로 되돌아갑니다.
내보내기 파일에 실제로 들어 있는 내용
"Export Watch Face"를 클릭하면 디자인 이름, 시계 모델 레이블, 형태, 배경색, 요소 목록과 각 요소의 위치, 색상, 크기 및 형식을 담은 .json 텍스트 파일이 다운로드됩니다. 이는 레이아웃을 구조적으로 설명하는 파일로, 브라우저 외부에 디자인을 저장하거나 다른 사람과 공유하거나 선택한 색상 구성을 기록해 두는 데 유용합니다.
이 파일은 Garmin 기기에서 실행할 수 있는 컴파일된 워치 페이스가 아닙니다. Garmin 스마트워치는 Garmin의 소프트웨어 개발 키트인 Connect IQ로 만든 워치 페이스를 실행하며, Connect IQ는 Monkey C 언어로 작성된 프로그램을 기기별 바이너리로 컴파일합니다. 이 바이너리는 Garmin Express, Connect IQ Store 또는 개발자가 직접 사용하는 사이드로딩 절차를 통해 설치하며, USB로 JSON 파일을 시계에 복사해 설치하지는 않습니다. 여기서 만든 정확한 레이아웃을 실제 시계에서 실행하려면 내보낸 JSON을 색상, 위치 및 형식에 대한 사양으로 활용해 Connect IQ 프로젝트로 다시 만들어야 합니다.
자주 묻는 질문
이 도구가 Garmin 기기에 워치 페이스를 설치하나요? 아니요. 이 도구는 디자인 레이아웃과 해당 레이아웃을 설명하는 JSON 파일을 생성합니다. Garmin 기기에서 작동하는 워치 페이스를 사용하려면 Garmin의 Connect IQ 도구로 제작하거나 Connect IQ Store에서 완성된 워치 페이스를 선택해야 합니다.
Garmin 워치 페이스 디자이너는 무료인가요? 예. 다운로드, 계정 또는 결제 없이 브라우저에서 실행됩니다.
코딩이 필요한가요? 디자이너 자체를 사용하는 데 코딩은 필요하지 않습니다. 요소는 드래그 앤 드롭으로 배치하고, 색상과 형식은 메뉴에서 선택합니다.
컴퓨터를 바꾸면 저장한 디자인이 그대로 있나요? 아니요. 디자인은 한 기기의 브라우저 로컬 저장소에 저장됩니다. 기기나 브라우저 간에 동기화되지 않습니다.
어떤 시계 모델을 선택할 수 있나요? 이 도구에는 Forerunner 245, Forerunner 945, Fenix 6, Fenix 7, Venu, Venu 2의 여섯 가지 모델이 나열됩니다. 이는 저장된 디자인에 연결되는 레이블일 뿐 기기별 내보내기 형식은 아닙니다.
시간과 날짜에는 어떤 형식을 사용할 수 있나요? 시간은 12시간제 또는 24시간제로 표시할 수 있습니다. 날짜는 DD/MM, MM/DD 또는 DD/MM/YY로 표시할 수 있습니다.
디자인 팁
가독성에는 텍스트와 배경의 대비가 가장 중요하며, 특히 야외에서 그렇습니다. 시간 요소를 크게 중앙에 배치하고 다른 요소는 세 개 또는 네 개만 두면 화면이 복잡해지는 것을 피할 수 있습니다. 어두운 배경은 한눈에 읽기 쉬운 편이며 OLED 방식의 시계 화면에 흔히 권장됩니다. 이 화면 기술에서는 어두운 픽셀이 전력을 덜 사용하기 때문입니다. 심박수를 걸음 수 가까이에 배치하는 것처럼 관련 정보를 묶으면 요소를 고르게 흩어 놓는 것보다 레이아웃의 구조가 더 명확해집니다.