Advertisement

fullbgbg_top

 

海外デザインブログVandelayDesignBlog.comで、インパクトのあるフルスクリーン写真を背景に利用した、Webデザイン30個をまとめたエントリー「30 Outstanding Web Designs with Big Background Photos」が公開されていたので、今回はご紹介します。

 

 

ダイナミックなデザインレイアウトで、オリジナル性を演出し、ビジュアル面においてのインパクトも兼ねた、デザイン重視型サイト作りの参考にしてみてはいかがでしょう。

 

 

 

詳細は以下から。

 

 

 

フルスクリーン写真を利用した、クリエイティブWebデザインまとめ

 

GEO Fun

ヨーロッパにあるアゾレス諸島を探検、散策するツアーを主催したウェブサイト。自然を満喫できそうな雰囲気でいっぱい。

big-photo-bg-3

 

 

 

RoseBud

イタリアを拠点に活動する、インタラクティブなデザイン事務所で、印刷媒体からモーショングラフィックまでさまざまな作品が、背景に映し出されます。

big-photo-bg-1(2)

 

 

 

MyOwnBike

ドイツはデュッセルドルフにある、スタイリッシュで洗練されたフレームが自慢の、自転車販売サイト。

photo-33

 

 

 

Secret Garden

何気ない公園の一コマを撮影した写真に見えますが、マウスをホバーすることで、さまざまなシチュエーションが浮かびあがります。

photo-45

 

 

 

Salt Surf

サーフィンをベースとした、ブランドコンセプトが素敵な、アパレルブランドの公式ホームページ。写真加工を参考になりそうですよ。

photo-38

 

 

 

Shelley Sandzer

レストランなど飲食店の経営にも携わる、エージェントチームの公式ホームページ。これまでに手掛けたお店が表示されています。

photo-29

 

 

 

Modern Green Home

ニューヨークにある建築事務所で、これまでに完成した建築物をスライドショーで表示しています。

big-photo-bg-4

 

 

 

Eldorado Stone

カリフォルニアにある、住宅用レンガや石などを扱う、ユニークな業種のWebサイトデザイン。

big-photo-bg-6

 

 

 

Locals Apparel

手作り感のある商品セレクションが得意の、スウェーデン発のアパレルブランド。モノクロ写真が、ブランドコンセプトともぴったりです。

big-photo-bg-24

 

 

 

Ben Thomson Photography

ニューオリンズで活動を続ける写真家のポートフォリオサイトで、これまでに撮影した写真をスライド式に閲覧できます。

photo-4

 

 

 

Elisabetta Canalis

スタイル抜群な女性モデルの専用公式ホームページで、ポートレイト写真を使った、エレガントな作りとなっています。

big-photo-bg-12

 

 

 

Life & Thyme

フルスクリーン写真を利用したトップ部分はもちろん、グリッドレイアウトのブログ記事表示は、参考になりそうなのでメモ。

big-photo-bg-28

 

 

 

DealPult

iPad専用アプリの商品紹介ページで、背景にレトロ写真を重ねて配置した、アイデアが輝くWebサイトデザイン。

photo-54

 

 

 

Northlandscape

北極圏で撮影された、自然の雄大さを感じる写真を、そのまま背景デザインに利用したモデル例。左側固定ナビゲーションを分かりやすいです。

big-photo-bg-7

 

 

 

Page/Park Architects

ロンドンにある、公園や博物館などの公共施設を、数多く手掛けた建築事務所の公式ホームページ。

big-photo-bg-13

 

 

 

Restraurant Porte Sainte Claire Annecy

美味しそうな食べ物が並ぶ、あたたかい食卓を撮影した、レストランのサイトデザイン。中央部分にメニューを配置した、斬新なレイアウト。

big-photo-bg-11

 

 

 

The Shard

ロンドンの新しいランドマークとして、建設されたThe Shardタワーの公式ホームページ。さすが高さを考慮した、デザインセンスが光ります。

photo-30

 

 

 

Buffalo

アウトドアに特化した、アパレルブランドの公式ホームページで、自然の広大さを感じる写真をバックに、シンプルなナビゲーションメニューが◎。

big-photo-bg-17

 

 

 

The Kitchen Community

たくさんのお客さんで賑わう店内を撮影した、レストランのWebサイトデザイン。ぜひ訪れたくなる、みなさんの笑顔が素敵です。

big-photo-bg-23

 

 

 

Ann-N-1 House of Beauty

さまざまなヘアースタイルを提供し続ける、美容室の公式ホームページ。フルスクリーン写真をして、髪型を分かりやすく紹介しています。

photo-56

 

 

 

Pororoca

アマゾン川の現状をフルスクリーンの写真や動画で伝える、新しいユニークな試みが素敵なWebサイトデザイン。

photo-60

 

 

 

クリエイティブな業種に活用したい、フルスクリーンWebデザイン30個まとめ

さまざまな業種にスポットを当てた、フルスクリーンサイトを紹介しています。

30fullbg_top

 

 

参照元リンク : 30 Outstanding Web Designs with Big Background Photos – VandelayDesignBlog.com