要素をずらして重ねるレイアウトについて｜金 成奎要素をずらすレイアウトの流行最近公開された、デザイン的に秀逸なウェブサイトを見ると、矩形 (長方形) やテキストといった要素を (あえて) ずらして重ねる手法を多く見つけることができます。 具体例をあげます。 napla recruit site Abel 大阪医科大学 住信SBIネット銀行新卒採用サイト まとめると、共通してこのような表現と言えるでしょう。 - 写真の両端もしくは片方の枠を、カラム幅いっぱいに吸着して配置しない (余白を持たせる)。 - 要素同士を後景が (あえて) 見えるようにずらして重ねる。 - 文字 (タイトル) を画像枠内からはみ出させる。 背景シンプルさからの脱却 こういった表現の背景にあるのは、一つにはフラットでシンプルなデザイントーンからの脱却、と言えます。 ここ何年かで、グリッドで仕切りブラウザを大きく使うシンプルかつリッチなビジュアル表現が隆盛となり
