海外デザインブログSplashnology.comで、印象的なイメージ写真を使った、フルスクリーンタイプのWebデザインをまとめたエントリー「35 Fresh Websites with Big Photo Backgrounds」が公開されていたので、今回はご紹介します。
ウェブサイトのコンセプトやテーマを、テキストではなく視覚的に伝えることができ、はじめて訪れたユーザーにも印象に残るデザインの参考になりそうです。特にクリエイティブな分野、業種との相性が良いテクニックのひとつです。
詳細は以下から。
心に残る、印象的なフルスクリーンWebサイトデザインまとめ
アメリカ、コロラド州にあるレストランカフェのWebサイトで、店内の様子や美味しそうなメニューの数々を、スライダーで魅せています。
スクロールに合わせて、いろいろなスペースから子ども達が登場する、ユニークなコンテンツ展開は参考に。
黒と黄色のインターフェースデザインを採用し、イメージ写真をより映えさせる工夫で、スタイリッシュなサイト作成に。
ロンドンでオーガニックにこだわった、スピリッツアルコールを醸造、販売を行う会社のウェブデザイン。
Children’s of Alabama Annual Report for 2012
年間レポートをオンライン公開というプロジェクトを素敵、左サイドのカラーパレットをクリックするとコンテンツが切り替わります。
ツアー用大型バスのレンタルを行っているドイツの会社で、業種にもうまくマッチした、印象的なデザインイメージを採用。
3匹の子猫と会社名がペイントされた積み木が、ユニークでオリジナル性もたっぷりに。
デスクトップ表示だけでなく、モバイル端末表示にも対応した、レスポンシブデザイン型レイアウト。
大勢のひとの表情を見ているだけでもたのしい、モノクロトーンで統一した、ミニマル感を演出したサイト。
モノクロ写真に、ダーク系ウェブレイアウトを使った、スタイリッシュなデザインサイト。素敵なアニメーションが随所に。
Instagram写真アプリで加工した様な、朝焼けを浴びたノスタルジックな印象が、ブランドイメージともぴったりです。
ややコントラストを下げ、ぼかしたような写真エフェクトに、細字テキストがオシャレなWebサイト。
オンラインでカスタマイズ自転車の注文が可能な、フランスのWebサイトで、商品デザインを使った分かりやすいデザイン。
Volvo Trucks Driver Gear: Travis
画面をスクロールすると、水平方向にコンテンツが移動する、面白レイアウトが採用されており、ビジュアルでたのしむサイト。
夕焼けが綺麗な海岸ビーチを撮影した、女性ファッションブランドの公式Webサイトデザイン。
モバイルアプリの紹介&販売ページで、お客様レビューや機能面を詳しく説明しており、イメージ写真の使い方も参考になりそうです。
イタリアの魅力的な観光スポットを、大画面のフルスクリーンスライダーで魅せる、ビジュアル一発勝負。
重厚なレザーソファーを、カラーバリエーション豊富に展開するイギリスの家具ブランド。
画面上にマウスホバーすることで、立体的に女性の脚が動きだします。そしてボタンをクリックし、コンテンツを進めると、。
淡いレトロ加工を加えた、ファッショナブルなデザインは、写真家さんのWebサイトです。
コンテンツごとに切り替わる、ユニークデザインのイメージ写真が、思わず続きを読みたくなります。
ダイナミックな動きが魅力的なパララックスエフェクトを活用し、会社情報を一ページにまとめています。
イメージ写真で伝える、フルスクリーンWebデザイン30個まとめ
前回まとめエントリーもご一緒にいかがでしょう。
参照元リンク : 35 Fresh Websites with Big Photo Backgrounds – Splashnology.com