ガーミン ウォッチフェイスデザイナー - 無料のカスタムウォッチフェイス
ガーミンのスマートウォッチ向けカスタム文字盤を無料で作成できるオンラインツール。ドラッグ&ドロップの操作画面を使い、Fenix、Forerunner、Venuなど各シリーズ向けのデジタルウォッチフェイスを、プログラミングの知識なしで自由にデザインし保存できる仕組みになっている。
Garminウォッチフェイスデザイナー
Garminスマートウォッチ用のカスタムウォッチフェイスをデザインする
デザイン設定
プレビュー
要素をウォッチフェイスにドラッグしてください
要素設定
保存されたデザイン
ドキュメンテーション
Garmin Watch Face Designerとは?
Garmin Watch Face Designerは、カスタムGarminウォッチフェイスのレイアウトを計画するための無料オンラインツールです。ユーザーは、円形または長方形のウォッチ画面のプレビュー上に、時刻、日付、歩数、心拍数、バッテリー残量という5つの表示要素を配置し、色とフォントサイズを選んでから、レイアウトを保存するかファイルとしてダウンロードできます。このツールはデザインと計画のための補助機能です。単独で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(画面の右下)に配置されます。
5つの要素と初期値
新しいデザインはすべて、次の初期値で開始します。
| 元素 | デフォルトの位置(x%, y%) | デフォルトの色 | デフォルトのフォントサイズ |
|---|---|---|---|
| 時刻 | 50, 40 | 白 | 大型 |
| 日付 | 50, 60 | 白 | 中型 |
| 歩数 | 25, 75 | 淡い青 | 小型 |
| 心拍数 | 75, 75 | 赤 | 小型 |
| バッテリー | 50, 85 | 淡い緑 | 小型 |
フォントサイズにかかわらず、プレビューでは時刻要素が常に太字で表示されます。他の要素で「大」を選ぶと、その要素も太字になります。「小」と「中」は太字になりません。
各要素は、表示または非表示にしたり、カラーピッカーで色を変更したり、「小」「中」「大」にサイズ変更したり、キャンバス上の任意の位置へドラッグしたりできます。プレビューには実際のデータではなくサンプル値が表示されます。時刻要素は10:30(12時間制では10:30 AM)、日付はサンプル日付、歩数は7,845、心拍数は72 BPM、バッテリーは85%を表示します。これらの数値はレイアウトの見た目を示すためだけのもので、実際のウォッチから読み取ったものではありません。
時刻と日付の表示形式
時刻は24時間制(10:30)または12時間制(10:30 AM)で表示できます。日付は次の3形式で表示できます。
- 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の6つの選択肢があります。形状は円形または長方形です。モデル名は参照用としてデザインとともに保存されますが、エクスポートファイルの作成方法は変わりません。
- 背景色を選択する。 カラーピッカーを使って選択します。
- キャンバスに要素を追加する。 要素を1つクリックし、プレビュー上の位置までドラッグします。
- 各要素を調整する。 表示・非表示を切り替え、文字色とフォントサイズを設定し、時刻と日付については表示形式を選択します。
- デザインを保存する。 名前を入力して「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、または開発者独自のサイドロード手順を通じてインストールされます。JSONファイルをUSB経由でウォッチにコピーしてインストールするものではありません。ここで作成したレイアウトを実際のウォッチで正確に動作させたい場合は、エクスポートしたJSONを色、位置、表示形式の仕様書として使い、Connect IQプロジェクトとして再作成する必要があります。
よくある質問
このツールでGarminデバイスにウォッチフェイスを入れられますか? いいえ。このツールが作成するのはデザインレイアウトと、そのレイアウトを記述したJSONファイルです。Garminデバイスで動作するウォッチフェイスを使うには、GarminのConnect IQツールで作成するか、Connect IQ Storeから既製のウォッチフェイスを選ぶ必要があります。
Garmin Watch Face Designerは無料ですか? はい。ダウンロード、アカウント登録、支払いの必要はなく、ブラウザー上で実行できます。
コーディングは必要ですか? デザイナー自体を使うのにコーディングは必要ありません。要素はドラッグ&ドロップで配置し、色と表示形式はメニューから選択します。
コンピューターを変えても保存したデザインは残りますか? いいえ。デザインは1台のデバイス上にあるブラウザーのローカルストレージに保存されます。デバイス間やブラウザー間で同期されることはありません。
どのウォッチモデルを選択できますか? このツールには、Forerunner 245、Forerunner 945、Fenix 6、Fenix 7、Venu、Venu 2の6モデルが表示されます。これは保存したデザインに付加されるラベルであり、デバイス固有のエクスポート形式ではありません。
時刻と日付にはどのような表示形式を使用できますか? 時刻は12時間制または24時間制にできます。日付はDD/MM、MM/DD、DD/MM/YYのいずれかです。
デザインのヒント
文字と背景のコントラストは、特に屋外での読みやすさに大きく影響します。時刻要素を大きく中央に配置し、その他の要素を3つか4つだけにすると、画面が乱雑になりません。暗い背景は一目で読み取りやすい傾向があり、OLEDタイプのウォッチ画面では一般的に推奨されます。この画面技術では、暗いピクセルのほうが消費電力が少ないためです。心拍数を歩数の近くに置くなど、関連する情報をまとめると、要素を均等に散らすよりもレイアウトの構成が明確になります。