webデザインの勉強

webデザインの参考になるギャラリーサイト|webデザイナーおすすめ!

webデザインの参考になるギャラリーサイト|初心者にもおすすめ!の画像

こんにちは!shioです❁

webデザインを制作する際に、いくつか参考サイトを探すと思います。
私がよく利用して参考にしているおすすめギャラリーサイトを
9サイト集めたのでご紹介します!

初心者の方にもおすすめのサイトがあるので、ぜひ最後まで読んでみてください^^

shio
shio
自分でも繰り返し見れるようにまとめました♪

殿堂入り✭よく見るギャラリーサイト3つ

まずは検索しやすい・更新度高い・事例数多い
私が一番見る頻度が高い3サイトをご紹介いたします^^

まず最初に見る!縦長のサイト集|MUUUUU.ORG

おすすめギャラリーサイトmuuuuu.orgの画像

MUUUUU.ORG

サイト数 約5000
更新頻度
検索しやすさ

「実務の参考にしやすい」質の高い縦長のサイトが集められているギャラリーサイトです。
ユーザビリティも重視されたサイトが揃っています。

shio
shio
デジハリのトレーナーさんにこちらのサイトを最初に勧められたので、私が一番お世話になっているギャラリーサイトです。

更新度が高く、かっこいいサイトが多い|I/O 3000

おすすめギャラリーサイトio3000の画像

I/O 3000

サイト数 約5000
更新頻度
検索しやすさ

国内外の素敵なサイトが揃うギャラリーサイト。

毎月20サイトほども更新されているので、流行りのデザインを知ることができます。

カテゴリー・タグ・カラー・年などから探すことができます。
(他と比べると検索項目は少ないけれど、テキスト検索も可能!)

細かく検索◎スマホサイズでも確認できる|SANKOU!

おすすめギャラリーサイトsankoudesignの画像

SANKOU!

サイト数 約2000
更新頻度
検索しやすさ

Webサイト・LP・コンテンツページなどが掲載されているギャラリーサイトです。

SANKOUはとにかく検索が充実しています。
業種別・目的別・色別など、いろいろな角度から検索できます。
個人的に「雑誌風なレイアウト・あしらい」など好きなテイストの検索ができて、見ていて楽しいです。

画面右側にあるラッパのようなアイコンを押すと、いくつかの条件で絞り込めます。
(例:Webサイト + ファッション・アクセサリー・ジュエリー + イラスト・アイコン)

スマホのアイコンを押すと、スマホ表示のデザインで探していくことができます。

おしゃれなギャラリーサイト

おしゃれ!さっとみれる!|デザインのこと

おすすめギャラリーサイトdesignnokotoの画像
このサイト自体がまずおしゃれで、雑誌のようにいつまででも見られるギャラリーサイトです。

国内、海外のウェブデザイン、パソコン・タブレット・スマートフォンでも見やすいレスポンシブ対応の「あ、いいな」と思うウェブデザインを集めています。デザイナーさん、コーダーさん、ウェブサイト制作に関わる人に、「あ、いいな」を提供できればと思っています。

デザインのこと

「デザインをさっと見る」というボタンを押すと、ページ全体のキャプチャが表示されるので、そのまま全体を確認できます。

PC・SP両方|bookma!

おすすめギャラリーサイトbookmaの画像

PCとスマホそれぞれのデザイン画像が左右に大きく表示されているギャラリーサイトです。

画面上部のパソコンとスマホのアイコンをクリックすると、パソコンとスマホそれぞれの画像ごとに見ていくことができます。

オールマイティー|Web Design Clip

おすすめギャラリーサイトwebdesignclipの画像

WebDesignClipはWebデザインの参考となるクリエイティブの高い日本のWebデザインリンク集です。 Web制作において、Webデザイナー・開発の方々などのインスピレーションを刺激するようなWebサイトや、アイデア・技術に優れたサイトをクリップしています。

国内、海外、LP、スマホの4つのカテゴリからWebデザインのギャラリーを表示できます。

更新頻度高◎

国内サイトに特化したギャラリーサイト

日本のサイトのみ| 81-web.com

おすすめギャラリーサイト81-webの画像

81-web.com

当サイトは、Webサイト制作に役立つ優れたデザインのサイトを集めた ギャラリー&リンク集です。
サイトドメインの「81-web.com」は、日本の国際電話番号「81」に由来し、日本国内のサイトのみピックアップし、掲載しております。

  • それぞれのサムネの下に「_pc」「_sp」というボタンがあり、クリックするとPCとスマホそれぞれのページ全体のキャプチャを表示することができます。
  • 「_detail」をクリックするとサイトで使用されているフォントの記載もあり、とても参考になります!
  • 「+」ボタンでお気に入りのサイトをまとめることができます。

更新頻度高(毎日)◎

shio
shio
日本のサイトは参考にしやすいので、81-web.comは個人的にとても活用させて頂いています。

webデザインの勉強ができるギャラリーサイト

初心者向け| マネるデザイン研究所

おすすめギャラリーサイト「マネるデザイン研究所」の画像

このサイトは優れたデザインのサイトをピックアップし、どの点が参考にできるのか、その応用場面、そして懸念点をまとめています。ただ、漠然とWebデザインを眺めているだけでなく、ポイントを押さえることでよりデザインを深く学べます。

shio
shio
参考サイトを探す時というよりは、デザインを勉強したいなぁと思い立った時に参考にさせてもらっています。デザイン初心者の方はとっても勉強になると思います!

客観的な評価も見られるギャラリーサイト

straightline bookmark

おすすめギャラリーサイト「straightline」の画像

straightline bookmark

  • 国内外の優れたWebデザインが2万点以上!
  • 検索の選択肢が豊富!
  • 更新頻度高!
  • ユーザーによるブックマークやいいねの数が表示されているので、客観的な評価を知ることができます。
ぽめさん
ぽめさん
圧倒的なサイト数!

終わりに

お気に入りのギャラリーサイトは見つかりましたか?

毎日ギャラリーサイトを見る習慣をつけると、デザインの流行りを見つけることができますよ!

shio
shio
素敵なサイトばかり見ていると、自分の無力さ・スキルのなさを感じて自己嫌悪に陥るのは私だけでしょうか・・・?笑

ギャラリーサイトは日々見るものだと思うので、
参考サイトを探したい時にすぐ見れるように
この記事をブックマークして活用していただけると嬉しいです^^❤︎

では、またっ🐑

制作会社のwebデザイナー
shio
webデザイナーshioのアイコン
未経験からwebデザイナーに転身。 最近はインテリアにハマっています^^ webデザイナーを目指したい方向けに、 【勉強方法|転職活動|ポートフォリオ制作|制作会社で働いてからのこと| webサイト制作 etc... 】について発信しています。 このブログとともにwebデザイナーとして成長していきたいです。よろしくお願いします^^
\ Follow me /
webデザイナーの就職活動で使うポートフォリオのバナー