透明さと鮮やかさ


macOS アプリは、ビューとコントロールが背景にあるコンテンツを示唆できるようにすることで、半透明性とぼかしを使用して奥行き感を呼び起こします。また、明暗のテクニックの注意深いバランスを使用して前景色と背景色を動的にブレンドする微妙な効果である鮮やかさも使用します。この組み合わせは、前景のコンテンツを背景に対して際立たせるのに役立ちます。


ダークライト




鮮やかさに備えてください。 メニューなどの一部の要素はデフォルトで鮮やかであるため、鮮やかさはすべてのアプリに影響します。鮮やかなビューが表示されないアプリも含まれます。


必要に応じて、あなたのアプリの鮮やかさを有効または無効にします。 システムビューとコントロールは、それらの構成とシステム設定に基づいて自動的に鮮やかさを取り入れます。カスタムビューとコントロールの場合、鮮やかさを許可するかどうかを選択します。鮮やかさを有効にした状態でビューがどのように見えるかを確認し、必要に応じて採用します。


システムが提供する要素と色を優先します。 一部のビューでは、それらの色に基づいて動的に鮮やかさを与えることができます。たとえば、ラベルの色が [ラベルの色] または [二次ラベルの色] に設定されている場合、ラベルは鮮やかさを使用します。関連するガイダンスについては、ラベルシステムカラー を参照してください。


ダークライト



テンプレートイメージを使用します。 サイドバーやメニューなど、背景が半透明のビューで使用すると、フルカラーイメージの背景とのコントラストが不十分になり、位置がずれて見える場合があります。関連するガイダンスについては、カスタムアイコン を参照してください。

ヒント

半透明さと鮮やかさには、ビュー階層に視覚効果ビューが存在する必要があります。開発者向けガイダンスについては、NSVisualEffectView (NSVisualEffectView) を参照してください。


背景ブレンドモード


システムは、背景コンテンツをブレンドする 2 つの方法を提供します。



ウィンドウの後ろのブレンド。 このブレンドモードでは、ウィンドウの背後にあるコンテンツが透けて見えます。メニュー、シート、サイドバーテーブルなどの一部のインターフェイス要素は、このモードを自動的に採用しますが、必要に応じて無効にすることができます。




ウィンドウ内ブレンド。 このブレンドモードは、ウィンドウに存在する要素によって採用され、要素の背後にあるウィンドウコンテンツが透けて見えるようにします。多くの場合、ツールバーはこのモードを実装し、ツールバーの下をスクロールするウィンドウコンテンツを示唆します。


開発者向けガイダンスについては、NSVisualEffectBlendingMode (NSVisualEffectBlendingMode) を参照してください。


マテリアル


システムが提供するマテリアルは、あなたのインターフェイスに適用される半透明、ぼかし、および鮮やかさの量を定義します。システムはあなたが使用するための多くの標準的なマテリアルを提供し、それぞれが指定された目的を持っています。たとえば、ウィンドウ、メニュー、ポップオーバー、サイドバー、タイトルバー、その他多くのデフォルトの外観に一致するマテリアルが存在します。


意味のあるマテリアルを選択してください。 マテリアルの名前は、それらが使用されることを意図されている場所を反映しているため、意図された目的のためにマテリアルを使用してください。たとえば、カスタムヘッダービューにはヘッダービューマテリアルを使用します。



明るい外観



ダークな外観


システムマテリアルでシステムカラーを使用します。 システムが提供する色を使用する場合、さまざまなコンテキストで色が暗すぎたり、明るすぎたり、飽和していたり、コントラストが低く見えたりすることを心配する必要はありません。関連するガイダンスについては、カラー を参照してください。


開発者向けガイダンスについては、NSVisualEffectView (NSVisualEffectView) を参照してください。







前:ダークモード 次:印刷

目次

Xcode の新機能



macOS

テーマ

macOS 11 の新規事項

視覚的インデックス


アプリの構造

フルスクリーンモード

ロード

モダリティ

搭載

優先

状態の復元

セキュリティ


ユーザの操作

アカウント

データ入力

ドラッグアンドドロップ

ファイル処理

ゲームコントローラ

ヘルプ

キーボード

マウスとトラックパッド

ユーザフィードバックの提供

許可の要求


システムの能力

自動セーブ

ドック

Finder

ミッションコントロール

通知

印刷

クイックルック

格付けとレビュー

検索とスポットライト


視覚的デザイン

アニメーション

カラー

ダークモード

透明さ

印刷


アイコンとイメージ

イメージのサイズと解像度

アプリのアイコン

文書のアイコン

多項目のドラッグイメージ

システムのイメージ


ウインドウとビュー

ウインドウの構造

アラート

ボックス

コラムビュー

ダイアログ

イメージビュー

アウトラインビュー

パネル

ポップオーバー

スクロールビュー

シート

サイドバー

スプリットビュー

タブビュー

表のビュー

ツールバー

Web ビュー

Drawer(引き出し)*

プラカード*


メニュー

メニューの構造

コンテクストメニュー

ドックメニュー

メニューバーのメニュー


ボタン

チェックボックス

開示コントロール

勾配ボタン

ヘルプボタン

イメージボタン

ポップアップボタン

プルダウンメボタン

押しボタン

ラジオボタン

スコープボタン

スイッチ

ベベルボタン*

ラウンドボタン*


フィールドとラベル

コンボボックス

ラベル

検索フィールド

テキストフィールド

トークンフィールド


セレクタ

色の源

日付の選別

イメージウェル

パスコントロール

セグメントコントロール

スライダ

ステッパ


インジケータ

レベルインジケータ

プログレスインジケータ


タッチバー

タッチバー概観

視覚的デザイン

グリフとイメージ

コントロールとビュー


拡張機能

アクション拡張機能

オートメータアクション

ファインダー同期拡張機能

メニューバーの追加

サービス

共有拡張機能



iOS


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


概要


リソース


ビデオ


新規事項



ニュース

見つける

デザイン

開発

配信

サポート

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













トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ












トップへ