Advertisement

40retrowebsite

以前ご紹介した、「「レトロデザイン」をテーマにしたユニークなウェブサイト45個まとめ」のvol.3となります。

これまでにもいろいろなデザイン性の高いレトロデザインウェブサイトを紹介しています。

今回は、年代別に見たレトロデザインを40個まとめた「Retro and Vintage Web Design – Best Of」をご紹介します。

 

「まだこんなにあったのか、、。」

と思ってしまうほどすばらしいデザインのウェブサイトばかりとなっています。

その中でもPhotoshop VIPで未紹介のウェブサイトデザインをいくつかピックアップしてみました。

 

 

詳細は以下から。

 

 

レトロデザインウェブサイトまとめ

 

「20世紀以前」のアンティークウェブデザイン

 

 The Statement

ヘッダー部分にレイアウトされた白黒写真が味のあるダークデザインのブログサイト。

イラストなどを使わずシンプルに、使用するフォントを変えるだけでもレトロデザインをうまく表現することができそうです。

ウェブフォントなどでフォント変更すれば日本語表示に応用することができそうです。

thestatement

 

Xocolati

チョコレートミント味のアイスクリームを連想させるエレガントなウェブサイト。

グランジテクスチャをデザインに加えることで落ち着いた雰囲気を表現しています。

xocolatl

 

 

The Dollar Dreadful Family Library

古い新聞をそのままレイアウトしたようなウェブサイトもありました。

背景色の淡いクリーム色とフォントの選び方、そいて手書き風デザインが特長的です。

dollardreadful

 

 

「20世紀初頭」に影響をうけたウェブサイト

 

Team Fortress 2 

海外のアニメコミック風デザインを大胆にデザインしたウェブサイト。

ゲームの登場人物をシングルページでそれぞれ紹介しているようで、どのページも個性的です。

teamfortress2

 

 

MediaBOOM 

※音が出ますので注意してください。

ナレーションやBGM、フラッシュの動きなどがとてもうまくデザインされています。

商品紹介ページを作るときに参考にしたいと思います。

mediaboom

 

 

FieldNotes

過去記事、「背景に粒状のざらざらテクスチャを使った、立体感のあるウェブサイトまとめ」の参考になるデザイン。

ベージュを使うことで、ビンテージ感を表現しながらも、すっきりとしたシンプルなデザインが好印象です。

ショッピングサイトを運営されている方も参考になるのではないでしょうか。

fieldnotes

 

 

TargetScope

※音が出ますのでご注意ください。

ぼろぼろで色あせた紙テクスチャをデザインに使ったレトロデザインウェブサイト。

白黒写真とグランジデザイン、この二つはレトロ&ビンテージデザインに欠かせないエレメントのひとつになっていますね。

targetscope

 

 

「1950年代以降」に影響をうけたウェブサイト

 

Custom Design

※音が出ますのでご注意ください。

テレビ画面をそのままフルスクリーンでデザインしたユニークなウェブサイトです。

全フラッシュで作成されており、一度見ると忘れられないデザインが魅力的です。

個人的にもお気に入りのサイトのひとつです。

customdesign

 

 

SmallStone

ヘッダー部分に歴史を感じるアナログ電化をデザインしたダークデザインのウェブサイトです。

緑をアクセントカラーにしており、カラーリングは参考にしてみてはいかがですか。

smallstonerecordings

 

 

Singularityconcepts.com

カラフルなオレンジと水色のドット柄テクスチャを背景に使ったウェブサイト。

デザインに使用する色を適切に選ぶことで、見た目以上に簡単にレトロデザインに仕上げることができます。

こちらにもグランジデザインが加工されています。

singularityconcepts

 

参照元サイトには、このほかにもいろいろなレトロ&ビンテージウェブサイトが紹介されています。

よろしかったら、合わせてどうぞ。

 

[参照元 : Retro and Vintage Web Design – Best Of – Hongkiat.com]