Webサイトデザインの参考にしたいギャラリーサイトまとめ
- ツイート
-
- 2018/01/12
より良いWebデザインを作るためには、1つでも多くのWebサイトを見て、どこが優れているのか研究することが大切です。デザインが優れているWebサイトを集めたギャラリーサイトは、新しい気づきを得られるヒントが散りばめられています。
今回はWebサイトデザインの参考にしたいギャラリーサイトをご紹介します。
IT業界まるわかりガイドは、日本初Web専門スクールのインターネット・アカデミーが運営する業界情報メディアです。最新の業界情報を、初心者にも分かりやすくご紹介しています。
目次
1. straightline bookmark
straightline bookmarkは、非常にシンプルにまとめられたギャラリーサイトです。1万8,000を超えるWebサイトが掲載されています。サイトに登録することにより「my bookmarks」「my favorites」に特定のWebサイトを保存でき、改めて検索する手間が省けます。
2. WPデザインギャラリー
WPデザインギャラリーは、WordPressで作成したWebサイトのデザインギャラリーです。国内外のWebサイトが掲載されているため、日本と海外のWebサイトを比較してみると面白いでしょう。
マウスカーソルをWebサイトのサムネイル（Webサイトのキャプチャーを縮小表示したもの）に当てると、企業名やどのような点で優れているかという解説が表示されます。
3. ズロック
ズロックは、Webサイトのサムネイルがずらりと並び、参考サイトを探す際に便利なサイトです。
サムネイルの大きさはS・M・Lから選択できるため、できるだけ多くのWebサイトに目を通したいときはSサイズ、一つ一つのWebサイトを細部まで確認したいときはLサイズで表示させると良いでしょう。
4. I/O 3000
I/O 3000は、白を背景にして、Webサイトの大きなサムネイルが並ぶギャラリーサイトです。サムネイル下部にWebサイト名が表示され、一目でどこのWebサイトか分かるよう工夫もされています。Webサイト名の右横にある虫眼鏡のアイコンをクリックすると、Webサイトのキャプチャーが拡大表示されます。
5. Banner Matome
Banner Matomeは、1万7,100本のバナーを掲載する日本最大級のバナーギャラリーサイトです。業種別や表現別の検索が可能であり、自分が探しているテイストのバナーを探すことができます。また、バナーに関する基本的な情報もまとめられています。
6. MUUUUU.ORG
MUUUUU.ORG は、Webサイトが業界やデザイン、色、Webサイトの種類（ECサイト・コーポレートサイトなど）にカテゴリ分けされ、検索しやすいギャラリーサイトです。クオリティの高い縦長のサイトを厳選しているため、縦長のサイトを作成する際の参考になります。
7. ウェブセレクション
ウェブセレクションは、一つ一つのサムネイルが小さいため、一度に大量のWebサイトを閲覧できます。パッと目に飛び込んできたWebサイトのデザインを調べてみても良いでしょう。また、確認したいWebサイトをカテゴリで絞り込むことが可能です。
8. ランディングページデザインリンク集
ランディングページデザインリンク集は、ランディングページに特化したギャラリーサイトです。Webサイトが「スキンケア」「美容」「化粧品」「ダイエット」「健康食品」「サプリメント」などにカテゴリ分けされています。特に、美容系のECサイトを作成するときに参考にしたいサイトです。
9. 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
おわりに
学ぶことはまねることから始まります。ギャラリーサイトを見るうちにデザインの引き出しが増え、デザインセンスも養われていきます。気になったWebサイトはブックマークもしくはキャプチャーして、「Webサイトのどの点が優れているか」「自分に足りないものは何か」を考えてみましょう。
インターネット・アカデミーは2万5,000人を超える卒業生をWeb業界に送り出してきました。卒業生が代表を務めるWeb制作会社がAWWWARDSで紹介されるなど、世界で高く評価される人材も生まれています。
無料体験レッスンにご参加いただき、卒業生の作品を見ることで、「こんな作品が作れるようになるんだ」とイメージしていただけます。ギャラリーサイトに掲載されるような優れたWebサイトを作りたい方は、ぜひ体験レッスンにご参加ください。
相談してコースを選びたい方はカウンセラーに無料で相談
※無理な勧誘は一切ありません
無料で相談してみる
Web業界への就転職・キャリアアップを成功させたいと考えている方へ1995年開校、日本初のWebデザイン・プログラミングスクールインターネット・アカデミー
自分にぴったりのコースが見つかる
プログラミングスクールのインターネット・アカデミーでは、Web業界を目指すあらゆる方にお応えすべく、多彩なコースをご用意しています。
Webデザインを学びたい方
プログラミングを学びたい方
自分のペースとスタイルで学べる
毎回好きな受講形式を選んで学習することができるので、働きながらじっくり通いたい方も短期間での就職を目指す方も自分の都合に合わせて、スケジュールを組むことができます。
-
ライブ授業
現役のプロインストラクター
と仲間と学ぶメリット
-
マンツーマン授業
インストラクターと
1対1という贅沢
-
オンデマンド授業
いつでも学びたいことを
学べる
自分に適した学習方法を探す
インターネット・アカデミーでは、無料体験レッスンを毎日開催しています。デザインやプログラミングの体験ができるのはもちろん、実際の授業に参加したり、就職や転職のご相談、通学スケジュールのご相談なども承っております。
-
ご要望をお伺い
まずはお客様のご要望をお伺いし、お一人おひとりの目的や悩みに最適な内容にカスタマイズ。お客様専用の内容で当日ご案内いたします。
-
カウンセリング
就職や転職、在宅で働きたいなど、お客様の希望を叶えるために専任のスタッフが最適な学習プランをご提案。現在の仕事のご相談なども承ります。
-
体験レッスン
「自分に向いている分野は？」「自分にできる？」そんな疑問を解決するレッスンを無料で体験。デザインもプログラミングもお試しいただけます。
無料体験レッスン・個別相談のご予約
当日ご希望の方やお急ぎの方は、フリーダイヤルにてご予約いただけます。
フリーダイヤル受付時間(平日・土日) 10時-21時
オンライン予約
IT研修・人材育成のご相談を無料で承っております法人専用社員研修、内定者・新人研修のご予約
インターネット・アカデミーでは、
あらゆるニーズに合わせた研修カリキュラムを取り揃えています。
「自社に最適な研修プランを相談したい」「研修費用の相談をしたい」「助成金を申請したい」など、お電話またはお問い合わせフォームよりお気軽にご連絡ください。
受付時間(平日・土日) 10時-21時
法人専用 お問い合わせフォーム