2020年4月2日
Vaporwaveな雰囲気のレトロでかっこいいwebデザイン7選
最近流行中の「vaporwave」というものをご存知でしょうか？
2010年代初頭にWeb上の音楽コミュニティから生まれた音楽のジャンルである。過去に大量生産されて忘れ去られた人工物や技術への郷愁、消費資本主義や大衆文化、1980年代のヤッピー文化、ニューエイジへの批評や風刺として特徴づけられる。基本的にパソコンとDAWを用いて、素材の加工と切り貼りだけで制作される。
音楽ジャンルから生まれた文化ですが、音楽とともに配信される動画やアート、デザインにもとても特徴があります。
そのデザインはレトロな80年代風の写真やイラストのコラージュ、ネオンサインのようなビビッドなカラーリングやグラデーション、レトロ風のパソコン画面などをモチーフにしたデザインが特徴的です。
こういったvaporwaveっぽい雰囲気のデザインは、近年webデザインでも見かけるようになりました！
動画や動きを見せられるwebとの相性もばつぐんで、とてもカッコイイサイトが多いのでこちらで見つけたサイトをいくつかご紹介いたします！
CARAFUL株式会社
水色・紫・ピンクのビビッドなグラデーションがまさにvaporwaveそのもの！ネオンのようにまぶしくて鮮やかな色彩がたまりません。
ファーストビューの蛍光ネオンのライトで彩られた奥へ進むトンネルのような映像も、スペースコブラのオープニング映像を思い起こさせるような、レトロで雰囲気のあるイメージがまさにvaporwave的でとてもかっこいいです。
こちらの会社はクリエイタープロダクションやSNSマーケティングを行う会社だそうです。
大阪芸術大学大学院
薄紫とピンク色のマーブル柄を、水面のようにウネウネと動かす視覚効果が抜群のインパクトを与えています。おなじみのピンク系グラデですが、ただの動画でなくふしぎな動作をつけることでこれだけでも画面が持つほど主張の強いモノになっていますね。
またこのサイトは大学のサイトだということもあり、このド派手なファーストビュー以外はオーソドックスな白ベースのおちついたデザインになっています。堅い雰囲気やマジメなサイトであってもファーストビューでインパクトを与えることで十分にお洒落でキマってるサイトの印象が出せることがわかりました。
LAMM
レトロなアニメ調のイラストとファミコンみたいなドット文字が印象的なサイトです。またこのサイトには仕掛けがあり、ページを閲覧しているうちにサイトの色が変化したりドット風のテキストが今風の高解像度のきれいなテキストに変化したり、サイト内の画像の解像度があがったりさがったり、というせわしない変化が起こります！
vaporwaveでは日本語や日本の80’Sアニメといったモチーフもよく用いられており、海外からも人気があります。このサイト自体が海外のそういった需要に向けて日本のコンテンツを売り出していくという企画のようなので、まさにぴったりというデザインです。
株式会社ON
Web制作会社のHP。VHS風のノイズを入れたり、ネオンや夜の街、ストリート風の映像がかっこいいです。
スターウォーズのような宇宙や動く流星の効果のほか、写真をホバーしたときのビデオノイズ風の効果など隅々までいろいろな効果がありとても楽しいサイトです。写真の色合いもビビッドに調整されておりvaporwaveっぽさをとても感じます。
株式会社Casa
ピンクと紫・青のグラデーションと手書き風のFVがカッコイイサイトです。
こちらは入居サービスや賃貸オーナー向けの企業ですが、こちらはリクルートサイトなので若者向けにちょっと派手なイメージになっているようです。
TOMMY GRAPHICS
ファーストビューのスライド写真の色合いがそのままページの背景になるデザインがカッコイイです。
メルセデスベンツ 新型CLA
高級車でおなじみのメルセデスベンツのホームページもこんなことになっていました。高級車といえばシックで重厚なイメージがあったのでこんなキマった感じになっていることに驚きでした。ネオンサイン風のアウトラインフォントや、夜の街のような写真や動画がクールです。
また群馬レジャーランドや地方の古い建物や地方の海鮮料理屋の駐車場などといった、高級車っぽくないロケーションで撮られた写真のミスマッチ感もなんともいえません。彩度も高くてレトロ風になっているところがイケています。
いかがでしたでしょうか。
「vaporwaveっぽいデザイン」というのを言葉で説明してもわかりにくかったかと思いますが、デザインを実際に見てもらうとその特徴がわかったのではないでしょうか！？
若者向けやアート関係で人気があるイメージですが、メルセデスベンツのような高級品にも用いられていたりと、これからますます流行るのかもしれませんね。是非デザインにも取り入れてみたいところです！
2020年4月2日
