カテゴリー

  • プログラミング
  • 英語学習
  • 海外
  • キャリア
  • Kredo
Kredoオンラインキャンプ
スタッフ募集中
Kredoオンラインキャンプ体験談
無料カウンセリングはこちら

セブ島IT留学の「Kredo」が運営するメディア「Kredoblog」

  • プログラミング
    • Web・プログラミング(学習)

    • Web・プログラミング(知識)

    • AI・テクノロジー

    • デザイン

  • 英語学習
    • 英語学習法

    • 英語フレーズ

  • 海外
    • 海外移住

    • 海外留学

    • 海外就職

  • キャリア
    • 転職情報

    • キャリアデザイン

  • Kredo
    • ニュース・キャンペーン情報

    • セブ島情報

    • インタビュー

  • 無料ウェビナーに予約する >
5月申し込み限定授業料半額 kredo it留学オンライン
  • TOP
  • プログラミング
  • デザイン
  • Webデザインサンプル・ギャラリーサイト20選

Webデザインサンプル・ギャラリーサイト20選

Avatar photo
Kredo編集部
公開日:2023.01.01
更新日:2023.01.20
デザイン |
  • ツイート
  • シェア
  • はてな
  • ポケット
 decoding

Webサイトを運営する上で、プロモーション・コンテンツは非常に重要なもの。

しかし、同じくらいにWebデザインも大切です。

とはいえ、毎日Webデザインに関わっていると、なかなかスムーズにアイディアが思い浮かばないこともありますよね。

少年

なにかヒントが欲しい

少女

アイディアのタネを集めておきたい

そう思っている方も多いことでしょう。

そんなWebデザイナーさんは必見!

今回は、

【3つのカテゴリー】
  • 国内で運営されているサンプル・ギャラリーサイト
  • 海外で運営されているサンプル・ギャラリーサイト
  • 特定のパーツデザインのみを集めたサンプル・ギャラリーサイト

上記3つのカテゴリーに分類して、おすすめのWebデザインサンプル・ギャラリーサイトを紹介していきます。

記事のもくじ

  • 国内で運営されているWebデザインサンプル・ギャラリーサイト10選
    • WEBDS.COM
    • MUUUUU.ORG
    • イケサイ
    • I/O 3000
    • straightline bookmark
    • 週刊ウェブデザイン
    • WebDesignSample
    • ウェブ・ファインダー
    • Good Design Web
    • SANKOU!
  • 海外で運営されているWebデザインサンプル・ギャラリーサイト5選
    • AWWWARDS
    • CSS Design Awards
    • Folio Focus
    • One Page Love
    • WeLoveWP
  • 特定のパーツデザインのみを集めたWebデザインサンプル・ギャラリーサイト5選
    • 見出しデザイン.com
    • フッターデザイン.com
    • ファビコンギャラリー.com
    • バナーデザインアーカイブ
    • iconDrop
  • まとめ:Webデザインサンプル・ギャラリーサイトをチェックしてデザインの幅を広げよう

国内で運営されているWebデザインサンプル・ギャラリーサイト10選

まずはチェックがしやすい、国内で運営されているWebデザインのサンプル・ギャラリーサイトをチェックしてみましょう。

各サイトによって取り扱っているジャンル・絞り込み検索の方法などが異なっているので、詳細を見ながら確認してみてください。

WEBDS.COM

WEBDS.COM HP写真 WEBDS.COM

WEBDS.COMは、WEBのギャラリーサイトを目指して運営されている、非営利目的のデザインポータルサイトです。

掲載されているWEBサイトは、35種類のカテゴリー・16種類のテイスト・13種類のカラー分類からデザインを絞り込むことができるようになっています。

気になるデザインをクリックするだけで、直接サイトに飛ぶことも可能です。

広告が少なくて見やすいのも魅力的です。

MUUUUU.ORG

muuuuu.org HP写真

MUUUUU.ORG

縦長サイトのみを取り扱っているのが、MUUUUU.ORGです。

インテリア・ウェディングなどのカテゴリーはもちろん、ECサイト・ポートフォリオサイトなど、サイトの形式ごとに検索をかけられるのも便利。

更新情報を配信しているTwitterアカウントがあるので、いちはやく情報を入手したい方はTwitterも合わせてチェックしておくとよいでしょう。

欲しいカテゴリー・タグなどをFacebook経由で依頼できるのも便利なポイントです。

イケサイ

イケサイの HP写真

イケサイ

名前の通り、イケてるサイトをピックアップして掲載しているサイトです。

広告が多いのは少しデメリットですが、ほぼ毎日2~4サイト追加とかなり更新頻度が高いので、デザインに悩んでいる時期こそチェックしておきましょう。

I/O 3000

io3000.com HP写真

I/O 3000

国内外問わずシンプルなデザインのサイトをまとめています。

このサイト自体がシンプルなデザインなので、見やすさは抜群。

更新頻度が比較的高めなので、毎日チェックするデザインサイトの1つにリスト入りしておくのがおすすめです。

Twitterで更新情報をツイートしているので、更新されたタイミングでサイトをチェックしたいという方はぜひフォローしておきましょう。

