大きな画像を効果的に使った印象に残るWebデザインの作例20

Webサイトをデザインする時に大きな写真を使うとサイトの雰囲気を統一させたり、ブランドのイメージを全面に押し出せたりしますが、大きさゆえに失敗すると大変なことになってしまいます。そこで、実際に大きな背景画像を使っていて参考になるサイトを集めたのが「20 Inspiring Examples of Big Backgrounds in Web Design」。メインコンテンツや写真の使い方は様々ですが、どれも印象的なWebサイトに仕上がっています。

20 Inspiring Examples of Big Backgrounds in Web Design | Inspiration
http://webdesignledger.com/inspiration/20-inspiring-examples-of-big-backgrounds-in-web-design

◆01:Casey Britt
デザイン事務所のCasey Brittには顔の見えない男性が。

◆02:The Amazing Spider-Man
映画アメイジング・スパイダーマンの公式ページです。

◆03:8 Bis Agency
ブランドのコンサルタント会社8 Bis Agencyでは笑顔の男性のアップ写真が使われていました。

◆04:Suit Up or Die Magazine #1
WebマガジンSuit Up or Dieはモノクロ写真の中に赤を配置した印象的な仕上がりです。

◆05:Uber
フリーランスのフォトグラファーやデザイナーたちの画像やアニメーションを販売するサイト。

◆06:Whitmans
バーガーショップWhitmansは青い背景の後ろにハンバーガーが透けて見えるデザイン。

◆07:Studio Octopi
シンプルなサイトデザインの真ん中に写真が大きく据えられているのは建築家スタジオOctopiのWebサイト。

◆08:VonDutch
ライダーに向けたファッションブランドVon Dutchのサイトには創設者Kenny Howardの額がどアップに。

◆09:Hiut Denim
イギリスのジーンズ・ブランドHiut Denimはオーガニック製品である雰囲気が伝わってくる素朴な写真を使用。

◆10:Range Rover Evoque Special Edition With Victoria Beckham
ランドローバーとヴィクトリア・ベッカムがコラボレートした「イヴォーク」のサイトトップ。

◆11:H-ART
マドリードのデジタル・コンテンツを作り出す会社H-ARTはほのぼのとした写真を使っています。

◆12:Individuelle Singlespeeds und Fixies. Bikes aus Düsseldorf
一目で自転車のWebサイトだとわかるデザイン。

◆13:Tim Roussilhe Portfolio
Webデザイン・グラフィックデザインなどを行うTim Roussilheさんのサイトには初老の男性の写真が。隣の黒板に似顔絵つきです。

◆14:TAG Interativa
制作会社TAGのWebサイトには職場の風景が。それぞれの従業員の上にあるマークをクリックすると各従業員のTwitterにつながるようになっています。

◆15:Stéphan Rizon
こちらは歌手のStéphan RizonさんのWebサイト。

◆16:Jalbert Productions International
スポーツに関する映像を作っているJalbert Productionsのサイトトップの写真はラクロス製品のブランドMaverik LacrosseのCMから。

◆17:Actualités
音楽に関するコンテンツを配信するMécénat Musicalはその時々でフィーチャーしている人物の写真を全面に押し出しています。

◆18:Marcus Thomas
代理店Marcus Thomasのサイトトップには画面を横切るようにして大きくMarcus Thomasの文字が。

◆19:MENDO
以下は書籍販売サイトのMENDOのWebサイト。

◆20:BIRDMAN Project
そして広告会社BIRDMANのWebサイトはアメコミ風でした。