Apple Pencil と落書き


Apple Pencil は、ポインタおよび UI 操作ツールとして優れたパフォーマンスを発揮するだけでなく、描画、手書き、マーキングを簡単かつ自然に行うのに役立ちます。



Apple Pencil は iPad アプリ用の万能で直感的なツールで、メモを書き留め、スケッチ、ペイント、書類のマークアップなどをピクセルレベルの精度で行うことができます。Scribble (落書き) を使用すると、人々は Apple Pencil を使用して、高速で個人的な、デバイス上の手書き認識を通じて任意のテキストフィールドにテキストを入力できます。



ベストプラクティス


マーキング器具を使用するときに人々が直感的に期待する行動をサポートします。 ほとんどの人々は、実際のマーキングツールの使用経験が豊富であり、この知識は、あなたのアプリで Apple Pencil を使用する際の期待を伝えます。楽しい体験を提供するには、人々が非デジタルの鉛筆、ペン、およびその他のマーキング器具を操作する方法を考え、人々が自然に試みるアクションを積極的にサポートします。たとえば、書類や本の余白に書き込みたいと思う人は多いでしょう。


Apple Pencil と指入力をいつ切り替えるかを人々が選択できるようにします。 たとえば、あなたのアプリがマーキング用に Apple Pencil をサポートしている場合は、アプリのコントロールが Apple Pencil に対応していることも確認してください。これにより、人々が指を使って作動させるように切り替える必要がなくなります。このシナリオでは、Apple Pencil の入力をサポートしていないコントロールが応答していないように見え、誤動作またはバッテリー不足の印象を与える可能性があります。(Scribble は Apple Pencil 入力のみをサポートします。)


Apple Pencil がスクリーンに触れた瞬間に人々はマークを付けることができます。 Apple Pencil をスクリーンに置いて、昔ながらの鉛筆を紙に置いたときの体験を再現したいので、人々がマークを付ける前にボタンをタップしたり、特別なモードに入る必要がないことが不可欠です。


Apple Pencil の使い方に反応することで、人々が自分自身を表現できるようにします。 Apple Pencil は、傾き (高度)、力 (筆圧)、向き (方位角) を感知できます。この情報を使用すると、太さや強さを変えるなど、Apple Pencil のストロークに影響を与えます。筆圧に対応するときは、物事を単純かつ直感的に保ちます。たとえば、筆圧を変化させることで、インクの不透明度やブラシサイズなどの連続的なプロパティに影響を与えるのは自然なことです。



高度


筆圧


方位角



コンテンツとの直接的なつながりを示す視覚的なフィードバックを提供します。 Apple Pencil が、画面上で触れたコンテンツを直接かつ即座に操作しているように見えることを確認してください。Apple Pencil が接続されていないように見えるアクションを開始したり、スクリーンの他の部分のコンテンツに影響を与えたりすることは避けてください。


左利きと右利きの両方に優れた体験を設計します。 どちらの手でも隠れる可能性のある場所にコントロールを配置しないでください。コントロールが不明瞭になる可能性がある場合は、人々にコントロールを再配置してもらうことを検討してください。





ホバー


iPad Pro 11 インチ (第 4 世代) または iPad Pro 12.9 インチ (第 6 世代) で iPadOS 16 以降を実行している場合、Apple Pencil (第 2 世代) がディスプレイから最大 12 mm 上にあると、システムは Apple Pencil (第 2 世代) を検出できます。


ホバーを使用して、Apple Pencil がスクリーンに触れたときに何が起こるかを人々が予測できるようにします。 たとえば、人々がスクリーンの上に Apple Pencil をかざすと、ホバープレビューで、現在のツールで作成できるマークのサイズと色を表示できます。Apple Pencil をスクリーンに近づけたり遠ざけたりするたびにプレビューを変更し続けることは、できる限り避けてください。高さに応じて変化するプレビューは、Apple Pencil が作成するマークを明確にする可能性は低く、頻繁な視覚的変化は人々の注意をそらす可能性があります。


ホバーを使用してアクションを開始することは避けてください。 ボタンをタップしたり、スクリーンにマークを付けたりするのとは異なり、ホバリングは比較的不正確な動きであり、Apple Pencil とディスプレイの間の実際の距離について人々が考える必要はありません。Apple Pencil をスクリーンの近くに持っているという理由だけで、人々が不注意にアクション (特に、取り消したい破壊的なアクション) を実行することは望ましくありません。


