2020/03/13 LP幹事を追加し、7選⇛8選になりました。
仕事で毎日毎日さまざまな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/ |
LP幹事
LPのデザインがまとめられたサイト。
LPに特化したデザインがまとまっています。様々な条件でLPのデザイン事例を探せます。
PC/スマホのそれぞれのデザインを簡単に確認できるのも便利ですね!
カテゴリ分け | 業界別 / カラー / イメージ |
URL | https://lp-kanji.com/ |
さいごに
いかがでしたでしょうか?
他にもサイト集はたくさんありますが、個人的によく参考にするサイトをご紹介させていただきました!
Webデザインは技術に進歩や流行とともに日々進化します。
アイデアに困った時のためだけでなく、今後のデザインの引き出しを増やすためにも良いものをたくさん見て、デザインの進化についていきましょう!
以上、デザイナーのさとおでした!読んでいただきありがとうございました!
Udemyを実際に体験した方の感想記事もぜひご覧ください♪