Work guide

職種別お仕事ガイド

デザイナーに必須!参考になるデザインサイトまとめ

2018.08.14

Webデザインの仕事をしていると、だんだんとアイデアに詰まってしまうこともあるでしょう。
今回はそのようなときにぜひ参考にしたいデザインサイトのまとめを紹介していきます。
見た目だけではなく機能的に優れたサイトも見つかるかもしれません。

Webデザインの参考になるデザインサイト

Webデザインを考えるうえで参考にしたいサイトはいくつもありますが、ここではとりわけおすすめのまとめサイトを紹介していきます。

bookma! v3

bookma! v3

bookma! v3
デザインの参考になるサイトがたくさん掲載されており、カラー・テイスト・カテゴリーなどで参考にしたいデザインサイトを簡単に検索可能です。

Choicely

Choicely

Choicely
Webサイトのデザイン構成が参考になるギャラリーサイトです。コミュニケーション設計に重点を置いたサイトを主にまとめています。

株式会社LIG

株式会社LIG

株式会社LIG
デザインサイトを作るために参考になる記事が掲載されています。視覚的な情報だけではなく文字情報からデザインサイト作成のヒントを得られます。

Handy Web Design

Handy Web Design

Handy Web Design
Webデザインのギャラリーをまとめたサイトです。ギャラリーサイトを検索したいときに使い勝手があります。

厳選!Webデザインギャラリーサイト30

厳選!Webデザインギャラリーサイト30

厳選!Webデザインギャラリーサイト30
国内外のギャラリーサイトをまとめたサイトです。それぞれに特色の異なるギャラリーサイトが見つけられるため、アイデアの参考になるでしょう。

Webデザインブックマークサイト
デザイン的に質が高いサイトをまとめているだけではなく、機能的にも優れたサイトを掲載しています。イケサイは毎日のように新しいデザインサイトがアップされます。最新のデザインやトレンドを知るために活用できるでしょう。

One Page Love
デザインテンプレートの購入が可能なサイトです。無料のものもあるので、気に入ったものを見つけられれば気軽にダウンロードしてみましょう。こちらは英語で書かれたサイトですがページを進めるのは難しいわけではなく、ほとんど直感的に操作できます。

Webデザインクリップ
国内のデザインサイトをまとめています。MyClipに登録すれば、気になるサイトを簡単に見つけることができます。

81-web.com
国内のデザインサイトを集めたギャラリーです。特に写真を上手に使ったサイトを作成したいときの参考になります。WEBデザインの見本帳はモダンなデザインだけではなく、親しみやすいデザインサイトも豊富にまとめられています。印象・色・ジャンルの3つのカテゴリーからデザインを参考にできます。

バナーデザインを考えるための参考サイト

Webデザインに欠かせないものの一つがバナーです。宣伝効果を上げるすてきなバナーデザインを作るためにも、バナーデザインのまとめサイトを参考にしてみてください。

バナーデザインギャラリー

バナーデザインギャラリー

バナーデザインギャラリー
バナー専門のギャラリーサイトです。さまざまなサイズのバナーデザインが集められており、情報重視のものからデザイン重視のものまで、参考にできる例がたくさんあります。

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

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

バナーデザインアーカイブ
不動産や電化製品、健康食品、紳士服のバナーまで幅広いジャンルのものが集められています。クライアントの業界のバナーだけではなく、異業種のものも参考にできるのでアイデア出しのために参考になるでしょう。

レトロバナー

レトロバナー

レトロバナー
タテ型ヨコ型のサイズを問わず、さまざまなバナーのデザインが集められています。色・業種・テイストからも検索できるため、こちらもデザインのヒントを得られます。

バナーデザイン・サンプルデータベース

レバナーデザイン・サンプルデータベース

バナーデザイン・サンプルデータベース
カラー・テイストの2つのカテゴリーで検索をかけることができます。特徴的なのは、バナーだけではなくボタンやタイトルなども参考にできるデザインが掲載されていることです。複数のカテゴリーのデザインを同時に検索できるため、効率的にデザインのアイデアが得られる使い勝手の良いサイトといえます。

スマホ向けのデザインサイトまとめ

スマホ向けのデザインサイトを探しているなら、以下の4つがおすすめです。

iPhoneデザインボックス

iPhoneデザインボックス

iPhoneデザインボックス
大学関係から大企業のサイトまでさまざまな種類のデザインサイトがまとめられています。

sps collection

sps collection

sps collection
視覚的に訴えるデザインサイトを掲載していることが多いまとめサイトで、色やカテゴリーでの検索も可能です。

AGT

AGT

AGT
写真と文字をスタイリッシュに組み合わせたデザインを検索する際に使い勝手があります。国外のデザインサイトも掲載されているので、新鮮なアイデアやセンスのあるデザインを見つけられるでしょう。

Mobile Awesomeness

Mobile Awesomeness
主に海外のスマホ向けデザインを集めたデザインサイトのまとめです。国内のデザインにはないアイデアのヒントを見つけられます。

デザインサイトを参考にしてオリジナルデザインを考えよう

仕事でたくさんのWebデザインを手がけているとマンネリを感じることもあるでしょう。今回紹介したまとめサイトを参考に、さまざまなセンスやアイデアに触れてみることをおすすめします。

デザインサイトのデザインはそのままそっくり同じものを使うのではなく、参考にしつつも自分なりのアイデアを盛り込みましょう。
ぜひ個性的なオリジナルのデザインを作成していってください。

ハタラクを発見 あなたのライフスタイルに合わせて働きたい方は、WSハケン 1つの会社で長くはたらきたいかたは、WSキャリア

人気の記事

サーバーエンジニアを目指すために!必要な勉強情報まとめ

1

コーダーとは?コーダーの業務と求められる能力

2

Webアナリストって何?必要な能力や資格を紹介

3

フロントエンドエンジニアが20代で勉強しておきたいこと

4

Webオペレーターってどんな仕事?仕事内容を徹底解説!

5

サーバーエンジニアを目指すために!必要な勉強情報まとめ

1

コーダーとは?コーダーの業務と求められる能力

2

Webアナリストって何?必要な能力や資格を紹介

3

フロントエンドエンジニアが20代で勉強しておきたいこと

4

Webオペレーターってどんな仕事?仕事内容を徹底解説!

5

ハタラクを発見 もくもく会JS MYCARREER 未経験からWeb業界への転職準備 メタフェイズ で働く 派遣から無期雇用へ

他の職種も見る

  • Webデザイナー

  • コーダー/フロントエンドエンジニア

  • Webプロデューサー/ディレクター

  • Webマーケター

  • システムエンジニア/プログラマ

  • Webオペレーター/サイト運営

  • サーバー・ネットワークエンジニア

  • DTP・グラフィックデザイナー

Career advice

転職のアレコレ。プロに相談したい方へオススメ!

最新のIT・Web業界動向を知るキャリアカウンセラーが行う
「キャリアアドバイス」

ある程度経験を積んだので次のステップにキャリアアップしたい、しばらくWeb業界を離れていたが再度業界に戻りたい、 未経験・経験浅めだがどのように転職活動を行っていったらいいかなど、ウェブスタッフでは様々なご要望に対応したキャリアアドバイスを行っております。

お申込みはこちら

WEB STAFF ウェブスタッフ株式会社

ウェブスタッフは、IT・Web業界専門の求人を取り扱う人材エージェントです。
IT・Webクリエイター・エンジニアの派遣・転職はお任せください。在宅勤務・フリーランスへのキャリアチェンジもサポート。

ページトップへ ページトップへ