Apple Watchヒューマンインターフェイスを使用するためのガイドライン

Apple Watchのインターフェースを開発するためのAppleの公式ガイド-現在ロシア語で！ Alconostの技術翻訳者は素晴らしい仕事をしました。 ただし、この資料の編集中に、Appleはこのガイドラインの新しいバージョンを公開しました。そのため、ブログでの更新にご注目ください。

ユーザーインターフェイスデザインの基本

Apple Watchのデザイン

重要！
これは、開発中のAPIまたはテクノロジーを説明する予備文書です。 Appleはこの情報を提供するため、ここで説明するApple製品のテクノロジーおよびソフトウェアインターフェイスを計画できます。 ここに含まれる情報は変更される可能性があるため、このドキュメントを使用して作成したソフトウェアは、オペレーティングシステムの最終バージョンを使用してテストし、このドキュメントの最終バージョンを使用する必要があります。 APIまたはテクノロジーの将来のベータバージョンについては、このドキュメントの新しいバージョンが作成される可能性があります。

Apple Watchには、次の概念が組み込まれています。


人格 Apple Watch製品は着用するように設計されているため、デバイスのユーザーインターフェイスはユーザーの操作に適応します。 たとえば、手首を上げると、時刻と新しい通知がデバイス画面に表示されます。 デジタルタッチシステム（特に、ハートビートとスケッチ機能）のおかげで、新しいタイプのパーソナルコミュニケーションを使用できます。 加速度計と心拍センサーを使用して、デバイス所有者の毎日の活動に関する情報を取得できます。 Appleデバイスはどれも、その所有者とそれほど密接に関連していません。 Apple Watch用のアプリケーションを開発するときは、このことに留意してください。


誠実さ Apple Watchは、物理オブジェクトとソフトウェアの境界を消去します。 Digital Crownは、さまざまなニュアンスを考慮してアプリケーション内をナビゲートできるようにする、細かく調整されたハードウェアコントロールです。 Taptic Engineは、画面上のインターフェース要素との通知および相互作用に対するソフトで物理的な応答を提供します。 強制タッチは、物理的なジェスチャーを認識および解釈するためのハードウェア機能です。 コンテキストプログラム制御のまったく新しい可能性を切り開きます。 Retinaディスプレイの物理的な境界線も考慮されるため、ユーザーインターフェイスのデザインは、この境界線が見えなくなるように設計されています。 ハードウェアとソフトウェアの統一感を高めるような方法で、アプリケーションの設計を検討する必要があります。

明度。 Apple Watchのアプリケーションは、迅速で複雑でない対話を想定して開発されています。この間、時計ディスプレイが最も効果的に使用され、手首の時計の位置も考慮されます。 ユーザーは、情報にすばやく簡単にアクセスしたり、画面から削除したりできます。 これにより、機密性と利便性が確保されます。 たとえば、ショートルックアラートはショートアラートです。 時計の所有者が興味を持っている場合にのみ、追加情報を表示します。 Glanceコントロールは、指の動きを制御できる使いやすいインターフェイスでアプリケーションが提供する情報を表示します。 Apple Watch用のアプリケーションを開発するプロセスでは、デバイスの所有者が小さな画面でアプリケーションを頻繁に使用し、短い時間を与えるという事実を考慮する必要があります。

WatchKitアプリは、コアiOSアプリを補完するものであり、それらを置き換えるものではありません。 iOSアプリケーションとの対話時間が数分で測定される場合、ユーザーは数秒でWatchKitアプリケーションと対話する可能性があります。 したがって、アプリケーションとの対話のセッションは短命であり、インターフェイスはシンプルである必要があります。

アプリケーションの解剖学

アプリを起動するには、Apple WatchをiPhoneとペアリングする必要があります。

インターフェイスナビゲーションメソッド

WatchKitアプリケーションは、次に説明する2つのナビゲーション方法をサポートしています。

