Appleが画面上にFaceTime HDカメラが組み込まれた「MacBook Pro (14/16インチ, 2021)」向けのヒューマンインタフェースガイドラインを公開しています。詳細は以下から。
Appleは現地時間2021年10月18日にオンラインで開催したスペシャルイベント「Unleashed.」の中で、Apple Silicon「M1 Max/M1 Pro」チップ搭載の「MacBook Pro (14/16インチ, 2021)」を発表しましたが、このMacBook ProはこれまでのMacBookシリーズとは異なり、iPhoneのFace IDのようにFaceTime HDカメラ・ハウジングがディスプレイ上部を一部覆うようになっています。
これに対し、AppleのコミュニケーションチームのSerenity Caldwellさんは、Appleが開発者向けに提供しているデザインマニュアル「Human Interface Guidelines (HIG)」をアップデートし、新たにMacにもSafeAreaの概念を導入しているとツイートしています。
PSA: Make apps for the Mac? Here's some helpful HIG content and documentation about designing for the menu bar on the new MacBook Pro ⬇https://t.co/yYEEZRCFPyhttps://t.co/AAHCKRJcBThttps://t.co/YIbyp1VoEfhttps://t.co/fz0w8E6OLY
— Serenity Caldwell (@settern) October 18, 2021
On some Macs, the camera housing occupies an area at the top-center of the screen. Using the system’s full-screen support automatically accounts for this area; if you use a custom full-screen experience, you need to account for this area as you position your content.
Full-Screen Mode – App Architecture – macOS – Human Interface Guidelines – Apple Developer
Safe Area
Safe AreaはAppleが2017年に発売した「iPhone X」で導入された考えで、iPhone XのEdge-to-Edgeディスプレイを覆う形で配置されたFace IDハウジングを考慮せずにアプリやWebサイトを作成すると、ユーザーが操作できない/見ることができない領域ができてしまうため、このハウジング部分を除いた領域をSafe Areaと定めており、
新しいMacBook Pro (14/16インチ, 2021)の上部はメニューバーが配置されているため、この問題は発生しないように思えますが、アプリをフルスクリーンで利用するとこの問題に直面するため、画面上にFaceTime HDカメラ・ハウジングがあるMacでは、コンテンツがその領域に配置されないよう考慮する必要があり、新しいmacOS 12 Montereyでは、これを解決する「互換モード (compatibility mode)」が提供され、
Finderでアプリの[情報を見る]をクリックし、互換モードを有効にするとシステムがカメラ・ハウジングの高さまでを黒いバーで覆い、そのエリアを除いた部分をアクティブ・エリアとして認識しカメラ・ハウジングを避けてアプリが表示されるようになるそうなので、Macアプリを開発されている方はチェックしてみてください。
- NSPrefersDisplaySafeAreaCompatibilityMode – Apple Developer
- Full-Screen Mode – App Architecture – macOS – Human Interface Guidelines – Apple Developer
コメント