Garmin 워치 페이스 디자인 미리보기 도구

이 도구는 브라우저에서 원형 워치 페이스를 미리 보여준다. 시간, 날짜, 걸음 수, 심박수를 표시하는 비즈니스 스타일 레이아웃을 그리며, 각 요소의 색상을 바꿀 수 있다. 색상을 바꾸면 미리보기가 즉시 갱신되고, 완성된 디자인은 PNG 이미지로 다운로드할 수 있다.

이 도구는 디자인 미리보기 전용이다. 워치와 연결되지 않으며 설치 가능한 워치 페이스를 만들지 않는다.

미리보기가 보여주는 것

이 워치 페이스는 대부분의 원형 워치 페이스가 따르는 레이아웃을 사용한다.

• 상단에 가로로 배치된 날짜
• 중앙에 크게 표시된 시간
• 그 아래 나란히 놓인 걸음 수와 심박수
• 가장자리를 둘러싼 시간 눈금이 있는 베젤

샘플 수치를 바꿔 실제와 비슷한 숫자로 디자인을 평가할 수 있다. 네 자리 걸음 수는 두 자리 걸음 수보다 더 많은 공간을 차지하며, 12시간제 시계는 오전 또는 오후 표시가 추가된다.

어두운 색상 조합을 쓰는 이유

대부분의 원형 Garmin 워치는 memory-in-pixel 디스플레이 또는 OLED 디스플레이를 사용한다. OLED 화면에서는 검은 픽셀이 아예 꺼지기 때문에 어두운 배경이 전력을 덜 소모한다. 어두운 워치 페이스는 밝은 햇빛 아래에서도 더 읽기 쉬운데, 밝은 배경은 빛을 반사해 눈부심을 만들기 때문이다.

이 도구의 프리셋이 모두 어두운 색인 이유가 여기에 있다. 밝은 배경도 선택할 수 있지만, 이 경우 도구는 일반적인 방식에서 벗어난다는 점을 알려준다.

명암비와 가독성

워치 화면은 흔히 어두운 곳이나 움직이는 중에 한눈에 읽히므로, 명암비가 휴대전화 화면보다 더 중요하다. 이 도구는 WCAG 2.1 공식을 사용해 각 요소와 배경 사이의 명암비를 측정한다.

이 비율은 두 색상의 상대 휘도를 비교한다.

contrast = (L1 + 0.05) ÷ (L2 + 0.05)

L1은 더 밝은 쪽의 휘도이고, L2는 더 어두운 쪽의 휘도다. 결과값은 두 색상이 같을 때의 1:1부터 흰색과 검은색 조합의 21:1까지 나올 수 있다.

알아둘 만한 기준값은 두 가지다.

• 큰 텍스트는 최소 3:1
• 일반 크기 텍스트는 최소 4.5:1

시간은 크게 표시되므로 원칙적으로는 3:1이면 충분하지만, 야외에서는 더 높은 비율이 낫다. 크기가 작은 라벨은 4.5:1 이상일 때 더 읽기 쉽다.

예시

아주 어두운 남색인 #0b1020 배경에 흰색 텍스트 #ffffff를 사용한다고 하자. 이때 명암비는 약 18:1로, 어떤 조명 아래에서도 편안하게 읽을 수 있다.

걸음 수 색상을 배경과 비슷한 파란색인 #2a3a5e로 바꾸면 비율이 약 1.6:1까지 떨어진다. 그러면 팔 길이만큼 떨어진 거리에서는 숫자가 거의 보이지 않게 되며, 도구는 이를 경고로 표시한다.

디자인 다운로드

다운로드 버튼을 누르면 현재 미리보기가 320 by 320 픽셀 크기의 PNG로 변환된다. 이미지는 브라우저 안에서 생성되며 어디에도 업로드되지 않는다. 이 파일은 목업으로 사용하거나, 피드백을 받기 위해 공유하거나, Garmin의 Connect IQ 도구로 실제 워치 페이스를 만들 때 참고용으로 보관할 수 있다.

자주 묻는 질문

이 도구로 만든 워치 페이스를 실제로 설치할 수 있나요?

아니다. 이 도구는 디자인의 이미지를 만들 뿐이다. 설치 가능한 워치 페이스를 만들려면 Garmin의 Connect IQ SDK나 Garmin Watch Face Builder가 필요하다.

워치는 원형인데 왜 미리보기는 정사각형인가요?

이 이미지는 정사각형 캔버스 안에 원형 화면을 그린 것으로, 워치 페이스 그래픽을 만드는 일반적인 방식이다. 모서리 부분은 실제 워치에서는 보이지 않는다.

실제 워치 페이스는 어떤 크기여야 하나요?

모델에 따라 다르다. 흔한 원형 Garmin 디스플레이 크기는 240 by 240, 260 by 260, 416 by 416 픽셀이다. 이 미리보기는 중간값인 320 by 320을 사용한다.

왜 내 워치에서는 색이 다르게 보이나요?

워치 디스플레이마다 밝기와 색 재현력이 다르며, memory-in-pixel 화면은 표현할 수 있는 색상 범위가 제한적이다. 미리보기는 참고용으로만 사용하고, 실제 화면에서 다시 확인해야 한다.

명암비 수치는 무엇을 의미하나요?

이 수치는 웹사이트에도 쓰이는 WCAG 2.1 접근성 표준의 비율이다. 숫자가 클수록 더 읽기 쉽다.