あれ、iOS ってフラットデザインじゃなかった? でも、最近シャドウ表現増えてない? 最近、iOS でもボトムシートや Floating Action button など 階層(Z 軸)が異なる UI が少しづつ多くなってきた気がします。App Store の Today もカードにシャドウついてますしね。 そこで、整理をかねて最近のデザイン傾向をコンポーネント別にまとめてみました。 *** ボトムシートのまとめ 傾向 シャドウあり。 ボトムシートを画面上部まで引っ張ると、スクリム(黒い背景)が入る場合も多い。ボトムシート上部に「ー」のあしらいをつけることが多い。 感想 マテリアルデザインとの差異が縮まってきている印象。スクリム(背景の黒いフィルター)のあり / なし、両方の事例がある。スクリムがあると後ろの UI は操作できない。ボトムシートの操作に集中してほしいときはスクリムをつける。
![iOS もシャドウ使っていいの? - iOS の階層表現をまとめてみた #Zaim|あき](https://cdn-ak-scissors.b.st-hatena.com/image/square/530a9a32001b93caaf7f49e60c0322f6e72527c3/height=288;version=1;width=512/https%3A%2F%2Fd2l930y2yx77uc.cloudfront.net%2Fproduction%2Fuploads%2Fimages%2F12570780%2Frectangle_large_type_2_3a6dbfd2bb487b12f4f40dd1b42e64c0.png)