• 階層的 。 この方法は、iOSで使用されるナビゲーション方法に似ており、情報の階層構造を持つアプリケーションに最適です。 階層構造を持つアプリケーションでは、ユーザーは目的の結果が得られるまで各画面で1つの要素を順番に選択します。 別のアクションを実行するには、ユーザーは数ステップまたは最初に戻って、階層の別のブランチを通過する必要があります。

アプリケーションとのユーザーインタラクションの複雑なシステムを編成する必要がある場合、通常、これらの目的には、単純なページナビゲーションモデルよりも階層的なモデルの方が適しています。

• ページ ユーザーは、ページインターフェイスを使用して、画面上で指を水平方向にスワイプすることでページ間を移動できます。 このようなインターフェイスは、各ページのデータが他のページのデータに直接関係しない単純なデータモデルを持つアプリケーションに最適です。

各ページの下部にあるドットインジケーターは、セット内のページの位置を表示します。 ナビゲーションを簡単にするには、できるだけ少ないページを使用する必要があります。



階層スタイルとページインターフェイススタイルを組み合わせることはできません。 設計段階では、アプリケーションのコンテンツとその設計に最適なスタイルを選択する必要があります。

これらのインターフェイススタイルを使用するアプリケーションは、コンテンツをモーダルに表示できます。 モーダルインターフェイスを使用すると、ユーザーはアプリケーションの他の部分との対話に気を取られることなく、タスクを完了したり情報を受信したりできます。 モーダルウィンドウのセクションを参照してください。

ユーザーインタラクションの種類

• アクションベースのイベント 。 画面に触れることは、アイテムを選択するか、アイテムと対話することを意味します。 ユーザーがアプリケーションを操作する主な方法は、シングルタッチです。 テーブル、ボタン、スイッチ、およびその他のアイテムの行は、タッチで制御されます。 それらに関する情報は、WatchKit拡張機能のプログラムコードに転送されます。
• ジェスチャー 。 システムはすべてのジェスチャを処理し、それらを使用して次の標準アクションを実行します。
• ディスプレイを縦にスワイプすると、現在の画面の内容がスクロールします。
• 指を水平方向にスワイプすると、ページインターフェイスの前または次のページが表示されます。
• 画面の左端付近で指をスライドさせると、親インターフェイスに移動します。

Apple Watchは、圧縮ジェスチャーなどのマルチフィンガージェスチャーをサポートしていません。

• 強制タッチ機能。 Retinaディスプレイは、タッチを検出するだけでなく、ユーザーの指が画面を押す力を決定します。 タッチとその強さに関する情報が検出されると、システムは現在の画面のコンテキストメニュー（表示されている場合）を表示します。 このメニューを使用すると、アプリケーションは現在のコンテンツに対して可能なアクションを表示できます。 メニューのセクションをご覧ください。
• デジタルクラウンコントロール Digital Crownハードウェアコントロールを使用すると、Apple Watchの画面をブロックすることなく、適応的に構成された高速スクロール機能を使用できます。 これにより、ユーザーは長いページを簡単にスクロールできます。 サードパーティのアプリケーションでは、デジタルクラウンコントロールは画面のコンテンツをスクロールする場合にのみ使用できます。

プレビュー

プレビューは、時間とコンテキストによってグループ化された画面であり、ユーザーアプリケーションからの情報が含まれます。 各画面には、そのプログラムに関連するデータが含まれています。 プレビューの下部には、スクロールインジケータ用のスペースがあります。


プレビューには次の機能があります。

• パターン化された 。 画面の上半分と下半分用の既製のテンプレートのセットがあります。 Xcodeを使用して適切なものを選択できます。
• スクロール不可 。 このようなプレビューのすべての情報は、1つの画面に収まります。
• 1つのアクションのみを実行します。 プレビューの任意の部分をクリックすると、特定のアプリケーション画面が開きます。
• オプション 。 すべてのアプリケーションが常に何かを表示する必要があるわけではないため、ユーザーはプレビューを非表示および表示できます。

ユーザーのコンテキストに基づいてプレビューを作成します 。 不要な情報はプレビューの利点を減らします。 現在と現在の時間と場所を使用して、ここと現在で有用なデータのみを提供します。

