MENUCLOSE
twitter ツイッターfeedlyRSS

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

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

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

公開日:2018年04月18日
最終更新日:2018年04月18日
オンスタ運営
デザイン
Webデザイン
ホーム > 全記事一覧 > お知らせ > 「アイデアの参考に!」現役デザイナーが選ぶ【参考サイト】7選
このエントリーをはてなブックマークに追加
「アイデアの参考に!」現役デザイナーが選ぶ【参考サイト】7選
【PR】Udemyならスマホでもタブレットでも、いつでも気軽に学べます。

こんにちはー!Grow Groupデザイナーのさとおです!

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

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

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


【PR】Udemyならスマホでもタブレットでも、いつでも気軽に学べます。

Udemyを実際に体験した方の感想記事もぜひご覧ください♪

関連コンテンツ


Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
WordPressの導入費用はいくら?相場を解説
WordPress
デザイン
公開日: 2018年11月23日
最終更新日: 2018年11月23日
WordPressの導入費用はいくら?相場を解説
  • # WordPress
  • # 導入
  • # 費用
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
修正サクサク!校正記号を正しく覚えよう!
デザイン
公開日: 2018年05月29日
最終更新日: 2018年05月29日
修正サクサク!校正記号を正しく覚えよう!
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
デザイナーが知っておくべきデザイン業界用語集【DTP】
デザイン
公開日: 2018年12月27日
最終更新日: 2022年01月17日
デザイナーが知っておくべきデザイン業界用語集【DTP】
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
【コーディング】実装に悩んだ時に使える便利なCSSテクニック
Webデザイン
マークアップ
公開日: 2018年02月09日
最終更新日: 2018年02月09日
【コーディング】実装に悩んだ時に使える便利なCSSテクニック
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
ロゴマークの基礎知識 その②
デザイン
ロゴ制作
公開日: 2017年08月23日
最終更新日: 2017年08月23日
ロゴマークの基礎知識 その②
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
ロゴマークの基礎知識 その①
デザイン
ロゴ制作
公開日: 2017年07月26日
最終更新日: 2022年01月17日
ロゴマークの基礎知識 その①
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
これがあればデザイナーは助かる!修正を最小限に抑えるためのデザインディレクション
Webデザイン
デザイン
公開日: 2016年12月08日
最終更新日: 2022年01月17日
これがあればデザイナーは助かる!修正を最小限に抑えるためのデザインディレクション
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
これは便利!デザイナー向け【chrome拡張機能】7選!
Webデザイン
デザイナー
デザイン
デザイン
公開日: 2017年10月11日
最終更新日: 2022年01月17日
これは便利!デザイナー向け【chrome拡張機能】7選!
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
オンライン学習サイト比較!Webデザイン・プログラミングを学ぶならココ!(2019年版)
Webデザイン
オンライン学習
プログラミング
マークアップ
公開日: 2019年06月20日
最終更新日: 2022年01月17日
オンライン学習サイト比較!Webデザイン・プログラミングを学ぶならココ!(2019年版)
  • # cocoda!
  • # pickup
  • # Schoo
  • # TECHACADEMY
  • # Udemy
  • # オンライン学習
オンスタ運営

Warning: Trying to access array offset on value of type bool in /home/growgroup/online-study.jp/public_html/wp-content/plugins/wp-word-count/public/class-wpwc-public.php on line 123
グリットデザインを使いこなそう!
Webデザイン
デザイン
公開日: 2017年08月10日
最終更新日: 2017年08月10日
グリットデザインを使いこなそう!
オンスタ運営
全記事一覧

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

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

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

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