Advertisement

0283-02_papermill_photos_webdesign

 

Webサイトの背景にイメージ画像を利用することは、印象に残るだけでなく。実装も簡単に行うことができます。

フルスクリーンのイメージ画像表示に活用したい、無料プラグインなども数多く公開されています。

 

海外デザインブログSixRevisionsで、他とは異なるオリジナリティー満載のWebサイトデザイン30個をまとめたエントリー「30 Beautiful Web Designs that Use Photos as Backgrounds」が公開されていたので、今回はご紹介します。

 

 

 

詳細は以下から。

 

 

 

印象に残る、クリエイティブなフルスクリーンWebサイトデザインまとめ

 

Cappello’s

パスタの麺を販売するコロラド州にある会社の公式ホームページで、コンテンツごとにモノクロ写真を切り替えてインパクトの有るデザインに仕上がっています。

0283-31_cappellos_photos_webdesign

 

 

 

Epic Discovery2014

子供たちに自然の素晴らしさを伝える夏の野外スクールで、自然のイメージを見事に表した、パララックスエフェクトを使ったWebサイト。

0283-19_epicdiscover_photos_webdesign

 

 

 

Beg Bicycles

パステルカラーのかわいい自転車を販売している、イギリスのWebサイトデザイン。

背景にのどかな草原を撮影したイメージ写真を利用しており、ブランドイメージにピッタリです。

0283-17_begbikes_photos_webdesign

 

 

 

Salt Surf

2011年よりニューヨークで活動を始めた、サーブブランドの公式ホームページで、イメージ写真とタイポグラフィーの組合せがオシャレなデザイン。

0283-03_saltsurf_photos_webdesign

 

 

 

Fueld Films

映画やコマーシャルなどの映像制作を行なっている、テキサス州にあるデザイン事務所のWebサイト。どこかコミカルな構図で撮影された写真が素敵。

0283-27_fueld_photos_webdesign

 

 

 

Pure Pleasure Design

ドイツを拠点にしたデザイン事務所のオフィシャルサイトで、余白スペースをタップリと使ったレイアウトがシンプルで、ミニマルデザインを表現しています。

0283-28_purepleasure_photos_webdesign

 

 

 

Healing Histories

画面中央に表示されるボタンを横にスライドさせると、ストリート全体を見渡せるというギミック付のWebサイト。

0283-12_healinghistories_photos_webdesign

 

 

 

The Kitchen Community

雰囲気の良いレストランの店内を撮影し、そのまま背景デザインとして利用した、活気あふれるWebサイトデザインで、思わず行きたくなってしまいそうですよ。

0283-06_thekitchen_photos_webdesign

 

 

 

Spring/Summer

落ち着いたエレガントな配色、レトロ加工が施されたイメージ写真の組合せがユニークなWebサイト。

0283-15_springsummer_photos_webdesign

 

 

 

Banger’s

シングルページで完結する、ポートフォリオタイプのWebサイトで、徹底的にビンテージにこだわったナビゲーションメニューは印象的。

0283-18_bangers_photos_webdesign

 

 

 

Mathias Sterner

ハイファッションな洋服ブランドの公式ホームページ。やや画像の読み込みに時間がかかりますが、大画面で作品をたのしむことができそうです。

0283-14_mathiassterner_photos_webdesign

 

 

 

A Book of Beards

芸術的な?ヒゲの持ち主を撮影、公開しているユニークサイトのひとつ。なんと写真集まで発売されているそうですよ、欲しい方はどうぞ。

0283-10_bookbeards_photos_webdesign

 

 

 

Minerva – Spring/Summer 2012

アパレルブランドの2012春、夏のルックブックとなっており、スクロールするたびに新しいアイテムが登場します。

0283-24_minerva_photos_webdesign

 

 

 

Jason Miller Studio

ニューヨーク在住のアーティストで、自然をテーマにしたものづくりを行なっており、ブランドコンセプトにも合ったイメージ写真が使用されています。

0283-08_jasonmiller_photos_webdesign

 

 

 

The NoMad Hotel

ニューヨークにあるホテルで、その名も「ノマド・ホテル」。歴史的な建築物を改装した、クラシックな印象のデザインホテル。

0283-26_nomad_photos_webdesign

 

 

 

Circles

クリエイティブな人を集めてミーティングをしようという、大胆なコンセプトが魅力で、人の良さを写真で十分に伝えることができていますね。

0283-07_circles_photos_webdesign

 

 

 

Onside Sports Agency

スポーツ選手のマネージメントなどを行う会社らしく、巨大なスタジアムや芝生などにスポットを当てた写真をふんだんに利用したWebサイトデザイン。

0283-22_onside_photos_webdesign

 

 

サムネイル@ : The Papermill 

参照元リンク : 30 Beautiful Web Designs That Use Photos as Backgrounds – SixRevisons