MENUCLOSE
twitter ツイッターfeedlyRSS

オンスタでは、オンラインで学習するために役立つコンテンツを掲載しています。そのほか、UdemyをはじめとしたEラーニングサービスの紹介も行っています。

オンスタ | オンラインで学習するための近道になるサイト
「アイデアの参考に!」現役デザイナーが選ぶ【参考サイト】7選

「アイデアの参考に!」現役デザイナーが選ぶ【参考サイト】7選

公開日:2019年03月18日
最終更新日:2019年05月29日
オンスタ運営
デザイン
Webデザイン
ホーム > 全記事一覧 > 制作 > デザイナー > デザイン > 「アイデアの参考に!」現役デザイナーが選ぶ【参考サイト】7選

仕事で毎日毎日さまざまなwebサイトのデザインをしていると、突然なんの前触れもなくやってくるアイデアが出ない…という悲劇、デザインをお仕事にされている方は一度は経験があるのではないでしょうか?

他にも、可愛い系・ゴツい系など、デザインテイストの分野によって得意不得意があったりすると、なおさらアイデアに詰まってしまうことがあるかと思います。

大抵デザインの仕事には期限が決められているので、アイデアが出ないという見えない沼にハマってしまうと本当に焦りますよね。

そんなデザインを制作する側の方や、今どきのオシャレなデザインを知りたいと思っているけど、どんなものがあるのかわからないという方のために、今回はわたくし現役デザイナーのさとおが、実際にアイデアの参考にしている更新性の高いサイトをいくつかご紹介したいと思います!!

Webデザインクリップ

Webデザイン制作の上で参考になるクリエイティブの高いWebデザインのリンク集。

たくさんある分、絞り込み検索できるカテゴリ分けの種類が豊富なのがとても便利!

気に入ったものをクリップできるお気に入り機能も嬉しいところです。

右のサイドナビには関連として、採用サイト・スマホサイト・ランディングページそれぞれに特化したページへもリンクしており、本当にたくさんの種類のWebデザインを見ることができます。

カテゴリ分け 国内外  /  業種別  /  メインカラー  /  サブカラー  /  レイアウト  /  フリーワード  /  お気に入り機能
 URL http://www.webdesignclip.com/

レスポンシブWebデザインJP

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

スマホ・タブレット・PCの3画面での見え方が載っているので、一目でそれぞれの端末での見え方がイメージできる点がとても良いです!

Grow Groupではほとんどのサイトでレスポンシブ対応するよう制作しているため、こちらでPCからスマホに切り替わる時にどう組み変わるのか等を確認したりもします。

カテゴリ分け 国内のみ  /  業種別  /  カラー  /  テクニック  /  サイトタイプ
 URL http://responsive-jp.com/

81-web.com

Webサイト制作に役立つ優れたデザインのサイトを集めたギャラリー&リンク集。

1カラムですっきり見やすいサイトです。

サムネイルにカーソルを合わせるだけで、そのカテゴリや使用カラー、キーワードが出てくるので、関連→関連とインスピレーションを繋げていける点で探しやすいです。

日本国内に特化しているので、デザインだけでなくコンテンツの参考としても使いやすく、個人的には一番ストレスなくスラスラ閲覧できるので好きです!

カテゴリ分け 国内のみ  /  業種別  /  カラー  /  キーワードタグ  /  お気に入り機能
 URL http://81-web.com/

I/O 3000

Webデザインに関わる人のためのWebデザインギャラリーサイト。国内外を問わず、Web制作の参考となるサイトをセレクトしています。

どちらかというと海外サイト多めな印象です。

海外サイトならではのおしゃれなタイポフラフィや大胆な写真配置、レイアウトが斬新なものが豊富に揃っています。

サイトそのものの参考というよりは、アイデアやインスピレーションの参考になりそうです。

カテゴリ分け 国内外  /  業種別  /  カラー  /  キーワードタグ  /  アーカイブ
 URL https://io3000.com/

ズロック

かっこいいWebデザインのリンク集ページです。Webデザインの参考に。

左上部にあるSMLのボタンでサムネイルサイズを変更できるので、目的に合わせた見方を選べます。

種類分けでは、「企画がおもしろい」「UIがすばらしい」など、斬新な分け方で素人さんでもわかりやすい仕様になっており、コンテンツの参考にもなるサイトです。

カテゴリ分け 国内外  /  業種別  /  レイアウト   /  カラー  /  サイト種類 /  アーカイブ  / フリーワード
 URL http://www.zzrock.net/

