インターネットが進化するにつれて、回線速度なども格段と早くなり、大きなイメージ画像を利用したウェブサイトデザインを多く見かけるようになりました。
効果的なイメージ画像の使い方をすることで、より訴求力、インパクトのあるデザインに仕上がります。
海外デザインブログWebDesignLedgerで、ユニークなイメージ画像の使い方をしたウェブサイトデザイン20個をまとめたエントリー「20 Examples of Effective Image Usage in Web Design」が公開されていたので、今回はご紹介します。
イメージ画像をコンテンツとして利用しているケースが多く、触れるだけでもたのしいサイトばかりとなっています。
詳細は以下から。
ユニークなイメージ画像の使い方、クリエイティブなWebサイトデザインまとめ
企業用サイトで、全面にフラッシュを利用した、ダイナミックなアニメーションが素敵なフランス産Webサイト。
下着姿の男性をメインに、ナレーションとアニメーションで作成した、無限の可能性を感じるWebサイト。
フィンランド語なので説明の意味がわかりませんが、、。
洋服を販売しているショッピングサイトで、作り手の愛情を感じる、作業工程などを中心とした写真を利用。
デザインポートフォリオのひとつで、制作実績をクリックすると、水平方向に展開します。
フォトグラファーのギャラリーサイトとなっており、全画面表示で撮影した写真がスライドする仕掛けとなっています。
画面幅いっぱいにレイアウトされた、パララックス効果を利用したスライダーが印象的な企業用サイト。
毎日クールなグラフィックデザインを投稿する、インスピレーションのお供にしたい、ギャラリーサイト。
昔ながらの自転車屋さんのホームページで、作業に必要な道具をクローズアップした、素敵イメージ写真をスライドで楽しむことができます。
イメージ画像と巨大なタイポグラフィーを組み合わせた、大胆なレイアウトが参考になるWebサイト。
ロンドンにあるデザイン事務所の公式ホームページで、映画のようなザラザラとした質感のイメージ写真が印象的です。
ニューヨークにあるその名も「ザ・ノマドホテル」の公式ホームページ。
コンテンツごとに、イメージ画像が切り替わり、スタイリッシュはイメージ画像をお楽しみください。
こちらもニューヨークのホテルで、もともと工場だった建物をリノベーションした、出来たばかりのホテル。
アクセサリーを販売するショッピングサイトで、効果的に商品を撮影したイメージ写真が素敵◎。
コンテンツの切り替えやページの読み込みなど随所にアニメーションを利用したWebサイトで、ぜひ触りながら楽しんでみてはいかがでしょう。
参照元リンク : 20 Examples of Effective Image Usage in Web Design – WebDesignLedger