P20 liteのノッチとナビゲーションバーのデザインに統一感がなく美しくない場合がある話

P20 liteの画面上部にはノッチががありますが、設定でノッチの左右の領域を黒くすることでノッチの存在を目立たなくすることができます。しかしある条件下では下部のナビゲーションバーとのデザインの統一がなく、全体的な見た目を損なう場合があります。

P20 liteのナビゲーションバーの背景は

  • 透過

の3種類あります。

透過

ナビゲーションバーの背景はアプリごとに自動的に変わるため、ユーザー好みの設定にはできません。

ナビゲーションバーの背景が白と透過の場合は画面の四隅がラウンドしているので問題は起こりません。

四隅がちゃんとラウンドしてるため、見た目は良い。

しかし黒の場合、ナビゲーションバー左上と右上が角になります。画面の四隅の形状が統一されず、全体的な見た目を損なってしまいます。

ナビゲーションバー付近だけ角になっているため、全体的な見た目に違和感がある。

私の使用頻度が高いアプリのChromeを使っているときはナビゲーションバーの背景が常に黒なので、個人的にこの問題は結構気になりました。