サムライファクトリーのDesigner其の六です。
今回は、ちょっと手を加えて
デザインに空間を作るデザインと作成方法の紹介をいたします。
Systima-Technology
http://www.systima-technology.co.uk/
背景の画像が手前にくるグラフィックで、
2次元のグラフィックを厚みを出して空間が生まれるよう
工夫されています。
ざっくりとした作り方については、
まず、bodyタグに、
大画像（下記画像）を背景に設定（リピートなし）
そして、ヘッダー部分背景に
下記画像を背景とずれないように注意してCSSで上手く設定します。
（こちらは一番上にキャッチコピーと会社概要的なものが入るので
一番上にくるような感じではないですが）
そうすると、あたかも背景の画像が前面に繋がっているように見えます。
皆様もWEBデザインする際、
空間を意識したデザインをしてみてはいかがでしょうか？
[0回]