大きな画像を効果的に使った印象に残る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サイトはアメコミ風でした。

・関連記事
ウェブデザイナー必見、教育機関のウェブデザインで特に秀逸なもの30選 - GIGAZINE

美しくてわかりやすいシングルページウェブデザインの例30 - GIGAZINE

Webデザイナーによるカラーコードを使った便利なテクニックあれこれ - GIGAZINE

ダークな配色のウェブデザイン25例 - GIGAZINE

イラストを狙った通りの印象に仕上げるポイントを300枚以上の作例を使い解説した「同人誌やイラストを短時間で美しく彩る配色アイデア100」 - GIGAZINE

in デザイン, Posted by logq_fa