Handoffを使用して、WatchKitアプリと通信します。 プレビューは、アプリケーションに、Handoffを使用したプレビューでのユーザーアクションに関する情報を提供します。 WatchKitはこの情報を使用して、状況に合わせてアプリケーションインターフェイスを調整します。

有用な情報のみを表示します。 たとえば、メインアプリケーションを起動するためのショートカットとしてプレビューを使用しないでください。

アラート

Apple Watchの通知システムにより、ローカルおよび外部の通知を簡単に操作できます。 アラートとの相互作用は2段階で行われます。この段階には、短くてフルサイズのインターフェイスオプションがあります。 通知が受信されると、短いものが呼び出されます-その瞬間、非常に限られた情報が表示されます。 ユーザーが手首を落とすと、プレビューが消えます。 完全なインターフェイスは、クロックを使用したアクティブな作業中に使用されるか、ショートバージョンをクリックして呼び出されます。 この場合、より多くの情報と機能が利用可能であり、ウィンドウはユーザーのリクエストでのみ閉じられます。

アラートを送信する頻度をより正確に 。 ユーザーは、プログラムの迷惑な通知を頻繁に見つけて、単に無効にすることができます。 アラートが現在のニーズを反映していることを常に確認してください。

簡単なアラート

短縮プレビューは、通知の送信元を理解するために、長時間表示されません。 テンプレートに依存し、アプリケーションの名前、アイコン、通知タイトルが含まれます。 名前は、プログラムのメイン色で表示されます。


簡潔で有益な見出しを使用します。 見出しは限られていたので、簡潔で適切なものでなければなりませんでした。 見出しは詳細を伝えず、示唆するだけです。

カスタマイズ可能なフルサイズのアラート

フルサイズのプレビューは、より多くの通知情報を伝えます。 時計は標準的な外観になっていますが、必要に応じて変更し、必要なグラフィックを追加できます。 完全なインターフェイスの構造は、すべてのアプリケーションで同一です。 上部には、プログラムのアイコンと名前が付いたシステムタイトルがあり、下部には、Dismissボタンがあります。 それらの間のスペースは、情報とアラート用の追加ボタン用です。



静的インターフェイスを作成し、それらに加えて動的インターフェイスを作成します。 動的プレビューの設定はより柔軟ですが、アラートに同じ情報が表示されます。 静的なインターフェイスは、動的なインターフェイスが利用できない場合に使用されます。

最大4つの追加ボタンを追加します。 Apple Watchは、iOSアプリからのインタラクティブな通知に基づいてインタラクションボタンを表示します。 これらのボタンは、通知カテゴリに応じて自動的に置き換えられ、システムを閉じるボタンを補完します。

タイトルの色とアプリケーションの色域を組み合わせます。 変更されたインターフェイスのシステムヘッダーの色と透明度は変更できます。

静的および動的インターフェイスの詳細、およびアクションボタンの設定については、「 Apple Watchプログラミングガイド」を参照してください。

モーダルウィンドウ

モーダルウィンドウは、ユーザーが特定のタスクを実行したり、「バックグラウンドノイズ」なしで情報を取得したり、メニューコントロールで開始したアクションを続行したりすることを目的としています。 これを行うために、モーダルウィンドウは、メインアプリケーションインターフェイスとのユーザーの対話を一時的に制限します。

プログラムでのモダリティの使用を最小限に抑えることをお勧めします。 このようなインターフェイスは、通常、次の場合に正当化されます。

• ユーザーの注意を引くようにしてください。
• データの整合性を確保する必要がある場合は、独立したタスクを完了するか、明示的に拒否する必要があります。

モーダルインターフェイスは、スクロールページに編成された1つ以上の画面で構成されます。 ここでの唯一の違いは、スクロールインジケータの下部の有無です。 左上隅には常に[閉じる]ボタンが含まれています。 クリックすると（または左端からスワイプすると）、システムはそれ以上のアクションなしでモーダルウィンドウを閉じます。



ウィンドウに個別の閉じるボタンを追加しないでください 。 システムクローズが必要ですが、コンテキストに合わせていつでも名前を変更できます。 典型的な命名オプションは「閉じる」または「キャンセル」で、色は常に白です。