ウェブ・ファインダー

デザイン性の高い、オシャレなウェブサイトを毎日更新。

アニメーションをたっぷり使ったオシャレなサイトが揃っており、アイデア出しの参考になるものがたくさんあります。

一時的にコレクションページを作成することもでき流ので便利です。

カテゴリ分け 国内外  /  業種別  /  カラー  /  テイスト /  サイト種類  / フリーワード / お気に入り機能
 URL http://w-finder.com/

イケサイ

ウェブデザイナーのためのウェブデザイン ポートフォリオサイト。

ほぼ毎日2〜4サイト追加されており、更新性が高いです。

どちらかというとコーポレートサイトや採用サイトが多めな印象です。

カテゴリ分け 国内外  /  業種別  /  カラー  /  ピックアップ
 URL https://www.ikesai.com/

さいごに

いかがでしたでしょうか?

他にもサイト集はたくさんありますが、個人的によく参考にするサイトをご紹介させていただきました!

Webデザインは技術に進歩や流行とともに日々進化します。

アイデアに困った時のためだけでなく、今後のデザインの引き出しを増やすためにも良いものをたくさん見て、デザインの進化についていきましょう!

以上、デザイナーのさとおでした!読んでいただきありがとうございました!

関連コンテンツ

游ゴシックのテキストをIEで表示すると謎の余白ができる【問題検証と対策】
デザイン
マークアップ
公開日: 2019年03月30日
最終更新日: 2019年09月02日
游ゴシックのテキストをIEで表示すると謎の余白ができる【問題検証と対策】
オンスタ運営
デザイナーのキャリアアップ(デザイナーがキャリアアップするための道のり-最終章)
デザイナー
デザイン
公開日: 2017年01月29日
最終更新日: 2019年05月28日
デザイナーのキャリアアップ(デザイナーがキャリアアップするための道のり-最終章)
オンスタ運営
デザイン制作で、色を選ぶのに困っていませんか?
デザイナー
デザイン
公開日: 2019年03月13日
最終更新日: 2019年05月28日
デザイン制作で、色を選ぶのに困っていませんか?
オンスタ運営
デザイナーが成長するには(デザイナーがキャリアアップするための道のり-其の2)
デザイナー
デザイン
公開日: 2017年01月16日
最終更新日: 2019年05月28日
デザイナーが成長するには(デザイナーがキャリアアップするための道のり-其の2)
オンスタ運営
Webデザインで取り入れたい!心理学を使ってユーザーを誘導する方法
Webデザイン
デザイン
公開日: 2017年01月18日
最終更新日: 2019年05月28日
Webデザインで取り入れたい!心理学を使ってユーザーを誘導する方法
オンスタ運営
デザイナーとカメラ撮影
デザイナー
デザイン
公開日: 2017年06月16日
最終更新日: 2019年05月28日
デザイナーとカメラ撮影
オンスタ運営
ロゴマークの基礎知識 その②
デザイン
ロゴ制作
公開日: 2018年08月23日
最終更新日: 2019年05月28日
ロゴマークの基礎知識 その②
オンスタ運営
Adobe XDに待望の新機能!共同編集機能がリリース!webデザイナーさん必見です!
Webデザイン
web担当者
ツール
デザイナー
制作
公開日: 2019年11月06日
最終更新日: 2019年11月06日
Adobe XDに待望の新機能!共同編集機能がリリース!webデザイナーさん必見です!
  • # Adobe XD
  • # 共同編集
  • # 新機能
オンスタ運営
知っておきたい!Photoshopを使ってできることを大公開
Webデザイン
公開日: 2019年06月14日
最終更新日: 2019年06月18日
知っておきたい!Photoshopを使ってできることを大公開
  • # Photoshop
  • # pickup
  • # できること
オンスタ運営
これがあればデザイナーは助かる!修正を最小限に抑えるためのデザインディレクション
Webデザイン
デザイン
公開日: 2016年12月08日
最終更新日: 2019年05月28日
これがあればデザイナーは助かる!修正を最小限に抑えるためのデザインディレクション
オンスタ運営
全記事一覧

web制作者にオススメのオンライン学習サイト「Udemy」

世界最大級のコースがラインナップ!電子書籍サイト「Udemy」

世界最大級のコースがラインナップ!オンライン学習サイト「Udemy」

「Udemy」ではいつでもどんなトピックでも、専門家が教える何千ものコースを用意されており、無料で学べるコースも多数あります。もうちょっと勉強したいな。スキルアップしたいな。と思ったら是非チェックしてみてください。