カテゴリー

  • Tech
  • 英語学習
  • セブ島・留学準備
  • キャリア
  • Kredo
KredoのIT留学
スタッフ募集中
留学体験談
無料相談はこちら
セブ島IT留学の「Kredo」が運営するメディア「Kredoblog」
  • TECH Tech
    • Web・プログラミング

      Web・プログラミング

    • テクノロジー

      AI・テクノロジー

  • ENGLISH 英語学習
    • 英語学習法

      英語学習法

    • 英語表現・フレーズ

      英語フレーズ

  • STUDYABROAD セブ島・留学準備
    • 語学留学

      語学留学

    • IT留学

      IT留学

    • セブ島情報

      セブ島情報

  • CAREER キャリア
    • ITキャリア

      ITキャリア

    • 転職・海外就職

      転職・海外就職

    • インタビュー

      インタビュー

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

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

    • CEO・STAFFブログ

      CEO・STAFFブログ

    • IT×英語留学体験談

      IT×英語留学体験談
      [Kredo公式サイトへ]

5月申し込み限定授業料半額 kredo it留学オンライン
  • TOP
  • Tech
  • Web・プログラミング
  • デザイナー必見!Webデザインサンプル・ギャラリーサイト20選

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

Kredo編集部
Kredo編集部
公開日:2020.04.02
更新日:2020.04.07
Web・プログラミング |
  • ツイート
  • シェア
  • はてな
  • ポケット
デザイナー必見!Webデザインサンプル・ギャラリーサイト20選のサムネイル

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

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

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

少年

なにかヒントが欲しい

少女

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

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

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

今回は、

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

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

記事のもくじ

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

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

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

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

Webサイトサンプル・ギャラリーサイト1:WEBDS.COM

WEBDS.COM HP写真 WEBDS.COM

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

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

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

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

Webサイトサンプル・ギャラリーサイト2:MUUUUU.ORG

muuuuu.org HP写真

MUUUUU.ORG

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

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

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

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

Webサイトサンプル・ギャラリーサイト3:イケサイ

イケサイの HP写真

イケサイ

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

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

Webサイトサンプル・ギャラリーサイト4:I/O 3000

io3000.com HP写真

I/O 3000

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

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

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

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

Webサイトサンプル・ギャラリーサイト5:straightline bookmark

straightline_bookmark HP写真

straightline bookmark

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

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

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

Webサイトサンプル・ギャラリーサイト6:週刊ウェブデザイン

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

週刊ウェブデザイン

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

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

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

Webサイトサンプル・ギャラリーサイト7:WebDesignSample

WebDesignSample HP写真

WebDesignSample

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

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

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

Webサイトサンプル・ギャラリーサイト8:ウェブ・ファインダー

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

ウェブ・ファインダー

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

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

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

Webサイトサンプル・ギャラリーサイト9:Good Design Web

Good Design Web HP写真

Good Design Web

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

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

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

Webサイトサンプル・ギャラリーサイト10:SANKOU!

SANKOU! HP写真

SANKOU!

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

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

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

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

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

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

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

Webサイトサンプル・ギャラリーサイト11:AWWWARDS

AWWWARDS HP写真

AWWWARDS

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

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

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

Webサイトサンプル・ギャラリーサイト12:CSS Design Awards

CSS Design Awards HP写真

CSS Design Awards

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

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

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

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

Webサイトサンプル・ギャラリーサイト13:Folio Focus

Folio Focus HP写真

Folio Focus

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

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

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

Webサイトサンプル・ギャラリーサイト14:One Page Love

One Page Love HP写真

One Page Love

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

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

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

Webサイトサンプル・ギャラリーサイト15:WeLoveWP

WeLoveWP HP写真

WeLoveWP

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

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

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

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

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

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

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

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

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

Webサイトサンプル・ギャラリーサイト16:見出しデザイン.com

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

見出しデザイン.com

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

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

Webサイトサンプル・ギャラリーサイト17:フッターデザイン.com

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

フッターデザイン.com

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

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

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

Webサイトサンプル・ギャラリーサイト18:ファビコンギャラリー.com

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

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

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

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

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

Webサイトサンプル・ギャラリーサイト19:バナーデザインアーカイブ

 

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

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

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

Webサイトサンプル・ギャラリーサイト20:iconDrop

iconDrop HP写真

iconDrop

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

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

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

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

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

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

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

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

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

「これからの時代、プログラミングと英語が必要そう…」
それは、間違いではありません。

あと10〜20年の間に、人間が行う仕事の約半分が機械に奪われると言われています。
そのような未来がきたとき、自分自身、そしてあなたの大切な人を守れますか?

セブ島 IT×英語留学の「Kredo」では、
政府公認ITカリキュラム
大学教授レベルのフィリピン人IT教員
スピーキングに特化した英語クラス
日本人スタッフによる学習サポート
などによって、 これからの時代に必要なIT×英語のスキルが
初心者からでも最短で身につきます。

KredoのIT留学で人生を変えてみませんか?

\プログラミングと英語が同時に身につく!/
KredoのIT留学について詳しくみる

Kredo オンラインキャンプなら

新規CTA

プログラミング×英語を身につけてグローバルに活躍しませんか?

当メディアを運営しているKredoでは、プログラミング × 英語が学べる人気オンラインサービス『Kredoオンラインキャンプ』を運営中です。コロナ禍でもオンラインで、プログラミング×英語を身につけた卒業生は海外企業、外資系企業、グローバル企業への就職を果たしています。コロナ禍の今だからこそ、スキルを身につけ転職の準備をしませんか?