同意が必要なタスクの[承認]ボタンを追加します。 標準ボタンを使用して同意します-ボタンを押した後、モーダルウィンドウを閉じて必要なアクションを実行します。

モーダルタスクを簡単にします。 メインウィンドウから追加のモーダルウィンドウを呼び出さないでください。

レイアウト

Apple Watchのサイズに関係なく、アプリケーションは同じインターフェースを表示します。 相対位置により、インターフェイスの要素が画面全体に正しく表示されます。

基本的な推奨事項

密集したコントロールの数を制限します。 ボタンを近くに配置するときは、キャプションではなくアイコンを使用します。 3つ以上の要素を近づきすぎないでください-さらに、要素が小さくなりすぎて使用できなくなります。


画面の幅全体を最大限に活用します。 Apple Watchフレームは端からコンテンツを視覚的に移動するため、個別のインデントを追加する必要はありません（このようなフレームはiOSシミュレーターにはないことに注意してください）。


左揃えを使用します。 インターフェイス要素は上から下、左から右に配置されます。 左揃えには、要素を展開してコンテンツを配置する余地が残ります。


画面の幅全体に合うようにテキストボタンを作成します。 キャプション付きのボタンは幅を制限しない方が良いでしょう。これは碑文に完全にフィットします。


セカンダリアクションにはコンテキストメニューを使用します。 追加のボタンを配置する代わりに、コンテキストメニューを使用します。 あまり頻繁に呼び出されないオプションを非表示にすることができます。 メニューを参照してください 。

画面サイズ

コンテンツは、異なるサイズの画面で同一でなければなりません。 要素を配置するときは、相対的な寸法とインデントを使用します。 これにより、使用可能な画面スペースに応じてインターフェースを変更できます。


可能な限り、両方のディスプレイに1組の画像を使用します。 同じグラフィックが異なるサイズのディスプレイで十分に見える場合は、そのままにしておく方が良いでしょう。 そうでない場合は、ディスプレイごとに個別の画像セットが必要になる場合があります。

色と活版印刷

読みやすさは、アプリケーションで色と活版印刷を使用するための指針です。

色

Colorは、視覚的な整合性とアプリケーションのコーポレートアイデンティティへの準拠を実現するのに役立ちます。



アプリケーションの背景として黒を使用します。 黒い背景はデバイスのフレームと結合し、エッジのない画面の錯覚を作り出します。 インターフェイスで明るい背景を避けてください。

アプリケーションのメインカラーを使用して、コーポレートアイデンティティを強調したり、アプリケーションの状態を反映したりします。 各アプリケーションには、原色があります。 システムは、アラートのタイトルの左上隅でそれを使用して、プログラム名およびその他の重要な情報を強調表示します。 この色を使用して、アプリケーションの企業アイデンティティを強調します。

テキストに対照的な色を使用します。 対照的な色を使用すると、テキストが読みやすくなります。

色を使用して要素の相互作用を強調しないでください。 スタイリングには色を使用しますが、この方法でボタンやその他のコントロールの相互作用に注意しようとしないでください。 異なる色の知覚について覚えておいてください。 色の知覚が限られているほとんどの人は、赤と緑を区別するのが困難です。 アプリケーションをテストして、プログラムの状態を区別するために赤と緑が使用される場所がないことを確認します（問題のある組み合わせを見つけるための特別なツールを提供するグラフィックエディターもあります）。

さまざまな国や文化のユーザーによる色知覚を調べます。 誰もが独自の方法で色を見ており、多くの文化は特定の色に対する見方が異なります。 可能であれば、選択した色が意図したとおりに表示されることを確認してください。

タイポグラフィ

まず第一に、テキストは読みやすいはずです。 ユーザーが書かれたものを読むことができない場合、スタイルの美しさは無意味になります。



