Webデザイン(ウェブデザイン)とは?参考になるWebデザインギャラリー集

公開日:2023-07-01

Webデザインを制作する際に同じ業界はどんなサイトを作っているのかな?最近の流行のデザインはどんなサイトかな?といったことを調べるのに便利なのがWebデザインギャラリー集です。

クライアントと話すときに「かっこいいサイトをお願いしたいです!」と依頼されたとしても、それぞれの思うカッコイイの考え方が違うこともあります。そうした際に、様々なサイトを見せながら、認識合わせをするといった使用方法もよいでしょう。

Webデザインギャラリー集を集めたのでご紹介します。

国内のWebサイトギャラリー・リンク集

Webデザイン制作の参考になる国内のステキなサイト集 SANKOU!

Webデザイン制作の参考になる国内のステキなサイト集 SANKOU!
Webデザイン制作の参考になる国内のステキなサイト集 SANKOU!

カテゴリーわけが豊富で見つけたいサイトが見つけやすいのが特徴です。

サイトの種類別、サイトの内容別、サイトのタイプ別、構造別、仕組み別、色別など、カテゴリーだけでも145も分かれています。

また、最近はスマートフォンサイトがメインというサイトも多い中、Webデザイン制作の参考になる国内のステキなスマホサイト集 SANKOU! spにてスマートフォンサイトも紹介されているのでぜひチェックしてみてください。

現代デザイン | Webデザインギャラリー・サイトリンク集

現代デザイン | Webデザインギャラリー・サイトリンク集
現代デザイン | Webデザインギャラリー・サイトリンク集

シンプルでかつ、TOP画面とサイトのたて型画像の両方が一覧で見れるのが大きな特徴です。

飲食系や広告系、ファッション系等サイトのカテゴリー別で分かれているので、制作するサイトの分野別でサイトを閲覧することができます。また、色でもカテゴリー分けされているので、青や白、黒など使いたい色によって参考サイトが閲覧できるのも便利です。


また、サイト内にはブックマーク機能もあるので、保存したい、参考にしたいサイトを記録しておくこともでき、かつ他の人にそのブック―マークをシェアすることも可能ですので、チーム内でアイデアを共有するのにもピッタリです。

Japan Web Design Gallery

Japan Web Design Gallery
Japan Web Design Gallery

日本のウェブサイトを紹介するリンク集です。

現在1695サイト(2021年4月時点)を紹介しており、Webサイトのテイストや業界、色で探すことができるようになっています。


また、「特集」コーナーもあるので、目当てのサイト以外の新しいサイトも見つけやすいです。

1guu.jp(イチグウ)

千載一遇、その出合いをここから。優れたサイトのWebデザインリンク集
1guu.jp(イチグウ)

国内から海外まで、シンプルなサイトからインタラクティブなサイトまで、
Webデザインの参考になる様々なサイトを集めたギャラリー・ポータルサイト。

 

動きに特徴があるサイトには、サムネイルにアニメーションを設置(PCのみ)しており、
観覧する際は、ぜひPCでの観覧をお勧めします。

不動産デザインギャラリー|REAL ESTATE DESIGN GALLERY.

不動産デザインギャラリー
不動産デザインギャラリー|REAL ESTATE DESIGN GALLERY.

日本の不動産業界のサイトに特化したサイトです。

「良いデザイン」「綺麗なデザイン」といった基準ではなく、あくまでも事例の紹介で集められたもので、そのマンションが完売するとWebサイト自体は閉鎖されてしまうことがほとんどの中、クローズされたサイトも蓄積しています。

テイスト、カラー、技術、コンテンツといったカテゴライズで分けられています。

クリエイティブの裏側データベース | URAGAWA

クリエイティブの裏側データベース | URAGAWA

掲載サイトと制作プロダクションがワンセットでわかるのが特徴です。
制作会社が公開している実績ページや投稿を閲覧することができます。

また、検索機能が充実しており、掲載サイトの特徴・企業名・アワード受賞歴などで検索することが可能。
週間・月間ランキングでは、人気のWebサイトを常にチェックできます。

ウェブサイトリンク集|ドコドア

ウェブサイトリンク集|ドコドア
ウェブサイトリンク集|ドコドア

総合デジタルマーケティング事業を行う”ドコドア株式会社”が独自でまとめた優良Webデザインのまとめサイトです。サイトリンクの紹介だけでなく、デザイナーさんのコメント付きで、これからWebサイトを制作する人にとって参考になるサイトです!コーポレートサイトやECサイトなどが17の業種で分類されています。

スマホ、タブレット、PCでみたそれぞれを一覧にして確認できるサイトです。
幅広い業界からピックされており、知らなかったプロダクトも認知する機会が与えれます。
それぞれの端末ごとのワイヤーフレームはとても参考になり、素材の見せ方も勉強になります。

縦長のwebデザインギャラリー・サイトリンク集|MUUUUU.ORG

縦長のwebデザインギャラリー・サイトリンク集|MUUUUU.ORG
縦長のwebデザインギャラリー・サイトリンク集|MUUUUU.ORG

縦長のWebデザインを制作したいときに役立つ MUUUUU.ORG(ムーオルグ) !

サイト数は全部で 4060個 !!!

