group_inouのアルバムの特設サイトをトレースしました。
文字を斜めにしてたり、アニメーションに浮遊感があったりスクロールするのが楽しいワクワクするサイトです。
デザインはアルバムアートワークをもとにしたものとなっていて、カラー、フォントの種類、背景画像とか少なく、レイアウトも割とシンプルだけど、うねうね動くやつ（トレースでは再現できず）がまずキャッチになってて、全体的にシュールな世界観があって、全くありきたりに感じません。
grounp_inouのアートワークはシュールな世界観があってどれも良いですが、だからこそ自分でWEBサイトをつくるとなるとどういうデザインにするか表現にするか悩むだろうと思います。しかも、背景が青空の写真というのはかなり難しそう・・・！青空の写真を使ってデザインをつくろうとすると、爽やかすぎたり、フリー素材感のある安っぽいデザインになったりしそうで、正直あまり手を出したいとは思わないかもしれません。そう思わせないデザインになっているのは、雲が実は３つくらいの画像（レイヤー）に分かれていて奥行き感や浮遊感があること、線などのシェイプが無機質な感じやシュールな感じを生んでいること、レイアウトで揃えるところは揃えていてデザインされた印象があること、文字を斜めに傾けた浮遊感、サイズ感の調整（特に小さいサイズの文字が効いてる！）などの細かいデザインされた要素があることによるものだと思います。
シングルページでもこれくらいユニークなサイトがつくれるようになりたいなと思います。
ぜひ実際のサイトもご覧ください。
文字を斜めにしてたり、アニメーションに浮遊感があったりスクロールするのが楽しいワクワクするサイトです。
デザインはアルバムアートワークをもとにしたものとなっていて、カラー、フォントの種類、背景画像とか少なく、レイアウトも割とシンプルだけど、うねうね動くやつ（トレースでは再現できず）がまずキャッチになってて、全体的にシュールな世界観があって、全くありきたりに感じません。
grounp_inouのアートワークはシュールな世界観があってどれも良いですが、だからこそ自分でWEBサイトをつくるとなるとどういうデザインにするか表現にするか悩むだろうと思います。しかも、背景が青空の写真というのはかなり難しそう・・・！青空の写真を使ってデザインをつくろうとすると、爽やかすぎたり、フリー素材感のある安っぽいデザインになったりしそうで、正直あまり手を出したいとは思わないかもしれません。そう思わせないデザインになっているのは、雲が実は３つくらいの画像（レイヤー）に分かれていて奥行き感や浮遊感があること、線などのシェイプが無機質な感じやシュールな感じを生んでいること、レイアウトで揃えるところは揃えていてデザインされた印象があること、文字を斜めに傾けた浮遊感、サイズ感の調整（特に小さいサイズの文字が効いてる！）などの細かいデザインされた要素があることによるものだと思います。
シングルページでもこれくらいユニークなサイトがつくれるようになりたいなと思います。
ぜひ実際のサイトもご覧ください。
