ノッチ

Notch
別名: 切り欠き
モバイル固有のパターン

🎮 ライブデモ

📝 説明

一言で説明

スマートフォンの画面上部にある、カメラやセンサーを収めるための黒い食い込み部分。

いつ使う?

全画面表示のデザインを行う際、ノッチによってUI要素(時間や電池残量、ヘッダー)が隠れないよう配慮が必要。

💡 日常の言い方

スマホの画面の上の方にある、カメラが入ってる出っ張り部分

🔄 似ている用語との違い

ノッチ vs セーフエリア

ノッチは物理的な『形状』。セーフエリアはその形状を考慮して設定される『表示可能な安全な領域』。

🤖 AIへの指示例

ノッチがある端末でもヘッダーのロゴが中央に配置されるよう、セーフエリアを考慮したマージンを設定して。