最近モバイルコンポーネントの角丸が増えてる

UIコンポーネントというのはそれが表示されるデバイスの外形に依存する。

Pixel 3 やiPhone X以降、モバイルのウィンドウの外形が垂直角から弧形のシルエットになったことで、その中に表示されるコンポーネントに均整さを持たせるには、同じくコンポーネントを垂直ではなく弧形の、一定のborder radiusを持たせた形にする必要が生まれた。

特にCard、CollectionItemは色濃い影響が見受けられる。

以前はCard UIでも四角形だったのが、最近は以下のようなデザインが人気の成果物として浮上してきている。多少ポップな印象だけど、デバイスの外形とのマッチ度合いはこちらのほうが高く、結果として良いのかもしれない。


この記事が気に入ったらサポートをしてみませんか?