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デザインは技術に進歩や流行とともに日々進化します。

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

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

関連コンテンツ

日本語フォントの役割と分類を知って、適切なフォント選びをしよう!
デザイン
公開日: 2017年02月17日
最終更新日: 2019年08月02日
日本語フォントの役割と分類を知って、適切なフォント選びをしよう!
オンスタ運営
デザイナーとして向上するための本質を見極めるデザイン
デザイン
デザイナー
公開日: 2016年12月05日
最終更新日: 2019年05月28日
デザイナーとして向上するための本質を見極めるデザイン
オンスタ運営
WEB用に使われる画像形式の基礎と特徴
マークアップ
Webデザイン
公開日: 2019年04月19日
最終更新日: 2019年06月15日
WEB用に使われる画像形式の基礎と特徴
オンスタ運営
グリットデザインを使いこなそう!
デザイン
Webデザイン
公開日: 2018年08月10日
最終更新日: 2019年05月28日
グリットデザインを使いこなそう!
オンスタ運営
Webデザインで取り入れたい!心理学を使ってユーザーを誘導する方法
デザイン
Webデザイン
公開日: 2017年01月18日
最終更新日: 2019年05月28日
Webデザインで取り入れたい!心理学を使ってユーザーを誘導する方法
オンスタ運営
WEBアクセシビリティとは
デザイン
公開日: 2018年09月23日
最終更新日: 2019年05月28日
WEBアクセシビリティとは
オンスタ運営
デザイン制作で、色を選ぶのに困っていませんか?
デザイン
デザイナー
公開日: 2019年03月13日
最終更新日: 2019年05月28日
デザイン制作で、色を選ぶのに困っていませんか?
オンスタ運営
Webデザイナー、DTPデザイナーが取れる資格まとめ
デザイン
公開日: 2019年03月30日
最終更新日: 2019年06月21日
Webデザイナー、DTPデザイナーが取れる資格まとめ
オンスタ運営
ロゴマークの基礎知識 その②
デザイン
ロゴ制作
公開日: 2018年08月23日
最終更新日: 2019年05月28日
ロゴマークの基礎知識 その②
オンスタ運営
パンフレット・リーフレットの違いと活用方法
デザイン
パンフレット
公開日: 2018年09月06日
最終更新日: 2019年05月28日
パンフレット・リーフレットの違いと活用方法
オンスタ運営
全記事一覧

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

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

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

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