動的な値の範囲の中間に近いプレビュー値を表示することが望ましいです。 不透明度やフローなどの動的プロパティは、スペクトルの最上限または最下限では表現するのが難しい場合があります。たとえば、最大の圧力で作成されたブラシマークの外観をプレビューすると、人がマークしている領域が遮られる可能性があります。対照的に、最小限の圧力で作成されたマークを描写すると、人々が検出するのが難しくなり、プレビューが実際のマークを不正確に表現したり、見えなくなったりする可能性があります.


ホバーを使用して、人々がマークしている場所の近くで関連する操作を有効にすることを検討してください。 たとえば、ホバーを使用して、人々がスクリーン上で Apple Pencil を保持し、それをダブルタップするか、接続されたキーボードの修飾キーを押したときに、ツールのサイズのコンテキストメニューを表示することができます。人々がマークを付けている場所の近くにメニューを表示すると、Apple Pencil や彼らの手をスクリーンの別の場所に移動することなく、選択を行うことができます。


ポインティングデバイスではなく、Apple Pencil のホバープレビューを表示することが望ましいです。 ポインティングデバイスもホバージェスチャに応答できますが、両方のデバイスに同じ視覚的フィードバックを提供すると混乱します。あなたのアプリでそれが理にかなっている場合は、ホバープレビューを Apple Pencil のみに制限できます。開発者向けガイダンスについては、Apple Pencil のホバーサポートの採用 (Adopting hover support for Apple Pencil) を参照してください。



ダブルタップ


あなたのアプリで意味のある、人々のダブルタップジェスチャの設定を尊重します。 デフォルトでは、Apple Pencil (第 2 世代) はダブルタップジェスチャに応答して現在のツールと消しゴムを切り替えますが、ジェスチャを設定して、現在のツールと前のツールを切り替えたり、カラーピッカーを表示または非表示にしたり、何もしないのを選択できます。あなたのアプリがこれらの動作をサポートしている場合は、人々が好みのジェスチャを使用してそれらを有効にできるようにします。システム全体のダブルタップ設定があなたのアプリで意味をなさない場合でも、ジェスチャを使用して Apple Pencil (第 2 世代) のモードを変更できます。たとえば、メッシュ編集ツールを提供する 3D アプリでは、ダブルタップを使用してツールの上げモードと下げモードを切り替えることができます。


必要に応じて、カスタムのダブルタップ動作を有効にする方法を人々に提供します。 デフォルトの動作の一部またはすべてに加えて、ダブルタップのカスタム動作を提供する場合は、人々がカスタム動作モードを選択できるコントロールを提供します。人々は自分がどのモードにいるかを知る必要があります。そうしないと、人々の操作に対するあなたのアプリの応答が異なる場合に、人々が混乱します。 このシナリオでは、あなたのアプリがサポートするカスタム動作を人々が簡単に見つけられるようにしますが、既定では有効にしないでください。


ダブルタップジェスチャを使用して、コンテンツを変更するアクションを実行することは避けてください。 人々が誤ってダブルタップする可能性があります。つまり、あなたのアプリがアクションを実行したことに気付かない可能性があります。 人々が簡単に取り消すことができるアクションを有効にするには、ダブルタップを使用することをお勧めします。特に、ダブルタップを使用して、データの損失につながる破壊的なアクションを実行することは避けてください。



落書き


Scribble (落書き) と Apple Pencil を使用すると、あなたのアプリでテキストが受け入れられる場所ならどこにでも簡単に書くことができます。最初にタップしたり、モードを切り替える必要はありません。Scribble は iPadOS 14 以降に完全に統合されているため、デフォルトですべてのアプリで利用できます。


テキスト入力が滑らかで楽に感じられるようにします。 デフォルトでは、Scribble はすべての標準テキストコンポーネント (テキストフィールド、テキストビュー、検索フィールド、Web コンテンツの編集可能フィールドなど) で機能しますが、パスワードフィールドは除きます。あなたのアプリでカスタムテキストフィールドを使用する場合は、人々が書き込みを開始する前にタップまたは選択させることは避けてください。


人々がテキストを入力したい場所ならどこでも Scribble を利用できるようにします。 キーボードを使用するのとは異なり、Apple Pencil を使用すると、紙を扱うようにスクリーンを扱うようになります。テキスト入力が自然に見える場所で Scribble を一貫して利用できるようにすることで、あなたのアプリでこの認識を強化するのに役立ちます。たとえば、備忘録では、テキストフィールドが領域に含まれていなくても、人々が最後のアイテムの下の空白スペースに新しい備忘録を書き込んで新しいものを作成するのは自然なことです。開発者向けガイダンスについては、UIIndirectScribbleInteraction (UIIndirectScribbleInteraction) を参照してください。


