Advertisement

awesomefullbg_top

 

海外デザインブログSplashnology.comで、印象的なイメージ写真を使った、フルスクリーンタイプのWebデザインをまとめたエントリー「35 Fresh Websites with Big Photo Backgrounds」が公開されていたので、今回はご紹介します。

 

 

ウェブサイトのコンセプトやテーマを、テキストではなく視覚的に伝えることができ、はじめて訪れたユーザーにも印象に残るデザインの参考になりそうです。特にクリエイティブな分野、業種との相性が良いテクニックのひとつです。

 

 

 

詳細は以下から。

 

 

 

心に残る、印象的なフルスクリーンWebサイトデザインまとめ

 

Mountain Standard Vail

アメリカ、コロラド州にあるレストランカフェのWebサイトで、店内の様子や美味しそうなメニューの数々を、スライダーで魅せています。

fullscreen-20

 

 

 

Zumba

スクロールに合わせて、いろいろなスペースから子ども達が登場する、ユニークなコンテンツ展開は参考に。

Zumba

 

 

 

Escape Flight

黒と黄色のインターフェースデザインを採用し、イメージ写真をより映えさせる工夫で、スタイリッシュなサイト作成に。

Escape_Flight

 

 

 

The London Distillery Company

ロンドンでオーガニックにこだわった、スピリッツアルコールを醸造、販売を行う会社のウェブデザイン。

The_London_Distillery_Company

 

 

 

Children’s of Alabama Annual Report for 2012

年間レポートをオンライン公開というプロジェクトを素敵、左サイドのカラーパレットをクリックするとコンテンツが切り替わります。

Childrens_of_Alabama

 

 

 

Touralarm

ツアー用大型バスのレンタルを行っているドイツの会社で、業種にもうまくマッチした、印象的なデザインイメージを採用。

fullscreen-16

 

 

 

Rosebud

3匹の子猫と会社名がペイントされた積み木が、ユニークでオリジナル性もたっぷりに。

fullscreen-19

 

 

 

Markers Quarter:

デスクトップ表示だけでなく、モバイル端末表示にも対応した、レスポンシブデザイン型レイアウト。

Makers_Quarter

 

 

 

Le Rockwood

大勢のひとの表情を見ているだけでもたのしい、モノクロトーンで統一した、ミニマル感を演出したサイト。

Le_Rockwood

 

 

 

Carlos Molina

モノクロ写真に、ダーク系ウェブレイアウトを使った、スタイリッシュなデザインサイト。素敵なアニメーションが随所に。

Carlos_Molina

 

 

 

Solasie

Instagram写真アプリで加工した様な、朝焼けを浴びたノスタルジックな印象が、ブランドイメージともぴったりです。

Solasie

 

 

 

Deleting Borders

ややコントラストを下げ、ぼかしたような写真エフェクトに、細字テキストがオシャレなWebサイト。

Deleting_Borders

 

 

 

Metropolis

オンラインでカスタマイズ自転車の注文が可能な、フランスのWebサイトで、商品デザインを使った分かりやすいデザイン。

Smog_Bicyclettes

 

 

 

Volvo Trucks Driver Gear: Travis

画面をスクロールすると、水平方向にコンテンツが移動する、面白レイアウトが採用されており、ビジュアルでたのしむサイト。

Travis

 

 

 

Zulu & Zephyr

夕焼けが綺麗な海岸ビーチを撮影した、女性ファッションブランドの公式Webサイトデザイン。

Zulu_and_Zephyr

 

 

 

The Norfolk Boards App

モバイルアプリの紹介&販売ページで、お客様レビューや機能面を詳しく説明しており、イメージ写真の使い方も参考になりそうです。

The_Norfolk_Broads_App

 

 

 

Exclsive Italian Tours

イタリアの魅力的な観光スポットを、大画面のフルスクリーンスライダーで魅せる、ビジュアル一発勝負。

Exclusive_Italian_Tours

 

 

 

Fleming & Howland

重厚なレザーソファーを、カラーバリエーション豊富に展開するイギリスの家具ブランド。

Chesterfields_1780

 

 

 

Straing = Caring

画面上にマウスホバーすることで、立体的に女性の脚が動きだします。そしてボタンをクリックし、コンテンツを進めると、。

Starring_Carring

 

 

 

Rickard Sund

淡いレトロ加工を加えた、ファッショナブルなデザインは、写真家さんのWebサイトです。

fullscreen-4

 

 

 

Funkhaus

コンテンツごとに切り替わる、ユニークデザインのイメージ写真が、思わず続きを読みたくなります。

Funkhaus

 

 

 

The Space InBetween

ダイナミックな動きが魅力的なパララックスエフェクトを活用し、会社情報を一ページにまとめています。

The_Space_inBetween

 

 

 

イメージ写真で伝える、フルスクリーンWebデザイン30個まとめ

前回まとめエントリーもご一緒にいかがでしょう。

fullbgbg_top

 

 

参照元リンク : 35 Fresh Websites with Big Photo Backgrounds – Splashnology.com