Webサイトデザインの参考にしたいギャラリーサイトまとめ

Webサイトデザインの参考にしたいギャラリーサイト

より良いWebデザインを作るためには、1つでも多くのWebサイトを見て、どこが優れているのか研究することが大切です。デザインが優れているWebサイトを集めたギャラリーサイトは、新しい気づきを得られるヒントが散りばめられています。

今回はWebサイトデザインの参考にしたいギャラリーサイトをご紹介します。

IT業界まるわかりガイドは、日本初Web専門スクールのインターネット・アカデミーが運営する業界情報メディアです。最新の業界情報を、初心者にも分かりやすくご紹介しています。

目次

1. straightline bookmark

straightline bookmark

straightline bookmarkは、非常にシンプルにまとめられたギャラリーサイトです。1万8,000を超えるWebサイトが掲載されています。サイトに登録することにより「my bookmarks」「my favorites」に特定のWebサイトを保存でき、改めて検索する手間が省けます。

2. WPデザインギャラリー

WPデザインギャラリー

WPデザインギャラリーは、WordPressで作成したWebサイトのデザインギャラリーです。国内外のWebサイトが掲載されているため、日本と海外のWebサイトを比較してみると面白いでしょう。

マウスカーソルをWebサイトのサムネイル(Webサイトのキャプチャーを縮小表示したもの)に当てると、企業名やどのような点で優れているかという解説が表示されます。

3. ズロック

ズロック

ズロックは、Webサイトのサムネイルがずらりと並び、参考サイトを探す際に便利なサイトです。


サムネイルの大きさはS・M・Lから選択できるため、できるだけ多くのWebサイトに目を通したいときはSサイズ、一つ一つのWebサイトを細部まで確認したいときはLサイズで表示させると良いでしょう。

4. I/O 3000

I/O 3000

I/O 3000は、白を背景にして、Webサイトの大きなサムネイルが並ぶギャラリーサイトです。サムネイル下部にWebサイト名が表示され、一目でどこのWebサイトか分かるよう工夫もされています。Webサイト名の右横にある虫眼鏡のアイコンをクリックすると、Webサイトのキャプチャーが拡大表示されます。

5. Banner Matome

Banner Matome

Banner Matomeは、1万7,100本のバナーを掲載する日本最大級のバナーギャラリーサイトです。業種別や表現別の検索が可能であり、自分が探しているテイストのバナーを探すことができます。また、バナーに関する基本的な情報もまとめられています。

6. MUUUUU.ORG

MUUUUU.ORG

MUUUUU.ORG は、Webサイトが業界やデザイン、色、Webサイトの種類(ECサイト・コーポレートサイトなど)にカテゴリ分けされ、検索しやすいギャラリーサイトです。クオリティの高い縦長のサイトを厳選しているため、縦長のサイトを作成する際の参考になります。

7. ウェブセレクション

ウェブセレクション

ウェブセレクションは、一つ一つのサムネイルが小さいため、一度に大量のWebサイトを閲覧できます。パッと目に飛び込んできたWebサイトのデザインを調べてみても良いでしょう。また、確認したいWebサイトをカテゴリで絞り込むことが可能です。

8. ランディングページデザインリンク集

ランディングページデザインリンク集

ランディングページデザインリンク集は、ランディングページに特化したギャラリーサイトです。Webサイトが「スキンケア」「美容」「化粧品」「ダイエット」「健康食品」「サプリメント」などにカテゴリ分けされています。特に、美容系のECサイトを作成するときに参考にしたいサイトです。

9. AWWWARDS

AWWWARDS

AWWWARDSは、海外のギャラリーサイトです。掲載されているWebサイトを「デザイン」「UI/UX(ユーザビリティー)」「クリエイティビティー」「コンテンツ」の4項目で評価できる点が、このギャラリーサイトの面白いところです。

日替わりで優れたWebサイトを紹介する「Site of the Day」、毎月1つのWebサイトを選ぶ「Site of the Month」、毎年1つのWebサイトを選ぶ「Site of the Year」という仕組みがあり、世界中から選び抜かれたWebサイトを見ることができます。