Kredo オンラインキャンプへ
  • ツイート
  • シェア
  • はてな
  • ポケット
この記事を書いた人
Kredo編集部
Kredo編集部

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

関連記事

  •  loading
    Web・プログラミング

    【IT転職成功した私が語る】progateが終わったらプログラミングスクール受講が効果的

    2022.06.08
  •  loading
    Web・プログラミング

    【2022年最新】フロントエンドエンジニアを目指せるおすすめスクール5選

    2022.05.16
  •  loading
    Web・プログラミング

    転職保証付きプログラミングスクールは危険!?口コミを元にリアルを解説

    2022.05.02
  •  loading
    Web・プログラミング

    主婦・ママが在宅で・スキマ時間でも学べるプログラミングスクール5選

kredo it 英語 留学

よく読まれている記事

  •  loading
    2022.05.25

    【6/23(木)~ 24(金)20:00 ~ 無料オンラインセミナー】プログラミング×英語を身につけろ!アフターコロナ時代を勝ち抜くキャリア戦略

  •  loading
    2022.04.19

    「好きなことを仕事に」IT初心者からプログラミング×英語を身に付けフリーランスエンジニアへ

  •  loading
    2021.07.08

    【7/4(月)~ 7/8(金)20:00 ~ 無料オンラインセミナー】プログラミング×英語習得で時代に左右されない海外フリーランスを目指す方法

  • Kredo CEO横田猛夫さん
    2019.06.26

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

  • バックエンドエンジニアのコーディングのイメージ画像
    2019.06.05

    未経験でも習得できる実務レベルのプログラミングを学ぶコツを紹介!

IT留学オンライン
新規CTA

まずはお気軽にカウンセラーへご相談ください!

無料カウンセリングを予約する

IT×英語留学体験談

  • 10代
  • 20代
  • 30代
  • 40代~
  • 1〜4週間の短期留学
  • 5〜23週間の中期留学
  • 24週間以上の長期留学
  • WEBベーシックコース
  • WEBデザインコース
  • WEBデベロップコース
  • Ruby on Railsコース
  • AIコース
  • 英語留学コース

Kredo Blog

Tech 英語学習 セブ島・留学準備 キャリア Kredo
クレドページ
学校案内
  • Kredoの想い
  • Kredoが選ばれる理由
  • なぜ今、ITと英語なのか
  • 卒業実績
施設案内
  • 校舎・宿泊施設
  • セブ島・生活環境
留学準備
  • お申し込みまでの流れ
  • ご留学までの準備
  • 現地到着後の流れ
  • 留学中の1日のスケジュール
留学コース・料金[コース概要]
  • コース一覧
  • あなたに合ったコース選び
  • ITクラス・カリキュラム・教員
  • 英語クラス・カリキュラム・教員
  • 留学料金一覧
留学コース・料金[各コース一覧]
  • WEBベーシックコース
  • WEBデザインコース
  • WEBデベロップコース
  • Ruby on Railsコース
  • AIコース
  • 英語留学コース
  • 無料留学プログラム
  • 海外ITインターン留学(LIG)
  • 海外ITインターン留学(Sprobe)
  • 海外ITインターン留学(Alliance)
  • 親子留学 Kredo Kids
その他
  • Kredo Blog
  • Kredoスタッフ
  • 留学体験談
  • よくある質問
  • お問い合わせ
  • 法人のお客様
  • 会社概要
  • KREDO JAPAN株式会社
  • 特定商取引法に基づく表示
  • 採用情報
  • プライバシーポリシー
学校案内
  • Kredoの想い
  • Kredoが選ばれる理由
  • なぜ今、ITと英語なのか
  • 卒業実績
施設案内
  • 校舎・宿泊施設
  • セブ島・生活環境
留学準備
  • お申し込みまでの流れ
  • ご留学までの準備
  • 現地到着後の流れ
  • 留学中の1日のスケジュール
留学コース・料金 [コース概要]
  • コース一覧
  • あなたに合ったコース選び
  • ITクラス・カリキュラム・教員
  • 英語クラス・カリキュラム・教員
  • 留学料金一覧
[各コース一覧]
  • WEBベーシックコース
  • WEBデザインコース
  • WEBデベロップコース
  • Ruby on Railsコース
  • AIコース
  • 英語留学コース
  • 無料留学プログラム
  • 海外ITインターン留学(LIG)
  • 海外ITインターン留学(Sprobe)
  • 海外ITインターン留学(Alliance)
  • 親子留学 Kredo Kids
その他
  • Kredo Blog
  • Kredoスタッフ
  • 留学体験談
  • よくある質問
  • お問い合わせ
  • 法人のお客様
  • 会社概要
  • KREDO JAPAN株式会社
  • 特定商取引法に基づく表示
  • 採用情報
  • プライバシーポリシー
セブ島IT×英語留学の「Kredo」

14th Floor Central Bloc Corporate
Center Tower 1, Block 10, Geonzon St.,
Cebu IT Park, Apas Cebu City

セブ島医療専門の英語学校・看護留学の「HLCA」(姉妹校)

14th Floor Central Bloc Corporate
Center Tower 1, Block 10, Geonzon St.,
Cebu IT Park, Apas Cebu City

スクールやコースをもっと知りたい人へ 資料請求・お問い合わせ

  • fb
  • tw
  • ig
弊社顧問弁護士

Copyright© 2019 KREDO IT ABROAD INC. All rights reserved.