straightline bookmark

straightline_bookmark HP写真

straightline bookmark

straightline bookmarkには、2020年3月20日時点で9,000件近いサイトが登録されています。

アカウント登録をすると、お気に入りのサイトをブックマークでき、自分だけのストックコレクションをつくれるのが魅力的です。

ほぼ毎日更新なので、こちらもルーティンの1つに取り入れておくのがおすすめです。

週刊ウェブデザイン

週刊ウェブデザイン HP写真

週刊ウェブデザイン

主に日本のサイトを中心に取り扱っている、週間ウェブデザイン。

現状掲載されているサイト数は3,000件代とあまり多くはありませんが、毎週20件以上追加がされているので、今後より大きなWebデザインサンプル・ギャラリーサイトになっていくこと間違いないでしょう。

ロゴ、写真・イラストの素材もまとめられており、幅広い側面からインスピレーションを受けることができますよ。

WebDesignSample

WebDesignSample HP写真

WebDesignSample

WebDesignSampleは、「みんなで協力してつくっていく」形式のWebデザインギャラリーサイトです。

サイトの下部から自身のおすすめのサイトを追加できるようになっているのが、このサイトならではの特徴。

10種類のカテゴリー・12種類のカラー・7種類のテイストのほか、キーワードでの絞り込みができるなど、検索条件が豊富なのも便利です。

ウェブ・ファインダー

ウェブ・ファインダー HP写真

ウェブ・ファインダー

画面一面にぎっしりとWebサイトが並べられているのが、ウェブ・ファインダー。

PC画面であれば、1度に16サイトのデザインを見ることができます。

ウェブ・ファインダー自体がおしゃれなサイトなので、参考になる部分がたくさんあることでしょう。

Good Design Web

Good Design Web HP写真

Good Design Web

Good Design Webは、spankyさんという方が運営されているWebデザインサンプル・ギャラリーサイトです。

更新頻度は週3、1日に2~4サイトほど。

ECサイト・ファッションなどをはじめとした17種類のカテゴリーと、カラーから絞り込んで気になるサイトをチェックできます。

SANKOU!

SANKOU! HP写真

SANKOU!

カテゴリー・テイストの分類が、かなり豊富なのがSANKOU!。

「ステキな下層ページあり」「ステキなナビゲーション・メニュー」など、独自の観点での分類や、「要素が動く」「イラストが動く」など、アニメーションに特化した分類がある、非常にユニークなWebデザインサンプル・ギャラリーサイトです。

いちはやく自分の希望したイメージに合うサイトを知りたいときにこそぴったり。

海外で運営されているWebデザインサンプル・ギャラリーサイト5選

ここまで日本国内で運営されているWebデザインサンプル・ギャラリーサイトを紹介しましたが、ここからは海外で運営されているWebデザインサンプル・ギャラリーサイトを見ていきましょう。

海外のWebデザインサンプル・ギャラリーサイトのなかには、業界トップのデザイナーの方々から評価が下されていたり、表彰が送られていたりする、本格的なサイトもいくつかあります。

Webデザインの基礎知識をつけたい方はもちろん、よりご自身のデザインスキルをアップさせたい方にもおすすめです。

AWWWARDS

AWWWARDS HP写真

AWWWARDS

それぞれのサイトに、業界でも有名なデザイナーによってデザイン・ユーザビリティ・パフォーマンスなど、複数の観点から点数がつけられているのがAWWWARDSです。

各デザインナー個人がつけた評価点も見ることができるので、具体的にどんな部分が優れているのかも確認できます。

業界最先端のハイレベルなデザインからインスピレーションを受けたい方は必見です。

CSS Design Awards

CSS Design Awards HP写真

CSS Design Awards

受賞者には国際的な専門審査団から、公式の証明書・トロフィーなども送られる、非常に本格的なWebデザインサンプル・ギャラリーサイトが、CSS Design Awardsです。

2020年3月20日時点での審査員は、シニアアートディレクターのシルベイン・ボルガリーノ、UI / UXデザイナーのロマン・サロなど計6名。

掲載されているサイトは、UI・UX・イノベーションの3点から評価されています。

自身のWebサイトを審査に出すこともできるので、チャレンジしてみたい方はぜひ取り組んでみてはいかがでしょうか。

Folio Focus

Folio Focus HP写真

Folio Focus

Folio Focusは、ポートフォリオサイトに特化したWebデザインサンプル・ギャラリーサイトです。

黒・カラフル・グリーンなどの色で絞り検索ができるだけでなく、起業家・フリーランス・ライターなどの雇用形態・職種で絞り込みができるのがユニーク。

自分と同じ仕事をしている方、ポジションで働いている方がどんなポートフォリオサイトを持っているのか見てみるのも面白いかもしれません。

One Page Love

One Page Love HP写真

One Page Love

1ページ完結型のサイトのみを集めたWebデザインサンプル・ギャラリーサイトが、One Page Loveです。

サイト名からも、1ページサイトに対する愛情が伝わってきますよね。

モーションまでは確認できないものの、リンクを飛ばずともOne Page Love内でデザインの全体像をチェックできるのが便利です。

WeLoveWP

