ホームkeyboard_double_arrow_rightナレッジブログkeyboard_double_arrow_right「アイデアの参考に!」現役デザイナーが選ぶ【参考サイト】7選

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

さとお
  • デザイン
  • Webデザイン
公開: 2018.04.18 更新: 2022.01.17

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

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

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

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

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

Webデザインクリップ

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

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

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

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

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

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

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

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

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

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

81-web.com

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

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

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

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

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

I/O 3000

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

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

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

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

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

ズロック

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

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

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

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

ウェブ・ファインダー

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

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

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

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

イケサイ

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

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

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

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

さいごに

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

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

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

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

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

制作の流れについて
  • 制作の流れ
  • 制作フェーズ
  • 運⽤フェーズ
  • お問い合わせ
  • 会社概要
GrowGroupの会社概要をはじめ、
成功事例などをご紹介しています。
  • 会社概要
  • 制作実績
  • 事業コンセプト
  • 会社概要
見積もりを依頼する見積もりを依頼する
顧客の課題解決を行い、成果を上げたGrowGroupの成功事例
GrowGroupは、ただただ制作するだけではありません。ご依頼の背景、⽬的からWebサイトの⽅向性を⾒極め「⽬的の達成」を第⼀に制作しています。

著者情報
デザイナー
さとお

甘いものより炭水化物派のデザイナーさとおです!
よろしくお願いします。


弊社エンジニアが執筆したWordPress標準デザイン講座が出版されています弊社エンジニアが執筆したWordPress標準デザイン講座が出版されています
メルマガ登録に登録するメルマガ登録に登録する