システムフォントは、Apple Watch専用に作成および最適化されます。 フォントサイズを大きくすると、文字が圧縮されて幅のスペースが少なくなります。 ただし、サイズが小さくなると、より自由に配置され、文字デザインが読みやすくなるように最適化されます。 句読点はサイズの減少に比例して増加します。 テキストのサイズを変更すると、Apple Watchはフォントを動的に再描画して、明瞭さと読みやすさを維持します。

常に動的タイプを使用します。 これらは、アプリケーションに次の機能を提供します。

• 任意のサイズの文字間隔と行の高さの自動調整。
• 本文テキスト、脚注、見出しなど、意味的に異なるブロックに異なるテキストスタイルを指定する機能。
• テキストは、ユーザーが選択した設定に応じて正しく変更されます（大きなコントラストのオプションを含む）。

ご注意
独自のフォントを使用する場合、システム設定に応じてフォントの縦横比を変更できます。 アプリケーションは、ユーザー設定に対する正しい反応を担当します。

組み込みスタイルを使用すると、動的なスケーリングが自動的に行われます。 サードパーティのフォントを埋め込む場合、この関数の正しい操作にさらに注意を払う必要があります。 テキストスタイルの使用とシステムフォント設定に対するアプリケーションの正しい反応の詳細については、テキストスタイルをご覧ください。

可能な限り組み込みスタイルを使用します。 プリセットテキストスタイルは、Apple Watch専用に設計されており、動的スケーリングを自動的にサポートします。



アプリケーションに1つのフォントを使用します。 多くのスタイルを使用すると、アプリケーションの視覚的な統一性が損なわれ、不注意感が生じます。

システムフォントを選択するときは、推奨値から始めてください。 19サイズ以下のラベルにはSan Francisco Textを使用します。 20ピンを超えるテキストには、サンフランシスコのディスプレイが最適です。

アニメーション

美しくエレガントなアニメーションは、Apple Watchのユーザーエクスペリエンスを補完し、デバイスの使用をよりダイナミックで楽しいものにします。 正しいアニメーション：

• フィードバックを提供し、ステータスを報告します。
• 人々は自分の行動の結果を視覚化することができます。

静止画像から作成済みのアニメーションを作成します。 完成したアニメーションをWatchKitに保存して、不必要な遅延なしにユーザーに表示できるようにします。 このようなアニメーションは、同時に高いFPSと全体的な滑らかさを実現します。 WatchKit拡張機能を使用してアニメーションを動的に作成し、時計にロードすると、再生前に遅延が追加されます。

再生を制御する必要がある場合は、ImageおよびGroupオブジェクトを使用します。 ほとんどのインターフェイスオブジェクトは、アニメーションを無限に再生します。 イメージとグループのみがソフトストップとスタートのオプションを提供します。

ブランディング

アプリケーションにコーポレートアイデンティティを追加する多くのオプションがあります：アイコン、色、一意のボタンとフォント、テキスト。 グラフィックデザインで作業するときは、各要素自体が完全に表示され、機能する必要があることに注意してください。 ただし、これに加えて、すべての組み込み要素またはサードパーティ要素は相互に適切に結合され、1つのように見える必要があります。

コーポレートアイデンティティを扱うときは、それを課さないようにしてください。 ユーザーはアプリケーションを使用して特定のタスクを実行するか、単に楽しみのために使用します。 彼らは広告を見ることを強いられたくない。 ユーザーエクスペリエンスを向上させるには、フォント、会社の色、写真を使用してブランドをユーザーに注意してください。

アプリまたはプレビューでロゴを使用する誘惑に抵抗します。 ウォッチ画面のスペースが小さすぎて、ロゴがコンテンツの便利な場所を占有できません。 さらに、アプリケーションとWebサイトのロゴは異なる機能を実行します。ユーザーは通常、所有者が明確にわからないままサイトにアクセスしますが、通常は起動前にプログラムアイコンが表示されます。

ユーザーインターフェイス要素

ラベル

タグは、静的テキストを表示するために使用されます。



タグ機能：

• 任意のサイズの静的テキストを表示できます。
• ユーザーとの直接の対話を暗示しないでください。
• アイテムのソフトウェアアップデートが利用可能です。
• 数行かかる場合があります。

