ある日ふと、「Webデザインギャラリーってめっちゃあるな」ってことに気付きました。
なので、∞番煎じですが自分なりにまとめてみました。
※過去1年以内に更新がないサイトは除外しました。
現代デザイン
オススメのWebデザインまとめサイト。このサイトのいいところは一覧で下層ページも見れるところ。
じっくりデザインを見たいときに良いです。
Web Design Clip
このサイトのすごいところは「Japan」「World」「Landing Page」「Smartphone」の4種類のギャラリーがあるところ。
大量のデザインを摂取できます。
SANKOU!
フィルター分けが優秀でピンポイントでデザインを探せます。そして右側のスマホアイコンをクリックするとスマホデザイン表示に切り替わるためとても便利。カテゴリーも細かい。SP版ページや、モバイルファーストのカテゴリもあります。
ちょうどいいWebデザインギャラリー
サムネイルだけでなく、「ちょうどいいポイント」を掲載しているギャラリーです。自分では気づきにくいサイトの良さを教えてもらえてありがたいです。
I/O 3000
メニューから選択できる「シャッフルモード」で無限にデザインが見れます。
あと右下にある葉っぱ?ボタンを押すとtiktokみたいに無限にデザインを切り替えられて楽しい。一覧で見るより1個1個の印象が違います。
左下のラベルをクリックすると開始します。
1GUU
サムネイルでサイトの動きまで確認できます。
アニメーションを実装したいときの参考にいいです。
pinterestアカウントもあるのでストックもしやすいです。
MUUUUU.ORG
THE・王道のギャラリーサイト。参考にしやすいデザインから最先端のデザインまであります。すごい技術が使われてるサイト見るとわくわくする!
Stock
Webデザインアイデアレシピの著者である小林さんが運営しているギャラリーサイト。「現場で参考になる日本の優れたWebデザイン」と謳われている通り、実務で参考になるサイトがたくさん掲載されてます。
AAA11Y(Accessible Website Gallery)
ウェブアクセシビリティに配慮したサイトを集めたギャラリー。このサイトのすごいところは、アクセシビリティの基準A~AAAでフィルターがかけられるところ。
アクセシビリティが担保されたサイトって探すの大変なので、一覧で見れるのはとっても助かります。
bookma!
PC&SPの2種類の表示が見れます。ファーストビューの比較ができて勉強になります。
カテゴリなどの分類はカラーしかないようですが、シンプルな分没入感があってデザインを楽しめます。
マネるデザイン研究所
マネるデザイン研究所はデザインのポイントや応用場面、懸念点をまとめています。「いいな」と思ったサイトのどこが良いのかを具体的に提示してくれていてとても勉強になります。
URAGAWA
他のウェブデザインのまとめサイトと違ってそのサイトを作ったのが誰かまで分かります。
制作会社を辿って実績を眺めるとかなり勉強になって良き。
デザインのこと
雰囲気が大好きなギャラリーサイト。
フルページのキャプチャを見れる「デザインをさっと見る」機能が便利。
ナチュラルテイストのデザインで、見ててとても癒されます。
AGT
国内外のiPhone向けサイトデザインギャラリー。
詳細ページでメニューと下層ページを見れるのが嬉しい。
GOOD WEB DESIGN
「WebデザイナーのためのWebデザインギャラリー」と謳われている通り、ハイクオリティのサイトがたくさんそろっています。
また、Pinterestへの登録ボタンが設置されてて気になったサイトのサムネをボタンひとつで登録できるところもありがたい。
81-web.com
こちらも昔からあるギャラリーサイト。日本国内のサイトを集めています。サイト名の「81」は日本の国際電話番号「81」に由来しているとか。
カテゴリ豊富なところが助かる~
S5-Style
10年以上前から続いているギャラリーサイト。
Webデザイン勉強したての頃にとてもお世話になり、現在でも事あるごとに見に行っています。
STUDIO Showcase
ノーコードツールSTUDIOで作成されたサイトを集めたギャラリー。「最近のノーコードツールってここまでできるんだ?!」という驚きがあります。STUDIOってデザインの組み方がFigmaと似てるところがあって抵抗なく触れて好き!
BAKUup
ロゴとトップに戻るボタンのバクがかわいい(ソースコードにも居てさらにかわいい)
ワンクリックでPC/SP表示ができるので比較しやすいです。
CMS Design
WordPressだけでなくShopifyやcontentfulなどCMSでカテゴリ分けされているギャラリーサイト。日本語サイトのみを厳選して掲載されているそうです。
Brilliant Design Collect
Brilliant Design Collectは国内外の「機能的で美しいWebサイト」Webデザインを集めたギャラリーサイト。
ブランディングが確立されたデザインをたくさん摂取できます。
sps collection
スマホデザインを集めたギャラリーサイト。
スマホのファーストビューの参考に良いです。スマホデザインってわりとテンプレ化しがちなので勉強になります。
ウェブサイトリンク集(ドコドア)
制作会社「ドコドア」さんが作成しているウェブサイトリンク集。
他のギャラリーサイトと比べてコーポレートサイト向けのデザインが多く、実務で役立つ印象です。
Responsive Web Design JP
スマホ・タブレット・PC表示が確認できるギャラリーサイト。
WordPressやjQueryなどの使用技術で絞れるのもありがたい。
Wow! Works
シンス株式会社さんが運営しているギャラリーサイト。
オーソドックスから最新技術を用いたサイトまで、洗練されたサイトが集まっています。
BRIK GALLERY
Webサイトの制作会社が分かるため、深堀することが出来て楽しいです。
制作会社一覧ページから追えるのも良いですね…!
ウェブコレ
詳細ページの「このホームページのここがすき!」で管理者視点の好きなポイントを書かれており勉強になります。
Web Design Garden
「機能・要素」の検索項目は、コーディング視点のカテゴリがそろってて大変参考になります。
matome(まとめ)
マーケティング専門家が、マーケティング視点からウェブサイトを掲載しています。デザインだけでなくコンテンツにも重点を置いたサイト探しができます。
イケサイ
イケサイは18年以上前から続いている老舗のギャラリーサイト。現在でも更新が続いているのが本当にすごい…!
Japan Web Design Gallery
こちらも10年以上前からあるギャラリーサイト。学生時代にお世話になりました。
まだまだたくさんあるよ
探せば探すほどギャラリーサイトはあります・・!自分に合ったサイトをブックマークして巡回するのが良いですね。
特化型ギャラリー
umeboshi
女性向けデザインに特化したWebデザインギャラリーサイト。女性向けのデザインは需要があるので助かります。あと見てて幸せな気持ちになれる。
WP-Search
WP-Searchは、WordPress(ワードプレス)サイトのテーマ/プラグイン/サーバーなどを調べることができるツールです。
LP Archive
ランディングページをたくさん集めたギャラリーサイト。
LPの参考サイトで検索したらまずここにたどりつくくらい有名なサイトです。
LP advance
LP Archiveに次いで、こちらもLPに特化したギャラリーサイト。
カテゴリー検索の「MVから探す」で、人物の有無などを選択できるので参考にしやすいです。
ランディングページ(LP)集めました。
こちらもLPギャラリーの老舗ともいえるサイト。
14年以上前からあるサイトらしいです。すごい…!
Mag Collection
ファッションサイトに特化したギャラリー。トレンドの傾向が分かって面白いです。
不動産デザインギャラリー
国内の不動産業界のWebデザインをがそろったギャラリーサイト。最終更新は2021年ですが特化型で珍しいのでご紹介しました。
自分でストックしたいなら…pinterest
PinterestはWebデザインパーツというよりあらゆるものをごった煮って感じです。
Web上にある画像やPinterest上にある画像をpinして自分のボードに集めることができる画像主体のSNSサービスです。
眺めているだけでも楽しいので暇つぶしにも良いです。
※Pinterestは著作権の心配がよく話題になります・・。公式見解では「Pinterest が著作権所有者ではありません。必要な場合は、あなたが著作権所有者から画像を利用する許可を得る必要があります。」とあるので、もしpinterestに画像をアップロードするときは規約等を読んでからが良いですね。
以上!
想像以上に多くて途中で挫折しそうになりましたがなんとかまとめられました!
各パーツのデザインを見たい方はこちら!↓