かっこいいWEBサイトデザインが見つかる!リンク集まとめ30選

かっこいいWEBサイトギャラリー

かっこいいデザイン、かわいいデザインの基準は?

商業WEBデザイナーが、デザインセンスを磨くためには何をすれば良いでしょうか。

それは、国内・海外に関わらず、かっこいいサイト、かわいいサイト、おしゃれなサイトをデザイナー視点で見て、理論的なデザイン力を養うことです。

もちろん、きれいないデザイン・目を惹くデザインが施されたサイトは、デザイン業務に関わっていない人でも、見ているだけで楽しいものです。

そこで今回は、かっこいいサイトデザイン、かわいいサイトデザインが集まった日本国内・海外のリンク集を集めてみました。また、1つの基準として、はてなブックマークの数も併記しました。

以下はてなブックマークの数、掲載件数は、全て2019年8月20日時点のものです

日本語で紹介されているかっこいいサイトデザイン集

デザイケ

デザイケ

イケてるWebデザインリンク集|デザイケ – Design Iketeru –

デザイケ(Design Iketeru)は、管理者がデザイン性に優れた企業サイトを中心に集めているWEBサイトギャラリーです。

項目 詳細
掲載サイト数 2179件
はてブ数 8
絞り込み項目 テイスト(オシャレ、シンプル、キレイ、クールなど)、カテゴリー(プロモーション、映画、車・バイクなど)、カラー

ARTNOC.COM

ARTNOC.COM

ARTNOC.COM クリエイティブなWebデザインギャラリーサイト

ARTNOC.COMは、国内外のクリエイティブ企業サイトを業種・カラー・レイアウトなどで分類したWEBサイトギャラリーです。サイト内検索の他に、さまざまなカテゴリとタグで絞り込むことができます。

項目 詳細
掲載サイト数 1707件
はてブ数 52
絞り込み項目 業種(31業種・ジャンル)、タイプ(コーポレートサイト、ショッピング・EC・通販サイトなど)、カラー

ウェブセレクション

ウェブセレクション

ウェブセレクション – Webデザインの参考になるサイトを集めたリンク集。ホームページ制作のお供にどうぞ。

ウェブセレクションは、国内サイトを中心に、かっこいいサイを集めたWEBサイトギャラリーです。とくに目立った機能はなく、シンプルで使いやすいサイトですが、一覧で確認するにはサムネイルがちょっと小さい気がします。

項目 詳細
掲載サイト数 2194件
はてブ数 723
絞り込み項目 業種、タイプなど34の絞り込み項目

WebSite Color Index

WebSite-Color-Index

WEBデザインのヒントに!WebSite Color Index:WEBサイトリンク集

WebSite Color Indexは、株式会社うぶすなが日本国内のサイト限定で優れたデザインのサイトを集めたWEBサイトギャラリーです。2009年スタートなので、すでに10年以上運営されています。

項目 詳細
掲載サイト数 1032件
はてブ数 598
絞り込み項目 業種、イメージ(ビビット、クリーン、クール、ダーク、フェミニンなど)、カラー

WEBデザインの見本帳

WEBデザインの見本帳

WEBデザインの見本帳|WEBデザイナーのためのデータベース・リンク集、サンプル・配色・参考・ご提案に!!

WEBデザインの見本帳は、キャッチーなサイトデザインが印象的なWEBサイトギャラリーです。気になったサイトは、サムネイルクリックで拡大するので見やすくなります。

項目 詳細
掲載サイト数 620件
はてブ数 1807
絞り込み項目 印象(カッコいい・クール かわいい・ポップ 美しい・アート・芸術的など)、色、ジャンル(インターネット、生活、外出先、企業、その他)

Responsive Web Design JP

Responsive-Web-Design-JP

Responsive Web Design JP | 日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイト

Responsive Web Design JPは、日本国内のかっこいいレスポンシブデザインサイトを集めたWEBサイトギャラリーです。PC、タブレット、スマホの見た目が掲載されていてわかりやすいですね。使用技術で絞り込めるのも面白いですね。

項目 詳細
掲載サイト数 2695件
はてブ数 1264
絞り込み項目 カテゴリ(おもちゃ・キッズ・ゲーム、アート・文化・芸能など)、色、技術(Angular、Bootstrap、jQueryなど)

S5-Style

S5-Style

