가민 화면 디자인
이 스킬은 218px MIP Forerunner부터 466px AMOLED fēnix까지 모든 원형 가민 화면에서 하나의 디자인이 잘 읽히도록 만듭니다. 한 시계에서 올바르게 보이는 화면은 첫 번째 초안일 뿐입니다.
Monkey C 동작은 garmin-app에 속합니다. 화면 캡처는 garmin-simulator에 속합니다.
9가지 화면 크기를 위해 설계하고, 각각 하나씩 테스트하세요
원형 Connect IQ 화면은 218, 240, 260, 280(MIP, 64색) 및 360, 390, 416, 454, 466px(AMOLED) 크기로 제공됩니다. 화면 완성을 선언하기 전에 표시할 수 있는 가장 긴 값으로 각 크기당 하나의 시계에서 실행하세요 (screens.md).
고정된 픽셀이 아닌 측정된 높이를 기준으로 배치하세요
동일한 명목 크기에서 AMOLED 폰트는 MIP 폰트보다 더 큽니다. 슬롯의 분수와 dc.getFontHeight()를 사용하여 배치하고, 줄 높이가 글리프에 맞게 조정된 폰트에서는 TEXT_JUSTIFY_VCENTER로 중앙 정렬하세요.
중요한 숫자에는 자체 비트맵 폰트를 사용하세요
시스템 폰트는 시계마다 다르며 많은 소형 화면에는 벡터 폰트가 없습니다. 화면 크기별로 그리는 문자만 포함하는 BMFont .fnt + .png를 생성하고, 색상 채널과 알파 채널 모두에 글리프 커버리지를 저장하세요(그렇지 않으면 시계에서 앤티앨리어싱이 적용되지 않습니다). 그리고 줄 높이를 글리프에 맞게 조정하세요 (fonts.md).
중앙 정렬하는 폰트에서 악센트를 제거하세요
É 또는 À 문자 세트를 포함하는 폰트는 대문자 위에 공간을 확보하므로 VCENTER는 대문자를 너무 낮게 배치합니다. 영역 필이 "Z4"를 중앙에서 벗어나 읽었지만, Z, 숫자 및 -만 있는 자체 폰트를 얻은 후에야 제자리를 찾았습니다.
모든 숫자가 그 자체로 읽히는지 확인하세요
일부 서체는 1을 가느다란 획으로 그려서 "Z1"이 "ZI"로, "101"이 "IOI"로 한눈에 읽힙니다. 서체를 선택하기 전에 1, 7, 0 및 O를 크게 살펴보세요. 하나가 실패하면 다른 서체를 선택하거나 자체 폰트 생성기에서 해당 글리프를 다시 그리세요.
모든 레이블이 모든 언어에서 해당 슬롯에 맞아야 합니다
각 레이블의 픽셀 너비를 모든 언어에서 해당 슬롯에 대해 측정하세요. 번역된 레이블은 더 길어집니다(프랑스어 레이블이 넘쳤습니다). 추측하지 말고 측정하세요. 단위를 제거한 다음 축약하고, 두 레이블이 절대 닿지 않도록 하세요 (screens.md).
MIP 색상을 직접 선택하세요
MIP 화면은 64색을 표시하며, 채널 값은 00/55/AA/FF만 가능합니다. 컴파일러가 잘못 반올림합니다(갈색이 올리브색으로 변했습니다). AMOLED, MIP 및 흰색 배경에 대해 별도의 팔레트를 유지하고, 64가지 색상 중에서 눈으로 각 MIP 색상을 선택하세요 (colors.md).
drawArc로 호를 그리세요
폴리곤으로 만든 호는 실제 시계에서 손으로 그린 것처럼 보입니다. dc.drawArc는 부드럽습니다. 각도에서 자신으로 가는 호는 완전한 원을 그립니다. 길이가 0인 호를 보호하세요.
움직이는 마커가 가리키는 대상을 덮어서는 안 됩니다
텍스트 위에 그려진 바늘이나 비트맵은 텍스트를 지웁니다. 모든 화면 크기에서 주변 텍스트에 대해 마커 크기를 조정하세요. 390px에서 읽기에 충분히 긴 바늘이 낮은 영역에서 심장 아이콘에 닿았습니다.
아이콘을 한 번 그리고 크게 그리세요
런처 아이콘을 1024px로 그리고, LANCZOS로 장치의 compiler.json에서 각 launcherIcon 크기로 줄인 다음, resources-round-WxH/drawables/에 각각 하나씩 저장하세요. MIP 크기에는 64색 팔레트를 사용하세요.