タグを使用して、ユーザーのショートメッセージを表示します。 タグは、アプリケーションで最も使用される要素の1つです。 これらは任意の量のテキストを出力できますが、少量に適しています。

タグは読みやすいものでなければなりません。 対照的なテキストの色と動的フォントを使用して、サイズを正しく合わせます。 システムフォントは非常に視覚的であるため、Apple Watchでの使用をお勧めします。 非標準のフォントを選択する場合は、絶妙なデザインと珍しい色のために読みやすさを犠牲にしないようにしてください。

システムフォントを最大限に活用します。 既製のシステムスタイルは、動的なスケーリングを自動的にサポートし、利便性と明確さを重視して設計されています。

テキストおよび動的スケーリングの使用に関する詳細な推奨事項については、「 色とタイポグラフィ」セクションを参照してください。

画像

「画像」オブジェクトは、単一の画像またはアニメーションを表示できます。


オブジェクト機能：

• 写真を表示するだけで、情報やデザイン自体は含まれません。
• ユーザーの操作は含まれません。
• プログラムによるアニメーションの開始と停止をサポートします。

各Apple Watchに適切な画像サイズを選択します。 可能な場合は共有リソースファイルを使用しますが、画像を拡大または圧縮しないでください-ひどく見えます。 代わりに、必要な数の時計モデルに応じて異なる解像度の画像セットを作成します。

@ 2x（高解像度）形式ですべての画像を作成します。 Retinaサポートのない画像オプションは必要ありません。

グループ

グループは、インターフェイスにコンテンツを配置するときに役立ち、他のオブジェクトのコンテナです。 グループ自体はまったく見ませんが、背景色と画像を選択できます。 各グループには、位置、サイズ、境界線、およびマーキングに役立つその他のプロパティの属性もあります。

グループの特徴：

• オブジェクトを水平または垂直に配置します
• オブジェクトの少なくとも1つのUIが含まれます。
• グループの要素間の境界と距離を設定するための属性があります。
• 背景として単色または画像を表示できます。
• 背景とコンテンツの角の丸みの半径を調整できます。

グループは主要なマークアップツールです。 しかし、背景色と画像のサポートにより、視覚要素としても使用できます。

複雑なマークアップを作成するときは、ネストされたグループを使用します。 グループのネストを使用して、一部の要素を垂直に配置し、他の要素を水平に配置できます。 外部グループのフィールドまたは間隔を使用する機能も役立ちます。

さまざまなApple Watchディスプレイに適した背景画像サイズを選択します。 可能な場合は共有リソースファイルを使用しますが、画像を拡大または圧縮しないでください-ひどく見えます。 代わりに、必要な時計モデルの解像度が異なる画像のセットを作成します。

テーブル

テーブルには、データの行が1列に表示されます。 このタイプを使用して、動的に変化する情報を表示します。



機能：

• さまざまな種類の文字列をサポートします。
• スクロールします。
• 背景色または画像を選択できます。
• ユーザーは文字列を操作できます。

設計段階で独自の種類のコンテンツを選択します。 すべての文字列タイプを事前に作成する必要があります。 アプリケーションの実行中に、すぐに表示するものを選択できます。

意図したとおりに文字列を使用します。 コンテンツ、タイトル、および脚注には、個別の行オプションが必要になる場合があります。 この場合、コンテンツ行にタイトルを表示しないでください。逆も同様です。 各タイプは、設計されたデータを表示する必要があります。

まったく異なる内容の文字列を混在させないでください。 コンテンツを表示するときは、文字列の種類を一貫して選択してください。 個々のタイプは、セクション区切り文字として、またはストリングをグループ化するために使用できます。 テーブル内の単一の文字列型を使用すると、コンテンツが正しくスケーリングされ、読みやすくなります。

一度に表示される行の最大数を制限します。 20行を超えるテーブルはすでに読みにくく、リーフスルーするのが面倒です。 今すぐ必要な情報を表示してください。 別のオプションを作成して、残りをロードします。

テーブルをグループに限定しないでください。 テーブルは、行数に応じて動的にサイズ変更されます。 その結果、グループの高さの制限は無視されます。