書いている間、人々の気を散らさないようにしてください。 一部のテキストフィールドの動作は、キーボード入力には適していますが、Apple Pencil が可能にする自然な書き心地体験を損なう可能性があります。たとえば、人々がテキストフィールドに入力するときにオートコンプリートテキストを表示するのは避けるのが最善です。と言うのも提案が文章の視覚的な妨げになる可能性があるからです。また、人々が書き始めた瞬間にフィールドのプレースホルダーテキストを非表示にして、入力内容が重なって表示されないようにすることもお勧めします。


人々がテキストフィールドに書き込みを行っている間は、テキストフィールドが静止したままであることを確認してください。 場合によっては、テキストフィールドに焦点が当てられたときにはテキストフィールドを移動することが理にかなっている場合があります。たとえば、検索フィールドを移動して、結果を表示するスペースを増やす場合があります。このような動きは、人々がキーボードを使用しているときは問題ありませんが、書いているときは、入力先を制御できなくなったように感じます。テキストフィールドの移動やサイズ変更を防ぐことができない場合は、人々が書き込みを一時停止するまで変更を遅らせることを検討してください。


人々がテキストフィールドに書き込みおよび編集している間、テキストが自動スクロールされないようにします。 文字起こしされたテキストが自動スクロールすると、人々はその上の書き込みを避けようとするかもしれません。さらに悪いことに、人々が Apple Pencil を使ってテキストを選択しているときにテキストがスクロールすると、必要とは異なる範囲のテキストを選択する可能性があります。


人々が書くのに十分なスペースを与えてください。 テキストフィールドが小さいと、書き心地が悪いと感じることがあります。Apple Pencil で入力する可能性が高いことがわかっている場合は、人々が書き込みを開始する前、または書き込みを一時停止したときに、テキストフィールドのサイズを大きくして、アプリの書き込み体験を向上させます。人々が書いている間は、テキストフィールドのサイズを変更しないでください。開発者向けガイダンスについては、UIScribbleInteraction (UIScribbleInteraction) を参照してください。



カスタムの描画


PencilKit (PencilKit) を使用すると、人々がメモを取り、文書やイメージに注釈を付け、iOS が提供するのと同じく遅延が少ない体験で描画できるようになります。また、PencilKit を使用すると、あなたのアプリでキャンバスでのカスタム描画を簡単に作成し、最先端のツールピッカーとインクパレットを提供できます。


人々が既存のコンテンツの上に描画できるようにします。 デフォルトでは、あなたの PencilKit キャンバスの色はダークモードに動的に調整されるため、人々はどちらのモードでもコンテンツを作成でき、結果は両方で見栄えがします。ただし、PDF や写真などの既存のコンテンツの上に人々が描画する場合は、マークアップが鮮明で見やすくなるように、色の動的な調整を防止する必要があります。


あなたのアプリがコンパクトな環境で実行されている場合は、ツールピッカーがコンテンツを覆い隠していないことを確認してください。 通常の環境では、ツールピッカーはコンテンツの上に浮いているので、人々は邪魔にならないように移動できますが、コンパクトな環境では、ツールピッカーはスクリーンの下端に固定されたままです。人々のコンテンツが見えにくくならないように、コンテンツビューのフレームまたはスクロールビューのインセットを調整して、ツールピッカーの高さを考慮することができます。












あなたのアプリがコンパクトな環境で実行されている場合は、カスタムの取り消しボタンとやり直しボタンを表示することを検討してください。 通常の環境では、ツールピッカーには取り消しボタンとやり直しボタンが含まれていますが、コンパクトな環境では含まれていません。コンパクトな環境では、取り消しボタンとやり直しボタンをナビゲーションバーまたはツールバーに表示できます。標準の 3 本指の取り消し/やり直しジェスチャのサポートを検討して、人々があらゆる環境で使用できるようにもできます。ガイダンスについては、取り消しとやり直し を参照してください。



通常の環境






コンパクトな環境



プラットフォームの考慮事項


iOS、macOS、tvOS、watchOS ではサポートされていません。



リソース


関連


データ入力



開発者用文書


Pencil 操作 (Pencil interactions)


PencilKit (PencilKit)



ビデオ


変更記録




2022 年 11月 3日 :ホバーを使用してアプリを強化するためのガイドラインを追加しました。




