Advertisement

retrowebdesign

以前ご紹介した「知っていそうで知らない、トップウェブデザイナーになる為の20の方法」はみなさんから好評でありがたい限りです。

その記事の中でも触れていた、ウェブトレンドのひとつとして「レトロデザイン」があります。

レトロなデザインを今使うことで、逆に新鮮なウェブデザインを作り上げることができ、たくさんのウェブサイトがこのデザインを応用しています。

今回は、そんな「レトロデザイン」をテーマにした、ユニークなウェブサイトを25個まとめた記事「25 Creative Retro Styled Web Design」をご紹介します。

その中でも、特に気に入ったデザインのウェブサイトをいくつかピックアップしてみました。

 

「実際、レトロデザインってどんなの?」

「レトロデザインのホームページをつくりたいけど、イメージが浮かばない。」

そんなひとのサンプルになるようなウェブサイトが色々揃っていますよ。

 

詳細は以下から。

 

Simone Maranzana

ヘッダー部分に大きなスペースを作り、レトロ風の筆記体を使いシンプルに仕上げています。

レトロなデザインを作成するには、適切な色を使うことが重要になってきます。

こちらは、クリーム色とエレガントな小豆色のグラデーションでうまく調和が取れています。

simone maranzana

 

 

Fred Perry

グランジデザインの白のテクスチャを背景画像に使用しています。

その上に、白黒写真を壁にかけて、どこかアメリカの古い家を連想させるようなモチーフに仕上げています。

fred perry

 

 

Big Sweater Design

染みのついたテクスチャ画像を使い、ヘッダー部分に汚れをデザインしています。

紐のついたタグのデザインが歴史を感じさせてくれます。

big sweater design

 

 

Sprocket House 

ダマスク柄のエレガントな背景画像に、ボロボロに破れた紙テクスチャを使用したヘッダー部分がよい味を出しています。

「レトロデザイン」と「グランジデザイン」をうまく融合させると、オリジナリティの高いレトロデザインを完成させることができます。

sprocket house

 

 

Liga Retro

こちらもレトロな色合いが特徴的なウェブサイトになっています。

また、ところどころに油絵で描いたようなデザインを配置することでさらにレトロ感がアップしています。

liga retro

 

 

Time For Cake

手書き風のデザインに植物のエレメントを加えた立体感のあるサイトです。

また、パステル調の色と自然な土色の組み合わせがレトロな雰囲気を出しています。

Time For Cake

 

 

Tennessee Vacation

さまざまな写真をコラージュし、汚れのついたグランジテクスチャの組み合わせがユニークです。

ヘッダー部分の女性の写真にもフィルタを施し、セピア色に仕上げています。

Tennessee Vacation

 

 

Cottonseed Oil Tour

先日、「「木」をテーマにしたクリエイティブなウェブサイト35個まとめ」でもご紹介したウェブサイトです。

サイドバー部分のバナーに白黒写真を使うなどして、レトロ感を出しています。

cottonseed oil tour

 

 

Lanikai Properties

ウェブサイトに使用している色使いだけでもレトロデザインを作り上げることができます。

特にヘッダー部分の色使いと、かすれたグランジデザインが印象的です。

lanikai properties

 

 

Glenilen Farm

こちらも色使いの参考になるウェブサイトです。

クリーム色の背景画像に、水色がやさしい雰囲気のデザインを完成させています。

glenilen farm

 

さまざまなウェブトレンドを組み合わせることによって、「レトロデザイン」を効果的にデザインすることができそうですね。

今回のサンプルウェブサイトを見て感じたのは、

・レトロな色使いを意識する

・グランジテクスチャなどのかすれたイメージがレトロデザインによく合う

・ウォーターカラーと自然な土色の絶妙なカラーリング

・ビンテージ風の写真や切手、スタンプなどを使うとレトロ感アップ

 

こんな感じでしょうか。

アイデア次第でユニークな自分だけの「レトロデザイン」ウェブサイトを完成させることが可能ですね。

以下の記事でもう少し詳しくレトロデザインについて説明しています。

参考にしてみてください。

20elementsforwd1

「知っていそうで知らない、トップウェブデザイナーになる為の20の方法」

 

参照元にはこのほかに、たくさんの「レトロデザイン」のサンプルとなるウェブサイトが掲載されています。

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

 

[参照元 : 25 Creative Retro Styled Web Design – Spyrestudios]