公開日:2023-07-01
Webデザインを制作する際に同じ業界はどんなサイトを作っているのかな?最近の流行のデザインはどんなサイトかな?といったことを調べるのに便利なのがWebデザインギャラリー集です。
クライアントと話すときに「かっこいいサイトをお願いしたいです!」と依頼されたとしても、それぞれの思うカッコイイの考え方が違うこともあります。そうした際に、様々なサイトを見せながら、認識合わせをするといった使用方法もよいでしょう。
Webデザインギャラリー集を集めたのでご紹介します。
国内のWebサイトギャラリー・リンク集
Webデザイン制作の参考になる国内のステキなサイト集 SANKOU!
カテゴリーわけが豊富で見つけたいサイトが見つけやすいのが特徴です。
サイトの種類別、サイトの内容別、サイトのタイプ別、構造別、仕組み別、色別など、カテゴリーだけでも145も分かれています。
また、最近はスマートフォンサイトがメインというサイトも多い中、Webデザイン制作の参考になる国内のステキなスマホサイト集 SANKOU! spにてスマートフォンサイトも紹介されているのでぜひチェックしてみてください。
現代デザイン | Webデザインギャラリー・サイトリンク集
シンプルでかつ、TOP画面とサイトのたて型画像の両方が一覧で見れるのが大きな特徴です。
飲食系や広告系、ファッション系等サイトのカテゴリー別で分かれているので、制作するサイトの分野別でサイトを閲覧することができます。また、色でもカテゴリー分けされているので、青や白、黒など使いたい色によって参考サイトが閲覧できるのも便利です。
また、サイト内にはブックマーク機能もあるので、保存したい、参考にしたいサイトを記録しておくこともでき、かつ他の人にそのブック―マークをシェアすることも可能ですので、チーム内でアイデアを共有するのにもピッタリです。
Japan Web Design Gallery
日本のウェブサイトを紹介するリンク集です。
現在1695サイト(2021年4月時点)を紹介しており、Webサイトのテイストや業界、色で探すことができるようになっています。
また、「特集」コーナーもあるので、目当てのサイト以外の新しいサイトも見つけやすいです。
1guu.jp(イチグウ)
国内から海外まで、シンプルなサイトからインタラクティブなサイトまで、
Webデザインの参考になる様々なサイトを集めたギャラリー・ポータルサイト。
動きに特徴があるサイトには、サムネイルにアニメーションを設置(PCのみ)しており、
観覧する際は、ぜひPCでの観覧をお勧めします。
不動産デザインギャラリー|REAL ESTATE DESIGN GALLERY.
日本の不動産業界のサイトに特化したサイトです。
「良いデザイン」「綺麗なデザイン」といった基準ではなく、あくまでも事例の紹介で集められたもので、そのマンションが完売するとWebサイト自体は閉鎖されてしまうことがほとんどの中、クローズされたサイトも蓄積しています。
テイスト、カラー、技術、コンテンツといったカテゴライズで分けられています。
クリエイティブの裏側データベース | URAGAWA
掲載サイトと制作プロダクションがワンセットでわかるのが特徴です。
制作会社が公開している実績ページや投稿を閲覧することができます。
また、検索機能が充実しており、掲載サイトの特徴・企業名・アワード受賞歴などで検索することが可能。
週間・月間ランキングでは、人気のWebサイトを常にチェックできます。
ウェブサイトリンク集|ドコドア
総合デジタルマーケティング事業を行う”ドコドア株式会社”が独自でまとめた優良Webデザインのまとめサイトです。サイトリンクの紹介だけでなく、デザイナーさんのコメント付きで、これからWebサイトを制作する人にとって参考になるサイトです!コーポレートサイトやECサイトなどが17の業種で分類されています。
スマホ、タブレット、PCでみたそれぞれを一覧にして確認できるサイトです。
幅広い業界からピックされており、知らなかったプロダクトも認知する機会が与えれます。
それぞれの端末ごとのワイヤーフレームはとても参考になり、素材の見せ方も勉強になります。
縦長の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 アーカイブ
株式会社Ryuki Designが良いと思ったLPデザインをアーカイブしているサイトです。PCデザインとスマホデザインで分けつつ、「カラー」「カテゴリ」「雰囲気」などから検索でき、LPをデザイン制作する際にデザイナーの方が参考にできるサイトになっています。
また「成果の上がるLPデザイン」という制作ノウハウのコンテンツも組み込まれています。
WebDesinClip
国内外の1,497のWebサイト(2021年4月時点)を閲覧できるサイト。
大きく「Japan」「World」「Landing Page」「Smartphone」の4つに分類されており、そこからさらに36のカテゴリー別に検索が可能です。
特徴としては、サイトで使用されているメインカラーや、サブカラーでの検索もできるところです。
作成するサイトの大まかなイメージを決定するのにとても実用的ですね。
Webデザインギャラリー: I/O 3000
Webデザインに関わる人のためのWebデザインギャラリーサイト。
国内外を問わず、Web制作の参考となるサイトをセレクトされ掲載されています。
カテゴリ・タグ・年代別のアーカイブからサイトを見ることができます。
また、シャッフル機能では様々なサイトがランダムにシャッフルされた状態で閲覧をすることができ、Web制作を行う上で、サイト制作のデザインやデザインイメージを持つ際に参考になります。
81-web.com
Webサイト制作の際に参考になるデザインのサイトを集めた ギャラリー&リンク集。
学校・教育機関、スポーツ等25に分けられたカテゴリ―、色、文字フォント、サイトの特徴など様々な分野からの検索が可能。また、サイトドメインの「81-web.com」は、日本の国際電話番号「81」に由来し、日本国内のサイトのみピックアップし、掲載。
デザインサイト WEBデザインのリンク集 - イケサイ
Webデザインに役立つ、かっこいいサイト、おしゃれなサイト、クールなサイトなどをピックアップし、掲載を行っているサイト。27のカテゴリからの検索とサイトに使われている11の配色からの検索が可能。
Webサイト検索だけでなく、都道府県別の制作会社の検索やスクール検索等もできるようになっている。
地域別Webデザインリンク集|4ab
国内の1,522のサイトを地域別にカテゴライズしているサイト。
地域にフォーカスしているため、都道府県別に業種で検索ができます。
特徴のあるローカルなWebサイトを閲覧することができます。
面白い区分で分けている珍しいギャラリーサイトのためご紹介いたしましたが、登録日時が古いため、一部リンク切れとなっているサイトがありますのでご注意ください。
海外のWebサイトギャラリー・リンク集
Awwwards
年間約1,300万人が訪れる大人気のデザインアワードのサイトです。「海外デザインからインスピレーションを受けたい」「海外のトレンドを知りたい」という方は、まずはここから!
カテゴリー別で検索をしながら、世界の有名なデザイナーがつけた評価点をご参考に、デザインの技術やユーザビリティをどう考え、どう向上させるのかが分かります。UIへの落としみ方の参考にもなります。
アワードへの応募は有料ですが、世の中の人に自分のデザインを知ってもらう素晴らしいチャンス。
CSS Design Awards
業界最先端のハイレベルなWebデザインを表彰するアワードです。世界各地のデザインが「UIデザイン」「UXデザイン」「イノベーション」という3つの審査基準をもとに審査されます。
Awwwardsと同じように「Website of the Day」「Website of the Month」「Website of the Year」の各賞がありますが、写真や魅せ方の美しさにこだわった作品の数々がCSS Design Awardsの特徴です。
その他の関連記事
- Webデザイナーになるには
- Webデザイナーの年収は
- Webデザイナーの将来性は? キャリアや仕事内容は今後どうなる?
- Webデザイナーに関連性の高い資格
- Webデザイナーの仕事内容の変遷
- 未経験でWebデザイナーになるには?転職できる? 仕事内容や年収を解説【2024年最新】
- 在宅/リモートワークでもできるWebデザイナーの仕事内容や必要スキルとは?
- JavaScriptでできることとは?Webデザイナーになるために必要な勉強のコツをご紹介
- JavaScriptの書き方とは
- 未経験でも独学でWebデザイナーに?効率的な勉強方法やスクールとの比較
- Webデザインの勉強方法を紹介!未経験者でも独学で学べる?
- 未経験の大学生でもWebデザイナーになる方法と勉強方法
- ウェブデザイン技能検定とは?試験概要や難易度・合格率、受験方法を解説
- Webデザイン(ウェブデザイン)とは?参考になるWebデザインギャラリー集
- 【社会人向け】おすすめWebデザインスクール・オンライン講座の紹介と選び方を解説!
- Webデザイナー・Webデザイン専攻 夜間の授業の特徴
- デジタルハリウッドSTUDIOにて 全国の校舎で課題の評価を競い合う全国課題表彰を実施
- 未経験からWeb業界への就職・転職を叶える"超実践"カリキュラムって?
- 未経験から育児もお仕事も両立する「主婦・ママクラス キャリアデザインプログラム」
- エンジニアとプログラマーの違いは?仕事内容や目指す方法を解説
- Webデザインスクールおすすめ41選【2024年最新比較】選び方も紹介!
- Webデザイナー専攻超実践型就職・転職プラン X フォントワークス
- 社会人でもイラストが上達する?コツや描けるようになるメリット、学ぶ方法などを解説
- ポートフォリオの役割とは?具体的な作り方やポイント・注意点などを徹底解説!
- Webデザインの勉強方法・スキルアップ方法を初心者にも分かりやすく解説!