INDUSTRY、DESIGN、TYPE、COLOR に分けて探すことができるのが特徴で
個人サイトから企業案件、学校など豊富なサイトリンク集です。

画像重視、レスポンシブに有効な縦長のWebサイトは
ストーリーテリングな内容や、長い記事、LPなどで用いることが多いでしょう。

ズロック|Webデザインのリンク集

ズロック|Webデザインのリンク集

業種、レイアウト、カラー・イメージ、種類からデザインを探すことができるWebデザインのリンク集です。

管理人が面白いと思った世界中のWebサイトが紹介されたいます。

登録された日付も記載されているので、最新のものから少し前のものまでさまざまなデザインを見ることができるWebサイトです。

Wow! Works – WebデザインギャラリーWow! Works

Wow! Works – WebデザインギャラリーWow! Works

条件検索の機能が充実していて、自分の作りたいイメージをぴったり探すことができるデザインギャラリーになっています。国内外のWebサイトが多数紹介されており、サイトの作りもシンプルでわかりやすくなっております。

ページにおける写真の使い方をこだわったサイトをのせている。
同じ写真でも構図を意識して使い分けることで、ユーザー目線での見える形を提供しています。
また、テキストも位置や段組みをしっかりと意識したデザインを集めています。

LP アーカイブ

LP アーカイブ
LP アーカイブ

株式会社Ryuki Designが良いと思ったLPデザインをアーカイブしているサイトです。PCデザインとスマホデザインで分けつつ、「カラー」「カテゴリ」「雰囲気」などから検索でき、LPをデザイン制作する際にデザイナーの方が参考にできるサイトになっています。

また「成果の上がるLPデザイン」という制作ノウハウのコンテンツも組み込まれています。

WebDesinClip

WebDesinClip
WebDesinClip

国内外の1,497のWebサイト(2021年4月時点)を閲覧できるサイト。


大きく「Japan」「World」「Landing Page」「Smartphone」の4つに分類されており、そこからさらに36のカテゴリー別に検索が可能です。


特徴としては、サイトで使用されているメインカラーや、サブカラーでの検索もできるところです。

作成するサイトの大まかなイメージを決定するのにとても実用的ですね。

Webデザインギャラリー: I/O 3000

Webデザインに関わる人のためのWebデザインギャラリーサイト。

国内外を問わず、Web制作の参考となるサイトをセレクトされ掲載されています。

カテゴリ・タグ・年代別のアーカイブからサイトを見ることができます。

また、シャッフル機能では様々なサイトがランダムにシャッフルされた状態で閲覧をすることができ、Web制作を行う上で、サイト制作のデザインやデザインイメージを持つ際に参考になります。

81-web.com

81-web.com
81-web.com

Webサイト制作の際に参考になるデザインのサイトを集めた ギャラリー&リンク集。
学校・教育機関、スポーツ等25に分けられたカテゴリ―、色、文字フォント、サイトの特徴など様々な分野からの検索が可能。また、サイトドメインの「81-web.com」は、日本の国際電話番号「81」に由来し、日本国内のサイトのみピックアップし、掲載。

デザインサイト WEBデザインのリンク集 - イケサイ

デザインサイト WEBデザインのリンク集 - イケサイ
デザインサイト WEBデザインのリンク集 - イケサイ

Webデザインに役立つ、かっこいいサイト、おしゃれなサイト、クールなサイトなどをピックアップし、掲載を行っているサイト。27のカテゴリからの検索とサイトに使われている11の配色からの検索が可能。
Webサイト検索だけでなく、都道府県別の制作会社の検索やスクール検索等もできるようになっている。

地域別Webデザインリンク集|4ab

地域別Webデザインリンク集|4ab
地域別Webデザインリンク集|4ab

国内の1,522のサイトを地域別にカテゴライズしているサイト。

地域にフォーカスしているため、都道府県別に業種で検索ができます。

特徴のあるローカルなWebサイトを閲覧することができます。

面白い区分で分けている珍しいギャラリーサイトのためご紹介いたしましたが、登録日時が古いため、一部リンク切れとなっているサイトがありますのでご注意ください。

海外のWebサイトギャラリー・リンク集

Awwwards

Awwwards – Website Awards – Best Web Design Trends
awwwards.com

年間約1,300万人が訪れる大人気のデザインアワードのサイトです。「海外デザインからインスピレーションを受けたい」「海外のトレンドを知りたい」という方は、まずはここから!

カテゴリー別で検索をしながら、世界の有名なデザイナーがつけた評価点をご参考に、デザインの技術やユーザビリティをどう考え、どう向上させるのかが分かります。UIへの落としみ方の参考にもなります。

アワードへの応募は有料ですが、世の中の人に自分のデザインを知ってもらう素晴らしいチャンス。

CSS Design Awards

CSS Design Awards
cssdesignawards.com

業界最先端のハイレベルなWebデザインを表彰するアワードです。世界各地のデザインが「UIデザイン」「UXデザイン」「イノベーション」という3つの審査基準をもとに審査されます。

Awwwardsと同じように「Website of the Day」「Website of the Month」「Website of the Year」の各賞がありますが、写真や魅せ方の美しさにこだわった作品の数々がCSS Design Awardsの特徴です。

その他の関連記事

著者:デジタルハリウッド スクール 編集部