ウォッチフェイス
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
ウォッチフェイスは、ユーザーがスマートウォッチをチェックする際に最初に操作する、Wear OS で最も使用されるサーフェスです。ユーザーは自分のスタイルやニーズに合わせてウォッチフェイスをカスタマイズできます。

UX の原則
以下の各セクションでは、ウォッチフェイスを作成する際に留意すべき原則について説明します。
時刻を表示 |
表現力豊か |
役に立つ |
ウォッチフェイスの最優先の目的は時刻を伝えることです。ユーザーは平均して 1 日に 150 回時刻を確認します。時刻が画面にはっきりと表示されるようにします。 |
ウォッチフェイスでは、ユーザーが個性やスタイルを独自の方法で表現できます。さまざまなデザインのウォッチフェイスを用意し、カスタマイズも容易にできるようにします。 |
ウォッチフェイスでは、ユーザーが重要な情報をすばやく確認できます。ユーザーが求める情報を表示できるように、ウォッチフェイスの追加機能を使用します。 |
ガイドライン
ウォッチフェイスは、すべてのスマートウォッチの中核となるエクスペリエンスです。ウォッチフェイスをデザインする際には、ユーザーの共感を呼ぶ独自のウォッチフェイスを柔軟に作成できます。次のガイドラインに留意してください。
 |
ひと目でわかるようにする クリアなフォント、見やすいアイコン、シンプルなレイアウトで、ウォッチフェイスをひと目でわかるようにします。そうすることで、ユーザーは重要な情報にすばやくアクセスできます。
|
 |
ウォッチフェイスの追加機能を設定する ウォッチフェイスの追加機能は、重要な情報にすばやくアクセスできるようにするためのものです。ユーザーに関連する情報を表示するようにパーソナライズすることも可能です。
|
 |
カスタマイズできるようにする 色の変更、タップ操作のカスタマイズ、機能の追加など、ウォッチフェイスのカスタマイズ オプションを用意します。そうすることでユーザーは、スタイルや機能面でのニーズに合わせてスマートウォッチをカスタマイズできます。カスタマイズすることで、ウォッチフェイスを魅力的にし、実用性も高められます。
|
 |
黒色を使用する スマートウォッチのバッテリーを長持ちさせるため、メインの色は黒にします。また、黒は無彩色で何にでも合うため、他のデザイン要素が引き立ちます。
|
 |
ベゼル内に収める スマートウォッチのベゼル内に収まるようにウォッチフェイスをデザインすると、ベゼルによって重要な要素が切り取られたり隠されたりするのを最小限に抑えられ、見栄えも良くなります。
|
電力に関する考慮事項
シンプルなグラフィックや暗い背景を使用し、コードを最適化することでバッテリーを節約できるように、ウォッチフェイスをデザインしましょう。これにより、ユーザー エクスペリエンスが向上し、バッテリーが長持ちします。
すべてのウォッチフェイスには 2 つのモードがあります。
 |
 |
インタラクティブ これは、ユーザーがスマートウォッチを操作しているときに表示されるウォッチフェイスです。
|
常に表示状態のディスプレイ(AoD)
これは、ユーザーがスマートウォッチを操作していないときに表示されるウォッチフェイスです。AoD ウォッチフェイスでは、バッテリーを節約するために、明るくするピクセルがウォッチフェイスの 15% 以下である必要があります。
|
ウォッチフェイスについて詳しくは、ウォッチフェイスを作成するをご覧ください。
このページのコンテンツやコードサンプルは、コンテンツ ライセンスに記載のライセンスに従います。Java および OpenJDK は Oracle および関連会社の商標または登録商標です。
最終更新日 2025-07-27 UTC。
[null,null,["最終更新日 2025-07-27 UTC。"],[],[],null,["# Watch faces\n\nA watch face is the first surface users interact with when they check their\nsmartwatch and the most used surface of Wear OS. Users can customize their\nwatch face to their style or for their needs.\n\nUX Principles\n-------------\n\nThe following sections describe principles to keep in mind when creating\nwatch faces.\n\n|-----------------------------------------------------------------------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| Time-telling ------------ | Expressive ---------- | Useful ------ |\n| The purpose of a watch face is foremost to tell the time. On average, people check the time 150 times a day. Ensure that time is highly visible on your screen. | Watch faces provide unique ways for users to express their personality and style. Include variety in your watch face designs and facilitate customization. | Watch faces provide users with the ability to quickly glance at important information. Use complications on the watch face to let users to view what they want. |\n\nGuidelines\n----------\n\nWatch faces are a core experience on every watch. When designing watch faces\nyou have flexibility to create unique watch faces that resonate with users. Keep\nin mind the following guidelines.\n\n|---|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| | **Make glanceable** Make watch faces glanceable with clear fonts, legible icons, and a simple layout. This lets users access important information quickly. |\n| | **Include complications** Complications provide quick access to important information and can be personalized to display what is relevant to the user. |\n| | **Allow for customization** Offer customization options for watch faces such as color ways, customizable hands and complications. This allows users to personalize their smartwatch to their style and functional needs. This enhances the aesthetic appeal and practicality of the watch face. |\n| | **Use the color black** Use black as the primary color as this helps to conserve battery life on your watch. Black is also versatile and neutral, so it allows other design elements to stand out. |\n| | **Stay within the bezel** Design watch faces to fit within the bezel of the smartwatch to ensure a clean appearance and minimize essential elements being cropped or covered by the bezel. |\n\nPower considerations\n--------------------\n\nDesign watch faces to conserve battery life with simple graphics, dark\nbackgrounds, and optimized code. This improves the user experience and allows\nthe battery to last longer.\n\nEvery watch face has two modes.\n\n|-------------------------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| | |\n| **Interactive** This is the watch face shown when the user is interacting with the watch. | **Always-on display (AoD)** This is the watch face shown when the users are not interacting with the watch. AoD watch faces must illuminate 15% or less of the pixels on the watch face to conserve battery life. |\n\nFor more information about watch faces, see\n[Build watch faces](/training/wearables/watch-faces)."]]