【S5-Style】Webデザインギャラリー / Web Design Inspiration

S5-Styleは、見た目もスッキリと洗練されたWEBサイトギャラリーです。お気に入りの登録もできるので使い勝手が良いですね。掲載サイトの多さも際立っています。

項目 詳細
掲載サイト数 6936件
はてブ数 1
絞り込み項目 サービス(WEBマガジン・ 出版・印刷、おもちゃ・キッズ、アート・芸術など)、カテゴリ(3D・CG、アイコン・ピクトグラムなど)、カラー、テクニック(API、AR、CMS、CSS、FLASHなど)、タイプ(Webサービス、ストックデータなど)

ズロック

ズロック

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

ズロックは、国内外の優れたデザインサイトを集めたWEBサイトギャラリーです。サムネイルサイズはSMLの3種類が選択でき、ヘッダーの鉛筆マークを押すと、以下のカテゴリが表示されます。

項目 詳細
掲載サイト数 2846件
はてブ数 1
絞り込み項目 業種、レイアウト(CSS、Responsible、All Flash、カラー、種類(スペシャルコンテンツ、コーポレートサイト、ブランディングなど)

イケサイ

イケサイ

イケサイ ウェブデザイナーのWEBデザインデータベース

イケサイは、主に国内のかっこいいWEBサイトを集めたWEBサイトギャラリーです。WEB制作会社も登録されていて、一斉に見積り依頼することもできます。個人的に長く活用しているサイトでもあります。

項目 詳細
掲載サイト数 不明
はてブ数 56
絞り込み項目 カテゴリ(企業、ネット関連サービス、オンラインショップ・ECなど)、色/配色

I/O 3000

IO-3000

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

I/O 3000は、国内外の優れたWEBサイトを集めたWEBサイトギャラリーです。1つ1つのサムネイルが大きく、デザインを確認しやすいため、ざーっとデザイン眺めたい場合に使いやすいサイトです。

項目 詳細
掲載サイト数 4097件
はてブ数 1676
絞り込み項目 業種、カラー

straightline bookmark

straightline-bookmark

Webデザインリンク集・ソーシャルブックマーク – straightline bookmark | Web Design Bookmarking

straightline bookmarkは、国内外のかっこいいWEBサイトを揃えたWEBサイトギャラリーです。アカウントを作ると、保存やお気に入り登録ができます。また、表示されているサムネイルサイズも変えられます。

サイト制作者は、知っている人には有名な「嫁のはてブ」や「W3Q」を作ったデザイナーです。

項目 詳細
掲載サイト数 8736件
はてブ数 2188
絞り込み項目 カラー、業種、言語や技術、デザインパターンなど

81-web.com

81-web.com

81-web.com【Webデザイン リンク集】

81-web.comは、株式会社TRACEが運営する国内の優れたデザインのサイトのみを集めたWEBサイトギャラリーです。シンプルできれいなサイトですが、絞り込み項目がわからないため使い勝手が良いとは言えません。

項目 詳細
掲載サイト数 不明
はてブ数 602
絞り込み項目 業種、カラーなど

SG_BOOKMARK

SG_BOOKMARK

Webデザインブックマークサイト・Webデザインリンク集 .SG_BOOKMARK

SG_BOOKMARKは、国内外のデザイン性やユーザビリティが優れたサイトを紹介するWEBサイトギャラリーです。WEBサイトが、まるで名刺のように横長のサムネイルで紹介されているのが特徴的です。

項目 詳細
掲載サイト数 2680件
はてブ数 181
絞り込み項目 業種、デザイン(シンプル・スタイリッシュ、タイポグラフィ、グラフィカルなど)、カテゴリー(ECサイト、webサービス、プロダクトサイトなど)、スタイル(JavaScript、Flash、Socialなど)、カラー

WPデザインギャラリー

WPデザインギャラリー

WPデザインギャラリー

WPデザインギャラリーは、Wodrdpressを使用した国内サイトを集めたWEBサイトギャラリーです。WEB界隈ではメジャーな「かちびと.net」が運営しています。

項目 詳細
掲載サイト数 443件
はてブ数 1112
絞り込み項目 カラー、レイアウト、コンテンツ(IT系、エンターテイメント・著名人、デザイナーなど)、テイスト(アート、エレガント、オーソドックスなど)

Webデザインクリップ

Webデザインクリップ

Web Design Clip | Webデザインクリップ

Webデザインクリップは、国内サイト、海外サイト、ランディングページ、スマホ・レスポンシブサイトをそれぞれ集めたWEBサイトギャラリーです。

項目 詳細
掲載サイト数 2024件
はてブ数 1781
絞り込み項目 カテゴリー(WEB・情報サービス、アパレル・ファッション、アート・美術館・展覧会、インテリア・雑貨、ウェディング関連、キッチン・料理・レシピなど)、カラー、レイアウト

Good Design Web

Good-Design-Web

WEBデザインリンク集|Good Design Web | Good Design WEBは秀逸な国内外のWEBサイトを紹介しているショーケースです。

Good Design WEBは、国内外のWEBサイトを集めたWEBサイトギャラリーです。このサイトの作りは無限スクロールですが、個人的にはおわりが見えないとあたりを付けることができないので、途中で見る気が失せてしまいます。

項目 詳細
掲載サイト数 不明
はてブ数 842
絞り込み項目 ECサイト、MUSIC、WEBデザイン、アプリ、医療・介護、インテリア・エクステリア、学校・各種団体など17カテゴリー、カラー

週刊ウェブデザイン

週刊ウェブデザイン

WEBデザインリンク集・デザインサイト一覧(週刊ウェブデザイン)

週刊ウェブデザインは、国内サイト中心にデザイン性に優れたWEBサイトを集めたWEBサイトギャラリーです。WEBサイト以外に、ロゴデザインや写真素材サイトリンクも収集しています。

項目 詳細
掲載サイト数 3258件
はてブ数 5
絞り込み項目 オンラインサービス、ネットショップ、デザイン・デザイン会社、学校・教育など23カテゴリー

bookma!

bookma!

bookma!は、国内サイト中心にデザイン性に優れたWEBサイトを収集したWEBサイトギャラリーです。ヘッダーでサムネイルを切り替えて、スマホサイトの見た目を確認できます。

bookma!

項目 詳細
掲載サイト数 不明
はてブ数 71
絞り込み項目 カラー

IllustBookmark

イラストブックマーク

Webデザイン参考サイト、イラストブックマーク|IllustBookmark

IllustBookmarkは、イラストが使用された国内外のWEBサイトを集めたWEBサイトギャラリーです。イラストをうまく使ったサイトを作りたい人には参考になると思います。

項目 詳細
掲載サイト数 481
はてブ数 45
絞り込み項目 なし

Design-trigger

Design-trigger

webデザインのリンク集+α |Design-trigger

Design-triggeは、国内外の優れたデザイン性のWEBサイトを集めたWEBサイトギャラリーです。

項目 詳細
掲載サイト数 不明
はてブ数 39
絞り込み項目 業界(不動産・建築・住宅、飲食店など)、カラー、レイアウト、テイスト(スタンダード、クール、ナチュラル・やさしい、ポップ・楽しいなど)

ウェブ・ファインダー

ウェブ・ファインダー

オシャレなウェブサイトの参考デザインリンク集 | ウェブ・ファインダー

ウェブ・ファインダーは、主に国内の優れたデザイン性のWEBサイトを集めたWEBサイトギャラリーです。お気に入りの登録もできます。

項目 詳細
掲載サイト数 不明
はてブ数 118
絞り込み項目 カテゴリ(コーポレートサイト、キャンペーン、ECサイトなど)、業種、テイスト(エレガント、オーソドックス、キュート・ポップなど)、カラー

WEB DESIGN GALLERY for WEB DESIGNERS

WEB-DESIGN-GALLERY-for-WEB-DESIGNERS

WEBデザイナーの為のWEBデザインギャラリー – WEB DESIGN GALLERY for WEB DESIGNERS

WEB DESIGN GALLERY for WEB DESIGNERSは、国内のWEBサイトを集めたWEBサイトギャラリーです。シンプルで使い勝手が良いだけに、アドセンスなど広告の出し方が気になりました。

項目 詳細
掲載サイト数 430件
はてブ数 119
絞り込み項目 業種/ジャンル(運送・宅配、芸能人・俳優・アイドル、PCなど)、色、地域(都道府県)、対応デバイス

Choicely

Choicely

Webデザインギャラリー | Choicely

Choicelyは、国内のWEBサイトを集めたWEBサイトギャラリーです。WEBサイト1つずつに説明が書かれているため、クリックしなくてもサイトの詳細を把握できます。

項目 詳細
掲載サイト数 655件
はてブ数 19
絞り込み項目 カテゴリ(企業・コーポレートサイト、採用・リクルートサイト、ブランドサイトなど)、業界、カラー、国

海外・外国語で紹介されているかっこいいサイトデザイン集

Awwwards

Awwwards

Awwwards – Website Awards – Best Web Design Trends

Awwwardsは、世界中のWEBサイトを集めたWEBデザインアワードサイトです。世界で最も有名なWEBデザインギャラリーと言っても過言ではありません。Awwwardsが主催するAwwwards Conferenceは、世界最大級のデザインカンファレンスとして有名ですね。

項目 詳細
掲載サイト数 3117件
はてブ数 744
絞り込み項目

The FWA

The-FWA

The FWA – Awards

The FWAは、世界中のWEBサイトを集めたWEBデザインアワードサイトです。こちらもAwwwardsと同じくらい権威がある団体、ギャラリーサイトと言って良いでしょう。

項目 詳細
掲載サイト数 不明
はてブ数 4
絞り込み項目

CSS Design Awards

CSS-Design-Awards

CSS Design Awards – Website Awards – Best Web Design Inspiration – CSS Awards

CSS Design Awardsは、世界中のWEBサイトを集めたWEBデザインアワードサイトです。WEBサイトはデザイナーやクリエイティブディレクターの投票によって、点数が付けられています。こちらもメジャーなWEBデザインアワードサイトです。

世界的なWEBデザインアワードサイトは、他にも「CSS Awards – Website Award | CSS Gallery」「CSS Winner – Web Design Awards」などがあります。

項目 詳細
掲載サイト数 2121件
はてブ数 210
絞り込み項目 FEATURES(animated、colorful、eCommerce、flat designなど)、INDUSTRY(agency、app、art、blog、communityなど)、COLOR

siteInspire

siteInspire

siteInspire – Web Design Inspiration

siteInspireは、海外のWEBサイトを集めたWEBサイトギャラリーです。

項目 詳細
掲載サイト数 7453件
はてブ数 213
絞り込み項目 Styles(Animation、Background Music or Sound、Big Background Imagesなど)、Types(Agency or Consultancy、Annual Reportなど)、Subjects(Advertising、Architecture、Artなど)、Platforms(Behance Pro-site、Cargo Collective、ReadyMagなど)

CSSMania

CSSMania

Biggest CSS Showcase all over the globe / CSSMania

CSSManiaは、世界中のWEBサイトを集めたWEBサイトギャラリーです。こちらもメジャーなWEBデザインアワードサイトです。

項目 詳細
掲載サイト数 31105件
はてブ数 188
絞り込み項目 colors、TOPICS(Companies、Freelance、Technology、Internetなど)

Best Web Gallery

Best-Web-Gallery

Best Web Gallery

Best Web Galleryは、海外のWEBサイトを集めたWEBサイトギャラリーです。

項目 詳細
掲載サイト数 2913件
はてブ数 817
絞り込み項目 Deals、BlueHost Coupons、Design、Galleries、Themes、UI

designsnips

designsnips

designsnips – collecting great design

designsnipsは、海外のWEBサイトを集めたWEBサイトギャラリーです。

項目 詳細
掲載サイト数 5148件
はてブ数 73
絞り込み項目

海外サイトの方がかっこいいわけではない

日本国内向けのサイトと海外のサイトでは、細部のディテールや色使いなど全体のデザインが違います。

そのため、海外サイトでおしゃれでかっこいいサイトがあったとしても、グラフィックやレイアウトによっては日本語フォントがまったくあわないこともあります。

また、人物写真もアジア人と欧米人でマッチするデザインが違ったり、イラストも日本と海外ではテイストが異なります。

そのため、世界中で評価されていてかっこいいと言われるWEBサイトでも、日本人にとって、もしくは日本語フォントを使ったときに、必ずしもかっこいいと思えるわけではありません。

もちろん、細かいデザインセンスだけでなく、WEBならではの技術的な見せ方など学べる部分はたくさんあります。

とにかくたくさんのWEBサイトを見て、「かっこいい!」と琴線に触れるデザインから多くのものを吸収できると良いですね。