Image may be NSFW.
Clik here to view.
海外デザインブログVandelayDesignBlog.comで、インパクトのあるフルスクリーン写真を背景に利用した、Webデザイン30個をまとめたエントリー「30 Outstanding Web Designs with Big Background Photos」が公開されていたので、今回はご紹介します。
ダイナミックなデザインレイアウトで、オリジナル性を演出し、ビジュアル面においてのインパクトも兼ねた、デザイン重視型サイト作りの参考にしてみてはいかがでしょう。
詳細は以下から。
フルスクリーン写真を利用した、クリエイティブWebデザインまとめ
ヨーロッパにあるアゾレス諸島を探検、散策するツアーを主催したウェブサイト。自然を満喫できそうな雰囲気でいっぱい。
Image may be NSFW.
Clik here to view.
イタリアを拠点に活動する、インタラクティブなデザイン事務所で、印刷媒体からモーショングラフィックまでさまざまな作品が、背景に映し出されます。
Image may be NSFW.
Clik here to view.
ドイツはデュッセルドルフにある、スタイリッシュで洗練されたフレームが自慢の、自転車販売サイト。
Image may be NSFW.
Clik here to view.
何気ない公園の一コマを撮影した写真に見えますが、マウスをホバーすることで、さまざまなシチュエーションが浮かびあがります。
Image may be NSFW.
Clik here to view.
サーフィンをベースとした、ブランドコンセプトが素敵な、アパレルブランドの公式ホームページ。写真加工を参考になりそうですよ。
Image may be NSFW.
Clik here to view.
レストランなど飲食店の経営にも携わる、エージェントチームの公式ホームページ。これまでに手掛けたお店が表示されています。
Image may be NSFW.
Clik here to view.
ニューヨークにある建築事務所で、これまでに完成した建築物をスライドショーで表示しています。
Image may be NSFW.
Clik here to view.
カリフォルニアにある、住宅用レンガや石などを扱う、ユニークな業種のWebサイトデザイン。
Image may be NSFW.
Clik here to view.
手作り感のある商品セレクションが得意の、スウェーデン発のアパレルブランド。モノクロ写真が、ブランドコンセプトともぴったりです。
Image may be NSFW.
Clik here to view.
ニューオリンズで活動を続ける写真家のポートフォリオサイトで、これまでに撮影した写真をスライド式に閲覧できます。
Image may be NSFW.
Clik here to view.
スタイル抜群な女性モデルの専用公式ホームページで、ポートレイト写真を使った、エレガントな作りとなっています。
Image may be NSFW.
Clik here to view.
フルスクリーン写真を利用したトップ部分はもちろん、グリッドレイアウトのブログ記事表示は、参考になりそうなのでメモ。
Image may be NSFW.
Clik here to view.
iPad専用アプリの商品紹介ページで、背景にレトロ写真を重ねて配置した、アイデアが輝くWebサイトデザイン。
Image may be NSFW.
Clik here to view.
北極圏で撮影された、自然の雄大さを感じる写真を、そのまま背景デザインに利用したモデル例。左側固定ナビゲーションを分かりやすいです。
Image may be NSFW.
Clik here to view.
ロンドンにある、公園や博物館などの公共施設を、数多く手掛けた建築事務所の公式ホームページ。
Image may be NSFW.
Clik here to view.
Restraurant Porte Sainte Claire Annecy
美味しそうな食べ物が並ぶ、あたたかい食卓を撮影した、レストランのサイトデザイン。中央部分にメニューを配置した、斬新なレイアウト。
Image may be NSFW.
Clik here to view.
ロンドンの新しいランドマークとして、建設されたThe Shardタワーの公式ホームページ。さすが高さを考慮した、デザインセンスが光ります。
Image may be NSFW.
Clik here to view.
アウトドアに特化した、アパレルブランドの公式ホームページで、自然の広大さを感じる写真をバックに、シンプルなナビゲーションメニューが◎。
Image may be NSFW.
Clik here to view.
たくさんのお客さんで賑わう店内を撮影した、レストランのWebサイトデザイン。ぜひ訪れたくなる、みなさんの笑顔が素敵です。
Image may be NSFW.
Clik here to view.
さまざまなヘアースタイルを提供し続ける、美容室の公式ホームページ。フルスクリーン写真をして、髪型を分かりやすく紹介しています。
Image may be NSFW.
Clik here to view.
アマゾン川の現状をフルスクリーンの写真や動画で伝える、新しいユニークな試みが素敵なWebサイトデザイン。
Image may be NSFW.
Clik here to view.
クリエイティブな業種に活用したい、フルスクリーンWebデザイン30個まとめ
さまざまな業種にスポットを当てた、フルスクリーンサイトを紹介しています。
Image may be NSFW.
Clik here to view.
参照元リンク : 30 Outstanding Web Designs with Big Background Photos – VandelayDesignBlog.com