Advertisement

newphotos01

 

インターネットが進化するにつれて、回線速度なども格段と早くなり、大きなイメージ画像を利用したウェブサイトデザインを多く見かけるようになりました。

効果的なイメージ画像の使い方をすることで、より訴求力、インパクトのあるデザインに仕上がります。

 

 

海外デザインブログWebDesignLedgerで、ユニークなイメージ画像の使い方をしたウェブサイトデザイン20個をまとめたエントリー「20 Examples of Effective Image Usage in Web Design」が公開されていたので、今回はご紹介します。

 

 

イメージ画像をコンテンツとして利用しているケースが多く、触れるだけでもたのしいサイトばかりとなっています。

 

 

 

詳細は以下から。

 

 

 

ユニークなイメージ画像の使い方、クリエイティブなWebサイトデザインまとめ

 

Coocci

企業用サイトで、全面にフラッシュを利用した、ダイナミックなアニメーションが素敵なフランス産Webサイト。

photos18

 

 

 

Otavamedia

下着姿の男性をメインに、ナレーションとアニメーションで作成した、無限の可能性を感じるWebサイト。

フィンランド語なので説明の意味がわかりませんが、、。

photos10

 

 

 

S.E.H Kelly

洋服を販売しているショッピングサイトで、作り手の愛情を感じる、作業工程などを中心とした写真を利用。

photos05

 

 

 

Lotta Nieminen

デザインポートフォリオのひとつで、制作実績をクリックすると、水平方向に展開します。

photos04

 

 

 

Ismael Burciaga

フォトグラファーのギャラリーサイトとなっており、全画面表示で撮影した写真がスライドする仕掛けとなっています。

photos06

 

 

 

Humaan

画面幅いっぱいにレイアウトされた、パララックス効果を利用したスライダーが印象的な企業用サイト。

photos07

 

 

 

IAAH

毎日クールなグラフィックデザインを投稿する、インスピレーションのお供にしたい、ギャラリーサイト。

photos08

 

 

 

Bicikli Fumic

昔ながらの自転車屋さんのホームページで、作業に必要な道具をクローズアップした、素敵イメージ写真をスライドで楽しむことができます。

photos09

 

 

 

Digital Exploration

イメージ画像と巨大なタイポグラフィーを組み合わせた、大胆なレイアウトが参考になるWebサイト。

photos13

 

 

 

Connect

ロンドンにあるデザイン事務所の公式ホームページで、映画のようなザラザラとした質感のイメージ写真が印象的です。

photos11

 

 

 

The NoMad Hotel

ニューヨークにあるその名も「ザ・ノマドホテル」の公式ホームページ。

コンテンツごとに、イメージ画像が切り替わり、スタイリッシュはイメージ画像をお楽しみください。

photos12

 

 

 

Wythe Hotel

こちらもニューヨークのホテルで、もともと工場だった建物をリノベーションした、出来たばかりのホテル。

photos15

 

 

 

Saught

アクセサリーを販売するショッピングサイトで、効果的に商品を撮影したイメージ写真が素敵◎。

photos20

 

 

 

Artist Of The Year

コンテンツの切り替えやページの読み込みなど随所にアニメーションを利用したWebサイトで、ぜひ触りながら楽しんでみてはいかがでしょう。

photos16

 

 

参照元リンク : 20 Examples of Effective Image Usage in Web Design – WebDesignLedger