印象に残るメインビジュアルを集めました

  • このエントリーをはてなブックマークに追加

こんにちは、工藤です。
今回はちょっと変わった、インパクトのあるメインビジュアルを集めました。
やっぱりサイトに入った時にすぐに目に入るものですから印象に残るようデザインしたいですよね。

にこにこ小児歯科

1にこにこ小児歯科|福岡・春日・太宰府・大野城・筑紫野の小児歯科・矯正治療
サイトへ
小児歯科のサイトです。
子どもの口の中がメインビジュアルになっているのが面白いです。


社会福祉法人富士会 富士保育園

2社会福祉法人富士会-富士保育園
サイトへ
水彩風のイラストに囲まれてメインビジュアルが切り替わります。
曲線やイラストからやわらかい印象を受けます。


ペエ歯科クリニック

6ペエ歯科クリニック---治療と予防を通じて地域の「元気」を応援する、菊池市の歯科医院です。
サイトへ
歯科医院のサイトです。
メインビジュアル以外にもサイトの要素が歯の曲線のイメージで作成されています。


昭和くらし不動産

7名古屋市昭和区の中古マンション・戸建・土地物件の売買仲介。昭和くらし不動産
サイトへ
メインビジュアル部分が屋根の形で抜かれています。

小浜こども園

8認定こども園-小浜こども園-小浜幼稚園-小浜保育園|長崎県雲仙市の教育・保育
サイトへ
メインビジュアル部分が幕のような形で抜かれています。
下の子供のイラストとあわせてお遊戯会のようなかわいい、楽しそうな印象を受けます。


雪見亭

9スノーパウダーの雪見亭|新触感スイーツ、粉雪のようなスノーパウダー
サイトへ
メインビジュアルがロゴの丸とあわせて丸型で抜かれています。


くまもと田崎市場

13くまもと田崎市場
サイトへ
丸く切り抜かれている中央が動画になっています。


MARUNOUCHI – THE HEART OF TOKYO –

10MARUNOUCHI---THE-HEART-OF-TOKYO--
サイトへ
丸の内の紹介サイトです。
メイン部で仕事について、もしくはショッピングや食事などについて詳しく見るか選択できます。


JIA関東甲信越支部 大学院修士設計展 2015

3JIA関東甲信越支部-大学院修士設計展-2015
サイトへ


有限会社マルヒロ

12有限会社マルヒロ---波佐見焼の陶磁器ブランド
サイトへ


デジタルハリウッド大学

11Digital-Hollywood-University---デジタルハリウッド大学【DHU】
サイトへ
上記の3つは作品や商品、項目を四角で敷き詰めています。
「これが気になる」と思ったらすぐにページにアクセス出来るのがいいですね。


高野山真言宗 総本山金剛峯寺

4高野山真言宗-総本山金剛峯寺
サイトへ
お寺のサイトです。
暗めの背景写真に雪が降ってきているのが綺麗で好きです。


5-60周年キャンペーン-|-藤田観光株式会社
サイトへ
項目が三角で構成されています。
メインビジュアルの切り方も独特。


14
サイトへ
スライダーの上にどんとホワイトタイガーが乗っているのがなんというか…すごいです。
右のシマウマはたまに動きます。



私は今年最後のブログ更新になりそうです。
よいお年を。

執筆者:工藤[ WEBデザイナー ]

WEBデザイナー。 最近はWordPressを触るのが好きです。よろしくお願いします。

関連記事

Webデザイン

【Photoshop】クリックするだけ!? AIで風景を置き換える新機能”風景ミキサー”の使い方

PhotoshopCCのver23.0から搭載された新機能「風景ミキサー」を紹介します。 AIを使用したフィルター機能で、写真の背景をクリックするだけで簡単に変更できます! 目次1 どんな機能?2 使い方2.1 手順1:被写体を選択する2.2 手順2:フィルターを適用する2.3 完成3 YoutubeChannelのご紹介 どんな機能? 左が元写真で、右がフィルター適用後です。 あくまで元の画像の構図や要素は崩さずに、雰囲気をガラリと変えてしまいます。 どんな雰囲気の背景にし […]

Webデザイン

【Illustrator】手書きのスキャン画像をパスデータにする

Illustratorの「画像トレース」という機能を使用すれば、パスデータを作成することができます。 簡単に使えるので、ぜひロゴやイラストを作る時に活用してください。 目次1 「画像トレース」機能の使い方1.1 画像トレースパネルを開く1.2 スキャンしたデータをトレースする1.3 不要な部分を削除する2 YoutubeChannelのご紹介 「画像トレース」機能の使い方 画像トレースパネルを開く まず、メニューから画像トレースパネルを開きます。 [ウィンドウ]>[画像トレー […]

Webデザイン

【Illustrator】長文をカラム分けして読みやすくする方法

リーフレットやチラシなどの印刷物を作る時、長文をカラム分けすると文章が読みやすくなります。 このカラム分けされたテキストボックスは互いにリンクされており、片方で改行などの編集をすると、溢れたテキストが自動で次のテキストへ送られるようになっています。 領域を作ってリンクするだけなので、非常に簡単です。ぜひ習得してください。 目次1 やり方解説1.1 手順1:四角オブジェクトを配置する1.2 手順2:四角オブジェクトをテキストボックスに変換する1.3 手順3:複数のテキストボック […]

株式会社8bit (エイトビット)

東京都目黒区でWebサイト制作、Webシステム開発などを行っております。
コーポレートサイトやWebサービスの企画・提案を得意としており、自社での経験を元にアイデアをカタチにするお手伝いをさせていただいております。

Web制作に関するご相談はお気軽にどうぞ

弊社に制作をご依頼いただく際の費用感をご確認いただける、
見積りシミュレーションをご用意いたしました。