この記事では、Webデザインの参考になるギャラリーサイトを紹介します。
ギャラリーサイトには様々な種類のWebサイトが掲載されています。
Webデザインのアイデアを得ることで、自分がつくりたいWebサイトを見つけましょう！
Webデザイナーの転職活動は、転職エージェントで応募書類の添削や面接対策を行ってもらうと選考に通過しやすくなりますよ！
以下の記事で、Webデザイナーの転職に強いおすすめの転職エージェント7選と、転職エージェントを利用するメリットを詳しく解説しているので、就職を成功させたい方は読んでみてください。
Webデザインの参考にできるギャラリーサイト10選
1：Siimple｜シンプルなデザインのサイトを探したい人におすすめ！
Siimpleは、シンプルなCSSコーディングで作成されたサイトが掲載されているギャラリーサイトです。
Webデザイン初心者や、シンプルながらも洗練されたデザインのヒントを得たい人におすすめです。
- 余白や配置を参考にできる
- HTML・CSSでのデザイン・コーディングの参考になる
2：MUUUUU.ORG｜クオリティが高い縦に長いサイトを厳選
MUUUUU.ORGは、参考にしやすいようなオーソドックスで、非常にデザイン性に優れたサイトを集めています。
TwitterやFacebookで更新情報を発信しているため、忘れずにチェックできます。
デザインにこだわりたいという方におすすめです。
- 情報設計の参考にしやすい
- デザイン性のあるWebサイトの参考になる
3：81-web.com｜デザイン性のある日本のWebサイトを掲載
81-web.comは、日本の優れたWebサイトをまとめたギャラリーサイトです。
ページを移動せずに、サムネイルで業種やカラー、フォントなどを確認できるため、短時間で良いデザインを見つけたい方におすすめです。
- サムネイル機能で詳細を確認できる
- PCやスマホなどの様々な表示ができるため、参考になる
4：SANKOU!｜検索条件が充実したWebギャラリー
SANKOU!は、日本のステキなWebサイトをまとめたギャラリーサイトです。
気になったサイトは、お気に入り登録をすることができます。
検索条件が細かく設定できるため、Webサイトの分野やデザインの方向性ができている人におすすめです。
- 検索条件が細かく設定できる
- イマドキのWebデザインの参考になる
5：io3000｜おしゃれを極めたWebサイト作成にピッタリ
io3000は、国内外に関わらず、おしゃれなWebサイトが掲載されています。
サムネイルをクリックすると実際のサイトを見ることができ、虫眼鏡をクリックすると詳細情報を見ることができます。
海外のデザインも取り入れておしゃれなサイトをつくりたい方におすすめです。
- 海外のデザインを参考にできる
- おしゃれなレイアウトの参考になる
6：ikesai.com｜Webサイトのイメージを膨らませたい方におすすめ！
ikesai.comは、日本国内でつくられた、とにかくたくさんのWebサイトが集まっています。
ほぼ毎日2〜4サイトを投稿しているため、Webサイト情報をたくさん集めることができます。
Webサイトの方向性が決まらず、イメージを膨らませたい方におすすめです。
- イメージを膨らませることができる
- 様々な分野のWebサイトを見ることができる
7：bookma!｜PC版とスマホ版のWebサイト作成を考えている方に必見
bookma!は、PCとスマホ表示のWebサイトを一度に見ることができるギャラリーサイトです。
PC表示のみ、スマホ表示のみのギャラリーに切り替えることもできます。
- PCとスマホ表示を並べて見ることができる
- 大きなサムネイルであるため、イメージを掴みやすい
8：Web Design Clip｜機能重視でつくりたい方におすすめ！
URL：https://webdesignclip.com/
Web Design Clipは、国内外のサイトやスマホ表示のWebサイトを項目に分けて掲載しています。
キーワードやレイアウト、ツールなどの条件で検索することができるため、イメージやツールが決まっている方におすすめです。
- 様々な機器の表示に合わせたデザインを見ることができる
- つくりたいサイトに近いものを検索機能を使って見つけることができる
9：Responsive Web Design JP｜レスポンシブなWebデザインの参考になる！
URL：https://responsive-jp.com/
Responsive Web Design JPは、日本国内のPC、タブレット、スマホ表示のデザインが一度に見られるギャラリーサイトです。
CategoryやColor、技術別で検索することができ、レスポンシブWebサイトを作成するのに参考になるおすすめの本も掲載されています。
- レスポンシブWebサイト作成の参考になる
- 「MORE」をクリックすると、Webサイトの詳細と類似したサイトが表示されるため、参考になる
10：AGT SMARTPHONE DESIGN GALLERY｜スマホ表示にこだわりたい方必見
URL：http://agtsmartphonedesign.com/
AGTは、スマホ表示のWebサイトに特化したギャラリーサイトです。
サムネイルにカーソルを置くと、自動的にスクロールされるため、スマホ表示のサイトの全体像を見ることができます。
- スマホ表示のデザインの参考になる
- クリックすると、スマホ表示の全体画像と詳細を確認できる
まとめ
ギャラリーサイトの紹介は以上です。気になるサイトやデザインは見つかりましたか？
Webサイト作成の手助けになれたら幸いです。