以前ご紹介した、「「レトロデザイン」をテーマにしたユニークなウェブサイト45個まとめ」のvol.3となります。
これまでにもいろいろなデザイン性の高いレトロデザインウェブサイトを紹介しています。
今回は、年代別に見たレトロデザインを40個まとめた「Retro and Vintage Web Design – Best Of」をご紹介します。
「まだこんなにあったのか、、。」
と思ってしまうほどすばらしいデザインのウェブサイトばかりとなっています。
その中でもPhotoshop VIPで未紹介のウェブサイトデザインをいくつかピックアップしてみました。
詳細は以下から。
レトロデザインウェブサイトまとめ
「20世紀以前」のアンティークウェブデザイン
The Statement
ヘッダー部分にレイアウトされた白黒写真が味のあるダークデザインのブログサイト。
イラストなどを使わずシンプルに、使用するフォントを変えるだけでもレトロデザインをうまく表現することができそうです。
ウェブフォントなどでフォント変更すれば日本語表示に応用することができそうです。
チョコレートミント味のアイスクリームを連想させるエレガントなウェブサイト。
グランジテクスチャをデザインに加えることで落ち着いた雰囲気を表現しています。
The Dollar Dreadful Family Library
古い新聞をそのままレイアウトしたようなウェブサイトもありました。
背景色の淡いクリーム色とフォントの選び方、そいて手書き風デザインが特長的です。
「20世紀初頭」に影響をうけたウェブサイト
海外のアニメコミック風デザインを大胆にデザインしたウェブサイト。
ゲームの登場人物をシングルページでそれぞれ紹介しているようで、どのページも個性的です。
※音が出ますので注意してください。
ナレーションやBGM、フラッシュの動きなどがとてもうまくデザインされています。
商品紹介ページを作るときに参考にしたいと思います。
過去記事、「背景に粒状のざらざらテクスチャを使った、立体感のあるウェブサイトまとめ」の参考になるデザイン。
ベージュを使うことで、ビンテージ感を表現しながらも、すっきりとしたシンプルなデザインが好印象です。
ショッピングサイトを運営されている方も参考になるのではないでしょうか。
※音が出ますのでご注意ください。
ぼろぼろで色あせた紙テクスチャをデザインに使ったレトロデザインウェブサイト。
白黒写真とグランジデザイン、この二つはレトロ＆ビンテージデザインに欠かせないエレメントのひとつになっていますね。
「1950年代以降」に影響をうけたウェブサイト
※音が出ますのでご注意ください。
テレビ画面をそのままフルスクリーンでデザインしたユニークなウェブサイトです。
全フラッシュで作成されており、一度見ると忘れられないデザインが魅力的です。
個人的にもお気に入りのサイトのひとつです。
ヘッダー部分に歴史を感じるアナログ電化をデザインしたダークデザインのウェブサイトです。
緑をアクセントカラーにしており、カラーリングは参考にしてみてはいかがですか。
カラフルなオレンジと水色のドット柄テクスチャを背景に使ったウェブサイト。
デザインに使用する色を適切に選ぶことで、見た目以上に簡単にレトロデザインに仕上げることができます。
こちらにもグランジデザインが加工されています。
参照元サイトには、このほかにもいろいろなレトロ＆ビンテージウェブサイトが紹介されています。
よろしかったら、合わせてどうぞ。
[参照元 : Retro and Vintage Web Design – Best Of – Hongkiat.com]
