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
コピペ実装!CSSだけでフォームのUI改善**サンプルコード7選
テクノロジー
デザイン
マークアップ
公開日: 2021年04月22日
最終更新日: 2021年04月22日
コピペ実装!CSSだけでフォームのUI改善**サンプルコード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
【初心者向け】Adobe XDでオープニングアニメーションを作ってみよう!
デザイン
Webデザイン
公開日: 2021年07月21日
最終更新日: 2021年07月21日
【初心者向け】Adobe XDでオープニングアニメーションを作ってみよう!
h.onishi

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年03月30日
最終更新日: 2018年03月30日
デザイナーに資格は必要なの・・・!?【デザイナーが取れる資格まとめ】
オンスタ運営

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デザイナー、DTPデザイナーが取れる資格まとめ
デザイン
公開日: 2019年03月30日
最終更新日: 2022年01月17日
Webデザイナー、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
これは便利!デザイナー向け【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用に使われる画像形式の基礎と特徴
マークアップ
Webデザイン
公開日: 2018年05月19日
最終更新日: 2018年05月19日
WEB用に使われる画像形式の基礎と特徴
オンスタ運営

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だけで作れるお洒落で使いやすいボタン◉サンプルコード12選
マークアップ
Webデザイン
公開日: 2018年03月02日
最終更新日: 2018年03月02日
コピペ実装!CSSだけで作れるお洒落で使いやすいボタン◉サンプルコード12選
オンスタ運営

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
デザイナーとしてのプロ意識(デザイナーがキャリアアップするための道のり-其の1)
デザイナー
デザイン
公開日: 2016年12月19日
最終更新日: 2022年01月17日
デザイナーとしてのプロ意識(デザイナーがキャリアアップするための道のり-其の1)
オンスタ運営

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
游ゴシックのテキストをIEで表示すると謎の余白ができる【問題検証と対策】
マークアップ
デザイン
公開日: 2018年03月30日
最終更新日: 2022年01月17日
游ゴシックのテキストをIEで表示すると謎の余白ができる【問題検証と対策】
オンスタ運営

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年01月18日
最終更新日: 2017年01月18日
【ペルソナマーケティング】と【ホームページ制作の関係性】
オンスタ運営
全記事一覧

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

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

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

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