【2022年】参考になるWEBデザインまとめ
こんにちは!デザイナーのアピコです。
キャラリーサイトで記載されているサイトを見て、デザインとコーディングを学ぶことがありますか。しかし、どれを見ればよいか迷う人も多いのではないでしょうか。
今回は私だけではなくデザイナーさんがよく見る10サイトをご紹介します。
是非参考にしてみてくださいね。
INDEX
参考になるWEBデザインまとめ
1.SANKOU!

「SANKOU!」はウェブサイト・LP・コンテンツページまでの日本サイトが検索できるサイトです。
「季節」、「業種」などいろいろなカテゴリから検索できます。フィルターで複数の条件から検索が出来て、非常に便利ですね。
| 事例の数 | 2,853 |
| 更新頻度 | ★★★★☆ |
| 見やすさ | ★★★★︎☆ |
| 検索しやすさ | ★★★★☆ |
2.MUUUUU.ORG

更新頻度が高く、デザイン性が高いサイトが多く掲載されています。
毎日このサイトを見ていればデザインの引き出しがもっと増えていくと思います。
| 事例の数 | 4,518 |
| 更新頻度 | ★★★★☆ |
| 見やすさ | ★★★★︎☆ |
| 検索しやすさ | ★★★★☆ |
3.Web Design Clip

https://www.webdesignclip.com/
「Web Design Clip」は国内外のデザインサイトのギャラリーです。
メインビジュアル・キービジュアルや写真・フォトグラフィーなどのタグで絞り込めていいと思います。スマホデザインだけ見られて、比較しやすい点は1つの魅了です。ぜひ活用してみてください。
| 事例の数 | 4,815 |
| 更新頻度 | ★★★★☆ |
| 見やすさ | ★★★★︎☆ |
| 検索しやすさ | ★★★★☆ |
4.81-web
「81-web」は優れたデザインを集めているサイトです。
サムネイルの下の「_pc」または「_sp」をクリックすると事例のプレビューが表示されるのようになっています。検索には「カテゴリ」・「カラー」のほかに、タグやWEBフォントでも絞り込めます。
| 事例の数 | 4,079 |
| 更新頻度 | ★★★★☆ |
| 見やすさ | ★★★★︎☆ |
| 検索しやすさ | ★★★☆☆ |
5. I/O 3000
「I/O 3000」は高品質なデザインのサイトを多く集めたギャラリーです。
記事をランダム表示するシャッフル機能でデザインの一覧を見ることができます。
| 事例の数 | 1,599 |
| 更新頻度 | ★★★☆☆ |
| 見やすさ | ★★★★︎☆ |
| 検索しやすさ | ★★★★★ |
6.S5-Style
「S5-Style」は更新頻度の高さが特徴で、国内外の流行デザインを追うのに適しているサイトです。
検索は「or」と「and」の機能が可能なので、調べるのに便利です。また「Technics」の「css」・「html」のWEB技術やサイト種類など、多岐にわたる検索で絞り込みができます。
| 事例の数 | 8,433 |
| 更新頻度 | ★★★★★ |
| 見やすさ | ★★★★︎☆ |
| 検索しやすさ | ★★★★☆ |
7.bookma!
「bookma!」は国内のレスポンシブWEBデザインを集めているギャラリーです。
細かく検索できませんが、PCのデザインとスマホデザインの両方を見られる点はいいですね。
| 事例の数 | - |
| 更新頻度 | ★★★★☆ |
| 見やすさ | ★★★★︎☆ |
| 検索しやすさ | ★★★☆☆ |
8.Awwwards
「Awwwards」は素晴らしかったWEBサイトを表彰するサイトです。
個性的なデザインや斬新なアニメーションなどのサイトを絶対に見かけます。
| 事例の数 | - |
| 更新頻度 | ★★★★☆ |
| 見やすさ | ★★★★︎☆ |
| 検索しやすさ | ★★★☆☆ |
9.straightline bookmark

「straightline bookmark」は現在2万を超える国内外のサイトを紹介しています。
おしゃれなサイトも非常に多く、お気に入り機能もありますので、デザインナーとしてありがたいことです。
| 事例の数 | 27,426 |
| 更新頻度 | ★★★★★ |
| 見やすさ | ★★★★︎☆ |
| 検索しやすさ | ★★★★☆ |
10.ikesai.com
「ikesai」は国内のサイトを集められているサイトです。
| 事例の数 | - |
| 更新頻度 | ★★★☆☆ |
| 見やすさ | ★★★★︎☆ |
| 検索しやすさ | ★★★★☆ |
まとめ
ここまで全10サイトを紹介してきました。どのサイトもそれぞれの特長がありますね。
デザインの勉強のため、毎日じっくり見てみましょう。私も毎日見ていて、けっこう身になります。
それでは、次の記事をお楽しみにしていきましょう。