目次
Xcode の新機能

  • new HIG
  • 基礎

    概要

    アクセシビリティ

    ベストプラクティス

    操作

    ボイスオーバー

    テキスト表示

    色と効果

    プラットフォームの考慮事項

    リソース


    アプリのアイコン

    ベストプラクティス

    プラットフォームの考慮事項

    仕様

    リソース


    ブランド化

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    カラー

    ベストプラクティス

    包括的カラー

    システムカラー

    カラーマネジメント

    プラットフォームの考慮事項

    仕様

    リソース


    ダークモード

    ベストプラクティス

    ダークモードの色

    プラットフォームの考慮事項

    リソース


    アイコン

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    イメージ

    拡大率

    フォーマット

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    含まれる物

    デザインによる包括

    言語の歓迎

    親しみやすい

    性同一性

    人と設定

    ステレオタイプの回避

    アクセシビリティ

    言語

    リソース


    レイアウト

    ガイドと安全なエリア

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    マテリアル(材料)

    ベストプラクティス

    プラットフォームに関する考慮事項

    リソース


    モーション

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    右から左へ

    テキストの配置

    数字と文字

    コントロール

    イメージ

    インターフェイスアイコン

    プラットフォームの考慮事項

    リソース


    SF シンボル

    ウェイトよスケール

    デザインバリアント

    カスタムシンボル

    プラットフォームの考慮事項

    リソース


    タイポグラフィ(印刷)

    ベストプラクティス

    システムフォントの使用

    カスタムフォントの使用

    プラットフォームの考慮事項

    仕様

    リソース




    パターン

    概観


    個人データへのアクセス

    許可を求める

    ロケーションボタン

    事前アラートスクリーン

    リクエストの追跡

    データの保護

    プラットフォームの考慮事項

    リソース


    データのグラフ化

    ベストプラクティス

    効果的なグラフの設計

    プラットフォームの考慮事項

    リソース

    変更記録

    協力と共有化

    ベストプラクティス

    プラットフォームの考慮事項

    リソース

    変更記録

    ドラッグアンドドロップ

    ベストプラクティス

    フィードバックの提供

    ドロップを受け入れる

    プラットフォームの考慮事項

    リソース


    データ入力

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    フィードバック

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ファイル管理

    ベストプラクティス

    ファイルを開く

    作業の保存

    クイックルックプレビュー

    プラットフォームの考慮事項

    リソース


    全画面表示

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    起動

    ベストプラクティス

    起動画面

    プラットフォームの考慮事項

    リソース


    ライブビューのアプリ

    ベストプラクティス

    EPG の体験

    クラウド DVR

    プラットフォームの考慮事項

    リソース


    ロード中

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    アカウントの管理

    ベストプラクティス

    アカウントの削除

    TV プロバイダーアカウント

    プラットフォームの考慮事項

    リソース


    通知の管理

    フォーカスとの統合

    ベストプラクティス

    買い物通知の送信

    プラットフォームの考慮事項

    リソース


    モダリティ

    ベストプラクティス

    リソース


    マルチタスク

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ヘルプの提供

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    搭載

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    オーディオの再生

    ベストプラクティス

    中断の処理

    プラットフォームの考慮事項

    リソース


    触覚の再生

    ベストプラクティス

    カスタムの触覚

    プラットフォームの考慮事項

    リソース


    ビデオの再生

    ベストプラクティス

    TV アプリとの統合

    プラットフォームの考慮事項

    リソース


    印刷

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    格付けとレビュー

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    検索

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    設定

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    取り消しとやり直し

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    トレーニング

    ベストプラクティス

    プラットフォームの考慮事項

    リソース




    部品

    全ての部品


    コンテンツ

    グラフ

    イメージビュー

    テキストビュー

    Web ビュー


    レイアウトと構成

    ボックス

    コレクション

    コラムビュー

    開示コントロール

    ラベル

    リストと表

    ロックアップ

    アウトラインビュー

    スプリットビュー

    タブビュー

    メニューとアクション

    活動ビュー

    ボタン

    コンテキストメニュー

    ドックメニュー

    編集メニュー

    メニュー

    ポップアップボタン

    プルダウンボタン

    ツールバー


    ナビゲーションと検索

    ナビゲーションバー

    パスコントロール

    検索フィールド

    サイドバー

    タブバー

    トークンフィールド


    プレゼンテーション

    アクションシート

    アラート

    ページコントロール

    パネル

    ポップオーバー

    スクロールビュー

    シート

    ウィンドウ


    選択と入力

    カラーウェル

    コンボボックス

    数値入力ビュー

    イメージウェル

    スクリーン上のキーボード

    ピッカー

    セグメントコントロール

    スライダー

    ステッパー

    テキストフィールド

    トグル(切り替え)


    状態

    活動リング

    ゲージ

    レベルインジケータ

    進捗インジケータ

    格付けインジケータ

    システムの体験

    複雑化

    ホーム画面のクイックアクション

    ライブ活動

    メニューバー

    通知

    ステータスバー

    一番上の棚

    時計の文字盤

    ウィジェット




    入力

    概観


    アクションボタン

  • ベストプラクティス
  • プラットフォームの考慮事項
  • リソース
  • 変更記録
  • Apple Pencil と落書き

  • ベストプラクティス
  • ホバー
  • ダブルタップ
  • 落書き

  • カスタムの描画
  • プラットフォームの考慮事項
  • リソース
  • 変更記録
  • サポートされる
    プラットフォーム

    iPad

    デジタルの竜頭

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    焦点と選択

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ゲームコントローラー

    ベストプラクティス

    ボタン

    プラットフォームの考慮事項

    リソース


    ジャイロスコープと加速度計

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    キーボード

    ベストプラクティス

    キーボードショートカット

    カスタムキーボードショートカット

    プラットフォームの考慮事項

    仕様

    リソース


    ポインティングデバイス

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    リモコン

    ベストプラクティス

    ジェスチャ

    ボタン

    互換性のあるリモコン

    プラットフォームの考慮事項

    リソース


    空間的相互作用

    ベストプラクティス

    デバイスの使用法

    プラットフォームの考慮事項

    リソース


    タッチバー

    ジェスチャ

    ベストプラクティス

    インターフェイスアイコン

    コントロールとビュー

    プラットフォームの考慮事項

    リソース


    タッチスクリーンジェスチャ

    ベストプラクティス

    標準的なジェスチャ

    プラットフォームの考慮事項

    リソース




    プラットフォーム

    概観

    iOS 用デザイン

    ベストプラクティス

    リソース


    iPadOS 用デザイン

    ベストプラクティス

    リソース


    macOS 用デザイン

    ベストプラクティス

    リソース


    tvOS 用デザイン

    ベストプラクティス

    リソース


    watchOS 用デザイン

    ベストプラクティス

    リソース




    テクノロジー

    AirPlay

    序文

    アイコン

    編集者用

    常にオン

    アプリクリップ

    序文

    ユーザー体験

    アプリクリップカード

    アプリクリップのコード

    印刷ガイドライン

    法的要件


    Apple Pay

    序文

    Apple Pay の提供

    チェックアウトと支払い

    エラー処理

    サブスクリプションと寄付

    ボタンとマーク

    編集者用


    拡張現実

    CareKit

    序文

    データとプライバシー

    ビュー

    ユーザー体験

    シンボルとブランド化


    CarPlay

    序文

    アーキテクチャ

    操作

    視覚的デザイン

    アイコンとイメージ

    システム要素


    ゲームセンター

    序文

    アクセス・ポイント

    ダッシュボード

    成果

    リーダーボード

    多数のプレイヤー

    カスタムダッシュボードのリンク


    HealthKit

    HomeKit

    序文

    用語とレイアウト

    設定

    Siri の操作

    カスタム機能

    アイコン

    編集者用


    iCloud

    アプリ内購入

    序文

    自動更新可能なサブスクリプト


    ライブ写真

    Mac Catalyst

    序章

    アプリの構造

    ユーザーの操作

    視覚的デザイン

    Mac の慣用句


    機械学習

    序文

    機械学習の役割

    明示的なフィードバック

    暗黙のフィードバック

    較正

    訂正

    間違い

    複数のオプション

    自信

    属性

    制限事項


    マップ

    序文

    Apple Watch のマップ

    屋内のマップ


    ビジネス向けメッセージ

    序文

    ブランド化

    ボタン

    ダークモード

    ロゴ

    メッセージバブルの内容

    スクリーンショット


    NFC

    写真編集

    ResearchKit

    SharePlay

    ShazamKit

    Apple でサインイン

    序文

    データ管理

    ボタン


    Siri

    序文

    システムの意図

    カスタムの意図

    ショートカットと提案

    編集者用


    タップして iPhone で支払う

    財布

    序文

    パスのデザイン

    注文追跡のデザイン









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