WeLoveWP HP写真

WeLoveWP

WordPressのサイトのみを集めたWebデザインサンプル・ギャラリーサイトです。

2020年3月20日時点での掲載件数は4,838件。

デザインは教育・音楽・ポートフォリオなどのカテゴリーからタグ、カラーごとに絞り込み検索ができるようになっています。

WordPressのテーマテンプレートも掲載されているので、おしゃれなテーマを探している方にもおすすめです。

特定のパーツデザインのみを集めたWebデザインサンプル・ギャラリーサイト5選

これまでWebデザイン全体を見られる国内・海外運営のサンプル・ギャラリーサイトを紹介しましたが、デザインをしているなかでは「このパーツだけいいデザインが思いつかない」ということも多いのではないでしょうか。

また、「特定のパーツのデザインのみを受注している」というWebデザイナーの方もいらっしゃることでしょう。

そこで最後に、特定のパーツのみを集めた特化型のサイトを紹介します。

制作することが多いパーツのサイトは、ぜひチェックしてみてください。

見出しデザイン.com

見出しデザイン.com HP写真

見出しデザイン.com

見出しデザイン.comは、その名のとおり見出しのみを集めたデザインサイトです。

グラデーション・囲み線・四角など、デザインによって絞り込み検索できるのが便利ですよ。

フッターデザイン.com

フッターデザイン.com HP写真

フッターデザイン.com

見出しデザイン.comが見出しのみのサイトだったのに対し、フッターデザイン.comはフッターのみを集めたサイトです。

絞り込み検索条件の種類はあまり多くありませんが、特化型ということもあり、気になるデザインの見つけやすさは抜群。

フッターデザインに迷ったときにはまず1番に見たいサイトです。

ファビコンギャラリー.com

ファビコンギャラリー.com HP写真

ファビコンギャラリー.com

ファビコンのみを集めたサイトです。

クリックした先に使用されているサイトが記載されており、直接アクセスができる仕様になっています。

ただファビコンを見るだけでなく、実際にそのサイトを訪問することで、また新たな発見があるかもしれませんね。

バナーデザインアーカイブ

バナーデザインアーカイブ

バナーデザインアーカイブは、バナーに特化したデザインサイトです。

更新は2017年でストップしてしまっているものの、2,129種類とかなり豊富な種類のバナーがまとめられています。

iconDrop

iconDrop HP写真

iconDrop

iOSアプリのアイコンに特化したサイトです。

カラー・カテゴリーでの絞り込み検索はもちろん、キーワード検索ができるようになっている、利便性の高いサイトです。

まとめ:Webデザインサンプル・ギャラリーサイトをチェックしてデザインの幅を広げよう

今回はWebデザインサンプル・ギャラリーサイトを、

【3つのカテゴリー】
  • 国内で運営されているサンプル・ギャラリーサイト
  • 海外で運営されているサンプル・ギャラリーサイト
  • 特定のパーツデザインのみを集めたサンプル・ギャラリーサイト

上記3つのカテゴリーにわけて紹介しました。

デザインの幅を広げるためにも、日々新たなデザインに触れることは非常に重要です。

また、自身のデザインのストックをためておくことで、より仕事をスムーズに進めることができるでしょう。

ぜひ今回紹介したサイトを参考に、毎日新しいデザインに触れるルーティンをつくり、ルーティンの更新をしてみてはいかがでしょうか?

  • ツイート
  • シェア
  • はてな
  • ポケット
この記事を書いた人
Avatar photo
Kredo編集部

Kredo編集部です!Tech、英語学習、キャリア、セブ島留学の情報を発信していきます。

関連記事

  •  decoding
    デザイン

    デザインの勉強におすすめの本10選!未経験からWebデザイナーへ

  •  decoding
    デザイン

    ウェブデザイン技能検定の学習におすすめの参考書を紹介!

  •  decoding
    デザイン

    デザインを勉強したい社会人の方へ「効率的な勉強法」を解説!

  • ウェブデザイン技能検定とは?概要からメリット、勉強方法まで徹底解説!
    デザイン

    ウェブデザイン技能検定とは?概要からメリット、勉強方法まで徹底解説!

よく読まれている記事

  •  decoding

    おすすめ記事

  •  decoding
    2022.12.04

    IT×英語を学ばなければ取り残される!Kredo CEOが日本衰退とIT業界の未来を解説

  •  decoding

    【メディア掲載】Kredoオンラインキャンプを紹介していただいた生徒様、企業様の紹介

  •  decoding

    卒業生インタビュー

IT留学オンライン
新規CTA
無料カウンセリング予約
@KREDO JAPAN Inc. 2023 All rights reserved.
Kredo オンラインキャンプ なぜ、プログラミング×英語なのか 英語が苦手な方へ 体験談 Webデザインコース Webデベロップコース インターン型実践プログラム IT英語コース カウンセリング予約 資料請求
Kredo ラーニング サービスサイト (準備中) KredoIT 留学 (現在Kredoオンラインキャンプに変更) 運営メディア Kredo Blog
運営会社 会社概要 採用情報 利用規約 プライバシーポリシー 特定商取引に基づく表示 お問い合わせ