次の方法で共有


Light-Aware ユーザー インターフェイスの例

さまざまな照明条件に合わせて UI を最適化するための基本的な原則を理解したら、この最適化が屋外でコンテンツを表示するときにどのように違いを生み出すのか、いくつかの例を見ることができます。 次の画像は、日光の当たるノート PC を並べて比較した画像です。

次の図は、ライト対応 UI と、日光の当たるノート PC の通常の UI を比較しています。 最初の写真は、ラップトップがバッテリー使用量の表示設定を使用している場合に、通常は屋外で表示されるコンテンツを示しています。 2 番目の写真は、アダプティブ明るさとライト対応 UI の組み合わせと、これらの機能を連携して画面の読みやすさを向上させる方法を示しています。

40% の明るさの通常 の ui 100% の明るさでライト対応 UI

次の写真は、光認識をオフにしてオンにした屋外で見られるナビゲーション プログラムを示しています。 屋内コンテンツは屋外では使用できませんが、屋外のコンテンツは読みやすいです。 また、2 番目の写真に示すように、白黒配色を使用する場合に反射がどのように最小化されるかにも注意してください。

通常のナビゲーション ユーザー インターフェイス ライト対応ナビゲーション ユーザー インターフェイス