macOS インターフェイス さらに詳細 B · 公式のガイダンス プラットフォーム: macOS

Visual Effect Material

Visual Effect Material

ビジュアルエフェクトマテリアルは、背後のものをブレンドしてぼかすmacOSのサーフェススタイルです。ウィンドウの状態やライト/ダークモードによって変化します。

例を試してみる
そう呼ぶかもしれません Visual Effect Material活気materialNSVisualEffectView

例を試してみる

Visual Effect Material
Material samples the scene behind itLegibility stays primary

実際の例

サイドバーは、下のデスクトップや書類とつながっているように見えます。文字も十分にはっきり読めます。

主な部分

  1. 01背景合成領域
  2. 02適応型ぼかしと色調
  3. 03任意の活気ある前景処理
  4. 04ウィンドウ、外観、およびアクセシビリティの反応

以下の場合に使用します

サイドバーやツールエリアを分離しつつ、その背後のコンテキストを少し見せるために使用してください。システムがライト、ダーク、アクティブ、非アクティブ状態に適応するようにします。

以下の場合は使用しないでください

装飾的なぼかしや重ねたクリアレイヤーは避けてください。前景の詳細は、透過性が下がったりウィンドウが非アクティブになった場合でも読みやすい状態を保つ必要があります。

コードで使用する名前

AppKit NSVisualEffectView / SwiftUI Material

出荷前に

Check the supported macOS versions and AppKit or SwiftUI integration. Check standard focus and keyboard behavior. Also check VoiceOver, Full Keyboard Access, window resizing, and multi-window state. When needed, check restore, localization, and reduced motion.

コピーできるリクエスト

Outcome:Complete the task with Visual Effect Material (Visual Effect Material)。 User context:サイドバーは、下のデスクトップや書類とつながっているように見えます。文字も十分にはっきり読めます。 macOS concept or control:Visual Effect Material (Visual Effect Material)。 Why it fits:サイドバーやツールエリアを分離しつつ、その背後のコンテキストを少し見せるために使用してください。システムがライト、ダーク、アクティブ、非アクティブ状態に適応するようにします。 Do not use it when:装飾的なぼかしや重ねたクリアレイヤーは避けてください。前景の詳細は、透過性が下がったりウィンドウが非アクティブになった場合でも読みやすい状態を保つ必要があります。 Platform requirements: List the supported macOS versions. Say whether AppKit or SwiftUI owns each part and how they connect. Define window, menu, focus, keyboard, saved state, restore, and multi-window behavior. Platform accessibility and resilience: Use the right accessibility APIs. Check VoiceOver and Full Keyboard Access. Support localization, contrast, and reduced motion when needed. Keep user state after a relaunch. Acceptance criteria: Check the behavior on supported macOS versions with a keyboard and VoiceOver. Window resizing, focus, state restore, and AppKit or SwiftUI integration work in the normal macOS way. Evidence and limits (evidence boundary):その情報源にとって公式です。他のプラットフォームやチームはその用語を別の方法で使用する場合があります。 Unknowns to confirm: Supported macOS versions, AppKit or SwiftUI structure, and window model. Also confirm sandbox and entitlement limits, save rules, and the accessibility goal.

このリクエストを確認する

Review how Visual Effect Material (Visual Effect Material) is used now. Definition: ビジュアルエフェクトマテリアルは、背後のものをブレンドしてぼかすmacOSのサーフェススタイルです。ウィンドウの状態やライト/ダークモードによって変化します。 Release checks: Check the supported macOS versions and AppKit or SwiftUI integration. Check standard focus and keyboard behavior. Also check VoiceOver, Full Keyboard Access, window resizing, and multi-window state. When needed, check restore, localization, and reduced motion. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.

B
この用語はどれくらい公式か?

公式のガイダンス

指定されたプラットフォーム、フレームワーク、プロジェクト、または専門グループには、この用語に関する公式ガイドがあります。

その情報源にとって公式です。他のプラットフォームやチームはその用語を別の方法で使用する場合があります。

範囲
ソースがカバーするもののみ:正式名、定義、プラットフォームAPI、実装、使用ガイド
ドキュメントステータス
安定
チェックオン
2026-07-30

証拠の情報源と範囲

権威のある情報源 · Apple · 安定 Materials 範囲: 正式名、定義、プラットフォームAPI、実装、使用ガイド ここでの役割: 指定された範囲内の権威 ソースの範囲: 正式名, 定義, プラットフォームAPI, 実装, 使用ガイド 背景ソース Apple Human Interface Guidelines — Designing for macOS ここでの役割: 定義ではなく有用な背景情報

自分でコピーする

ブラウザはこれをコピーできませんでした。下のリクエストを選択して自分でコピーしてください。