Webデザイン系 人気コースランキングTOP3

  1. Webデザイナー入門コース
  2. Webデザイナーコース
  3. Webデザイナー総合コース

おわりに

学ぶことはまねることから始まります。ギャラリーサイトを見るうちにデザインの引き出しが増え、デザインセンスも養われていきます。気になったWebサイトはブックマークもしくはキャプチャーして、「Webサイトのどの点が優れているか」「自分に足りないものは何か」を考えてみましょう。

インターネット・アカデミーは2万5,000人を超える卒業生をWeb業界に送り出してきました。卒業生が代表を務めるWeb制作会社がAWWWARDSで紹介されるなど、世界で高く評価される人材も生まれています。

無料体験レッスンにご参加いただき、卒業生の作品を見ることで、「こんな作品が作れるようになるんだ」とイメージしていただけます。ギャラリーサイトに掲載されるような優れたWebサイトを作りたい方は、ぜひ体験レッスンにご参加ください。

参考サイト

straightline bookmark WPデザインギャラリー ズロック I/O 3000 Banner Matome MUUUUU.ORG ウェブセレクション ランディングページデザインリンク集 AWWWARDS AWWWARDSに卒業生のWebサイトが掲載
  • 日本唯一のWeb専門スクールで最短でWebのプロへ
  • 新入社員も既存社員も即戦力を育成するIT研修
  • マンガでわかる!はじめてのインターネット・アカデミー
  • 2人のサクセスストーリー

Web業界への就転職・キャリアアップを成功させたいと考えている方へ
日本初そして日本唯一のWeb専門スクールインターネット・アカデミー

自分にぴったりのコースが見つかる

インターネット・アカデミーでは、Web業界を目指すあらゆる方にお応えすべく、多彩なコースをご用意しています。

Webデザインを学びたい方

プログラミングを学びたい方

自分のペースとスタイルで学べる

毎回好きな受講形式を選んで学習することができるので、働きながらじっくり通いたい方も短期間での就職を目指す方も自分の都合に合わせて、スケジュールを組むことができます。

  • ライブ授業

    現役のプロインストラクター
    と仲間と学ぶメリット

    ライブ授業
  • マンツーマン授業

    インストラクターと
    1対1という贅沢

    マンツーマン授業
  • オンデマンド授業

    いつでも学びたいことを
    学べる

    オンデマンド授業

自分に適した学習方法を探す

インターネット・アカデミーでは、無料体験レッスンを毎日開催しています。デザインやプログラミングの体験ができるのはもちろん、実際の授業に参加したり、就職や転職のご相談、通学スケジュールのご相談なども承っております。

  • ご要望をお伺い

    ご要望をお伺い

    まずはお客様のご要望をお伺いし、お一人おひとりの目的や悩みに最適な内容にカスタマイズ。お客様専用の内容で当日ご案内いたします。

  • カウンセリング

    カウンセリング

    就職や転職、在宅で働きたいなど、お客様の希望を叶えるために専任のスタッフが最適な学習プランをご提案。現在の仕事のご相談なども承ります。

  • 体験レッスン

    体験レッスン

    「自分に向いている分野は?」「自分にできる?」そんな疑問を解決するレッスンを無料で体験。デザインもプログラミングもお試しいただけます。

無料体験レッスン・個別相談のご予約

当日ご希望の方やお急ぎの方は、フリーダイヤルにてご予約いただけます。

0120-746-555 フリーダイヤル受付時間(平日・土日) 10時-21時 オンライン予約

IT研修・人材育成のご相談を無料で承っております
法人専用社員研修、内定者・新人研修のご予約

インターネット・アカデミーでは、
あらゆるニーズに合わせた研修カリキュラムを取り揃えています。

「自社に最適な研修プランを相談したい」「研修費用の相談をしたい」「助成金を申請したい」など、お電話またはお問い合わせフォームよりお気軽にご連絡ください。

03-3341-3781 受付時間(平日・土日) 10時-21時 法人専用 お問い合わせフォーム