与えられた iPhone X のデザインは発表される数か月前にリークされ、多くの人々は、Appleがデバイスの新しいTrueDepthフロントカメラと顔認識システムを収容するノッチにどのようにアプローチするのか疑問に思いました。
iPhone Xが公式になったので、答えはわかりました。 Appleの新しい ヒューマンインターフェイスガイドライン デバイスの場合、アプリのレイアウトが画面全体に表示されるようにすることで、開発者にノッチを採用するようにアドバイスします。
主要な表示機能を隠したり、特別な注意を払ったりしないでください。 画面の上下に黒いバーを配置して、デバイスの丸みを帯びた角、センサーハウジング、またはホーム画面にアクセスするためのインジケーターを非表示にしないでください。ブラケット、ベゼル、形、説明文などの視覚的な装飾を使用して、これらの領域に特別な注意を向けないでください。
簡単に言うと、Appleは、開発者が画面の上下に黒いバーを配置してノッチやスワイプインジケーターを非表示にすることを望んでいません。
どのようにiPhoneで録画をスクリーニングしますか
Appleによれば、ナビゲーションバー、テーブル、コレクションなど、システムが提供する標準のUI要素を使用するほとんどのアプリは、デバイスの新しいフォームファクターに自動的に適応します。背景素材はディスプレイの端まで広がり、UI要素は適切に挿入および配置されます。
iPhone Xの丸みを帯びたディスプレイの端、センサーハウジング、またはスワイプジェスチャーインジケーターによってコンテンツがクリップされたり隠されたりしないようにするには、すべてのアプリがAppleの安全な領域とレイアウトの余白に準拠してAppStoreで承認されるようにする必要があります。
Appleはまた、開発者に、画面の一番下や隅にインタラクティブなコントロールを配置しないように指示し、下端から上にスワイプしてホーム画面に戻るなどのジェスチャに干渉しないようにします。
画面の一番下や隅にインタラクティブなコントロールを明示的に配置することは避けてください。 人々はディスプレイの下端にあるスワイプジェスチャを使用してホーム画面とアプリスイッチャーにアクセスします。これらのジェスチャは、この領域に実装したカスタムジェスチャをキャンセルする場合があります。画面の隅々は、人々が快適に到達するのが難しい領域になる可能性があります。
AppleのWebサイトには、メッセージやApple Musicなど、システムが提供する要素を備えたアプリがどのように表示されるかについての例がたくさんあります。
特にAppleのマーケティング資料には、ゲーム以外の横向きモードのアプリのスクリーンショットはありません。その理由は、それらの多くがその向きできれいに見えないためかもしれません。
XcodeでiOSシミュレーターを使用して、何人かの開発者がiPhone Xでランドスケープアプリがどのように見えるかのスクリーンショットを共有し、一部の開発者はそれらがどのように見えるかについて彼らの落胆を表明しました。
開発者ThomasFuchsが ザ・ヴァージ 、iPhone Xの横向きは、Safariでは特に見栄えが悪くなります。Appleは画面の左右にバーを追加してレターボックス化されたWebサイトを作成しているため、すべてノッチを回避しています。
幸いなことに、バーは常に白であるとは限らないようです。正確な色は、HTMLの背景色の値によって異なる場合があります。iPhone Xは、側面に文字通りの白いバーが付いたWebページをレンダリングします pic.twitter.com/ztcWetrLPo -Thomas Fuchs（@thomasfuchs） 2017年9月13日
ワイドスクリーンの写真やビデオ、およびノッチが部分的に重なっているフルスクリーンのゲームでは状況が異なります。どうやら、背景色を設定する方法があります。 Apple TV4Kページがそれを行います。 pic.twitter.com/Am3xn6wjRp -Thomas Fuchs（@thomasfuchs） 2017年9月13日
なぜ私のiPhoneの無音が鳴るのですか
幸いなことに、少なくともビデオの場合、Appleはデフォルトでノッチを回避するために自動的にビデオを挿入します。ユーザーはビデオをダブルタップして全画面表示にすることができ、その時点で再びノッチが重なるようになります。
iPhoneX画面の上部にある「ノッチ」がビデオに切り込まれていないことを確認できます。 pic.twitter.com/tdWlMqoGj3 —デビッド・ポーグ（@Pogue） 2017年9月13日
一方、Appleのサイズクラスに基づいて、iPhoneXは横向きで「コンパクトな幅」と「コンパクトな高さ」を持っていると見なされます。
開発者によると、基本的に、iPhone Xのスワイプジェスチャインジケーターにより、5.8インチのディスプレイの垂直方向のスペースは4.7インチのiPhone8よりも横向きになります。 ショーン・チョー と スティーブン・トロウトン-スミス 。
多くの技術愛好家は、AppleがiPhone Xの上部と下部のベゼルを少し大きくして、SamsungのGalaxy S8、XiaomiのMi Mix 2、LGのV30に似たノッチがないようにするべきだったと信じています。数人のTwitterユーザーは、iPhoneXがこのデザインでどのように見えるかをモックアップするところまで行きました。
UI / UXデザイナーによるノッチのないiPhoneXモックアップ Matthijs Klaver
しかし今のところ、少なくとも、ノッチは未来です。 11月初旬にiPhoneXがリリースされると、新しいユーザーエクスペリエンスを初めて味わうことができ、多くの開発者は確実にアプリを可能な限り最適に調整します。
人気の投稿