ボタン

ボタンは特定のプログラムアクションを実行します。


機能：

• カスタム背景を含む
• ボタンの角は、他の要素と区別しやすいように丸くなっています。
• ラベルまたはグループオブジェクトで完了することができます。

ボタンの背景は通常プラッターと呼ばれます。 プラッターに表示される色または画像は、アプリケーションの実行中に変更できます。

画面の幅全体にボタンを作成します。 画面の幅全体を占める要素を使用することを強くお勧めします。 ボタンが1つでは不十分な場合は、2つ以上のピースを連続して入れないでください。

可能な限り同じ高さのボタンを使用してください。 1つの画面に複数のボタンを一度に配置する場合、それぞれに同じ高さを設定します。

標準の角半径を維持します。 デフォルトのコーナー半径は6ポイントです。

スイッチ

このスイッチでは、相互に排他的な2つのアクションまたは条件を選択できます。

スイッチ機能：

• バイナリステータスインジケータとして機能します。
• 常に説明付きのラベルが含まれています。

はい/いいえまたはオン/オフなど、ユーザーが2つの状態を選択する必要がある場合にスイッチを使用します。

スライダー

スライダーを使用すると、事前定義された範囲から特定の値を選択できます。 値は、スライダーの両側の写真をタップして変更します。



機能：

• 値を変更するための横棒と側面の画像で構成されます。
• インジケーターを離散間隔の形式と連続形式の両方で表示できます。
• 常に所定の値だけ値を増減します。
• ユーザーにデジタル値を表示しません。

スライダーの目的が明らかな写真を使用してください。 画像を選択しない場合、システムは単にプラスとマイナスを表示します。

カード

場所を表示するには地図が必要です。 これは、相互作用のない単なる静的なスナップショットです。 Maps.

, . WatchKit ; , .

, . , , Apple Watch.

. — , . .

, .



. WatchKit . .

,

.

Date labels

機能：

• , ;
• ;
• WatchKit.

, Date labels.

Timer Labels

機能：

• ;
• ;
• WatchKit.

Timer label .

Retina- Apple Watch , . .



:

• , ;
• , ;
• ;
• , .

. , .

, . .

. . . .

.

, . - , , iOS.

, 20-1 . @2x (Xcode ).

20-1 WatchKit app

	Apple Watch (38mm)	Apple Watch (42mm)
	48 .	55 .
	80 .	88 .
	80 .	80 .
	172 .	196 .

WatchKit Apple Watch iPhone . 20-2 . (Xcode ).

20-2 Apple Watch iPhone

	@2x	@3x
	58 .	87 .

. .

PNG. interlaced PNG; .

. — 24 ( 8 , ). -.

Apple Watch , . iOS-, . , . WatchKit- “ ” iOS, . iOS “” , .

, . , .

, . . , Mail , .

. , . , , . . .

. — .

iOS- . WatchKit “ ” iOS.

Apple Watch . , Apple Watch. 20-1.

Force Touch , -. .

21-1, (canvas) . , .

21-1

Apple Watch (38mm)	70 .	46 .
Apple Watch (42mm)	80 .	54 .

グリフのデザインと複雑さとうまく調和する太さの線を使用します。4ピクセルより細い線を使用しないでください。グリフが判読できなくなる場合があります。図21-1を参照してください。


図21-1コンテキストメニュー

画像のグリフサイズすべての画像とアイコンにPNGを使用します。インターレースPNGを避けます。


翻訳者について

この記事はAlconostによって翻訳されました。

Alconostは、60の言語でアプリケーション、ゲーム、およびサイトをローカライズします 。 ネイティブ翻訳者、言語テスト、APIを備えたクラウドプラットフォーム、継続的なローカリゼーション、プロジェクトマネージャー24時間365日、あらゆる形式の文字列リソース。

また、Google PlayとApp Storeの販売、画像、広告、教育、ティーザー、エクスプライナー、予告編のサイト向けに、 広告および教育用ビデオを作成しています。

詳細： https : //alconost.com