iOS デザインのテーマ


アプリデザイナーとして、AppStore チャートのトップに立つ並外れた製品を提供する機会があなたにはあります。そのためには、品質と機能性に対する高い期待に応える必要があります。


iOS を他のプラットフォームから区別する 3 つの主要なテーマ:


  • 明確さ。 システム全体を通して、テキストはあらゆるサイズで読みやすく、アイコンは正確で明快であり、装飾は繊細で適切であり、機能性への鋭い焦点がデザインの動機となります。負の空白、色、フォント、グラフィックス、およびインターフェイス要素は、重要なコンテンツを微妙に強調し、対話性を伝えます。

  • 敬意。 滑らかな動きと鮮明で美しいインターフェースは、コンテンツと競合することは決してなく、コンテンツを理解して操作するのに役立ちます。通常、コンテンツは画面全体に表示されますが、半透明性とぼかしは多くの場合、より多くのことを示唆します。ベゼル、グラデーション、およびドロップシャドウの使用を最小限に抑えながら、コンテンツが最優先されるようにしながら、インターフェイスを明るく風通しを良く保ちます。

  • 深み。 明確な視覚層とリアルな動きは階層を伝え、活力を与え、そして理解を促進します。タッチと発見可能性は喜びを高め、コンテキストを失うことなく機能と追加コンテンツへのアクセスを可能にします。移行は、コンテンツをナビゲートするときに深みの感覚を提供します。


  • デザインの原則


    影響力とその範囲を最大化するには、アプリの ID を想像するときに、以下の原則を念頭に置いてください。


    美的完全性


    美的完全性は、アプリの外観と動作がその機能とどの程度統合されているかを表します。たとえば、人々が重要なタスクを実行するのを支援するアプリは、微妙で目立たないグラフィック、標準のコントロール、および予測可能な動作を使用して、集中力を維持できます。一方、ゲームなどの没入型アプリは、発見を促しながら、楽しさと興奮を約束する魅力的な外観を提供できます。


    一貫性


    一貫性のあるアプリは、システムが提供するインターフェース要素、よく知られたアイコン、標準のテキストスタイル、および統一された用語を使用して、使い慣れた標準仕様とパラダイムを実装します。このアプリは、人々が期待する方法で機能と動作を組み込んでいます。







    直接の操作


    スクリーン上のコンテンツを直接操作することで、人々を引き付け、理解を深めることができます。ユーザは、デバイスを回転させたり、ジェスチャーを使用してスクリーン上のコンテンツに影響を与えたりするときに、直接操作を体験します。直接操作することで、彼らは自分たちのアクションの即時の、目に見える結果を見ることができます。



    フィードバック


    フィードバックはアクションを認め、結果を示して人々に情報を提供し続けます。組み込みの iOS アプリは、すべてのユーザアクションに応じて知覚可能なフィードバックを提供します。インタラクティブな要素をタップすると簡単に強調表示され、進行状況インジケータが長時間実行されている操作のステータスを伝え、アニメーションとサウンドがアクションの結果を明確にするのに役立ちます。


    メタファ


    アプリの仮想オブジェクトとアクションが、現実の世界に根ざしているのかデジタルの世界に根ざしているのかにかかわらず、身近な体験のメタファである場合、人々はより迅速に学習できます。メタファは、人々がスクリーンを物理的に操作するため、iOS ではうまく機能します。ビューを邪魔にならないように移動して、下のコンテンツを公開します。コンテンツをドラッグしてスワイプします。スイッチを切り替えたり、スライダを移動したり、ピッカーの値をスクロールしたりします。彼らは本や雑誌のページをめくりさえします。




    ユーザ制御


    iOS 全体を通して、アプリではなく人が制御します。アプリは一連のアクションを提案したり、危険な結果について警告したりできますが、通常、アプリが意思決定を引き継ぐのは間違いです。ベストのアプリは、ユーザを有効にすることと望ましくない結果を回避することの間の正しいバランスを見つけます。アプリは、インタラクティブな要素を使い慣れた、予測可能なものに保ち、破壊的なアクションを確認し、すでに進行中の場合でも操作を簡単にキャンセルできるようにすることで、ユーザが自分でコントロールしているように感じさせることができます。








    目次

    Xcode の新機能



    iOS

    テーマ

    インターフェースの本質

    アプリの構造

    起動

    搭載機能

    ロード

    モダリティ

    ナビゲーション

    ユーザデータへのアクセス

    設定


    ユーザとの対話

    3D タッチ

    アップルペンシルと落書き

    オーディオ

    認証

    データ入力

    ドラッグアンドドロップ

    フィードバック

    ファイル処理

    ゲームコントローラ

    ジェスチャ

    触覚

    キーボード

    近距離通信

    ポインタ (iPadOS)

    空間的対話

    取り消しとやり直し


    システムの機能

    拡張現実

    ホームスクリーンのアクション

    マルチタスクと複数のウィンドウ

    通知

    印刷

    クイックルック(検索)

    評価とレビュー

    スクリーンショット

    TV プロバイダー


    ビジュアルデザイン

    適応性とレイアウト

    アニメーション

    ブランド化

    ダークモード

    起動スクリーン

    材料

    用語

    印刷

    ビデオ


    アイコンと画像

    画像のサイズと解像度

    アプリのアイコン

    システムアイコン


    バー

    ナビゲーションバー

    検索バー

    サイドバー

    ステータスバー

    タブバー

    ツールバー


    ビュー

    アクションシート

    アクティビティビュー

    アラート

    コレクション

    画像ビュー

    ページ

    ポップオーバー

    スクロールビュー

    シート

    分割ビュー

    テーブル (表)

    テキストビュー

    Web ビュー


    コントロール

    ボタン

    色の源

    コンテキストメニュー

    編集メニュー

    ラベル

    ページコントロール

    ピッカー

    進行状況インジケータ

    内容コントロールの更新

    セグメント化されたコントロール

    スライダ

    ステッパー

    スイッチ

    テキストフィールド


    拡張機能

    カスタムキーボード

    ファイルプロバイダ

    メッセージ

    写真編集

    共有とアクション





    macOS


    tvOS


    watchOS


    Technologies

    アクセシビリティ

    序文

    ベストプラクティス

    ユーザとの対話

    ナビゲーション

    テキストのサイズと太さ

    色とコントラスト

    外観の効果と動き

    コンテンツ


    AirPlay

    メディア再生

    アイコン

    社説


    アプリクリップ

    序文

    ユーザ体験

    アプリクリップカード

    アプリのクリップコード

    印刷ガイドライン

    法的要件


    Apple Pay(アップルペイ)

    序文

    Apple Pay の提供

    チェックアウトと支払い

    エラー処理

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

    ボタンとマーク

    社説


    拡張現実

    ホームスクリーンのアクション

    マルチタスクと複数のウィンドウ

    通知

    印刷

    クイックルック(検索)

    評価とレビュー

    スクリーンショット

    TV プロバイダー


    CareKit

    序文

    データとプライバシー

    ビュー

    ユーザー体験

    シンボルと商標化


    CarPlay

    序文

    オーディオアプリ

    自動車メーカーのアプリ

    伝達および VoIP アプリ


    アーキテクチャ

    バッジ付け

    エラー処理

    ロード

    ナビゲーション

    テスト


    対話

    オーディオ

    車のデータ

    iPhone

    ノブとコントロール

    タッチスクリーン

    Voice (Siri)


    視覚的デザイン

    アニメーション

    商標化

    レイアウト

    タイポグラフィ(印刷)


    アイコンと画像

    画像のサイズと解像度

    アプリのアイコン

    カスタムアイコン

    システムアイコン


    システム要素

    アクションシート

    活動指標

    アラート

    ボタン

    コレクション

    ラベル

    ナビゲーションバー

    スクロールビュー

    タブバー

    テキストビュー

    Web ビュー


    CareKit

    序文

    データとプライバシー

    ビュー

    ユーザ体験

    シンボルと商標化


    ゲームセンター

    序文

    アクセス・ポイント

    ダッシュボード

    実績

    順位表

    マルチプレイヤー

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


    象形文字

    HealthKit

    HomeKit

    序文

    用語とレイアウト

    設定

    Siri の作用

    カスタム機能

    アイコン

    社説


    iCloud

    アプリ内購入

    序文

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


    inclusion(含有)

    ライブ写真

    Mac Catalyst

    序文

    アプリの構造

    ユーザとの対話

    視覚的デザイン

    Mac 慣用句


    マシン学習

    序文

    マシン学習の役割


    入力

    明示的なフィードバック

    暗黙のフィードバック

    較正

    訂正


    出力

    間違い

    複数のオプション

    自信

    帰属

    制限事項


    地図(Maps)

    アプリとウェブサイトの地図

    Apple Watch の地図

    屋内の地図


    ResearchKit

    序文


    右から左へ

    序文

    テキストと文字

    コントロール

    画像と象形文字


    SharePlay

    Apple でサインイン

    序文

    データ管理

    ボタン


    Siri

    序文

    システムインテント

    カスタムの注視

    ショートカットと提案

    編集ガイドライン


    ソーシャルメディア

    SF Symbols

    Wallet(財布)

    序文

    許可証のデザイン


    小道具

    序文

    コンテンツ

    編集と対話

    デザイン



    Human Interface Guidelines


    概要


    リソース


    ビデオ


    新規事項



    ニュース

    見つける

    デザイン

    開発

    配信

    サポート

    アカウント
    (セキュリティの面で、リンクを提供できませんでした。)













    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ












    トップへ