流行のデザインを知りたいというディレクターや、クリエイティブな力を身に着けたいデザイナー向けに、業種・レイアウト・カラーなど、さまざまな条件で検索できるリンク集をまとめてみました。参考になるWebサイトが見つかれば、知見が広がるだけでなくクライアントとのコミュニケーションも円滑に進められるかと思います。S5-Style2021年3月23日時点で約7800サイトの登録されているリンク集です。サムネイルが大きくて見やすく、一度に8~12サイトのデザインが見れます。業種・雰囲気・カラー・Web技術・サイトの種類など、多岐にわたる検索で絞り込みができます。81-web.com最新のクリエイティブなデザインが多数掲載されているリンク集です。気に入ったデザインは、サムネイル下の+ボタンを押せば簡単にお気に入り登録できます。サイトを訪れなくてもプレビューが表示できるようになっています。検索は、業種とカラーが複数軸で選べるほか、タグやWebフォントで絞り込みもできます。Awwwards世界中のハイクオリティかつクリエイティブなデザインのサイトを表彰するサイトです。グラフィカルなデザインや斬新なアニメーションなど、自由でセンセーショナルなWebサイトが集っています。TemplateHTMLテンプレートのサイトですが、よくあるユーザインタフェースの派生系や似たようなデザインを探すのに便利です。サイトレイアウトを検討するのにも使えそうです。3000少し大きめのサムネイルなので細かいデザインも見ながら閲覧できます。シャッフル機能があり、おまかせでデザインを一覧できる機能があります。Land-book海外のランディングページ(LP)を集めたリンク集です。全体的にホワイトスペースが多めのサイトが集められています。LP、ECサイト、ブログなど、普段見かけるサイトカテゴリーで絞り込めるので、同業とデザインを差別化したいときにも利用できます。アーカイブ日本のランディングページ(LP)を集めたリンク集です。ランディングページにあわせて縦長のサムネイルになっているため、ページの雰囲気がつかみやすくなっています。JPレスポンシブデザインのWebサイトを扱ったリンク集です。スマートフォン・タブレット・パソコンの3枚のサムネイルが並んでいるため、どのように変化するかが一見できます。レスポンシブデザインの参考例を紹介するのにも役立つかもしれません。Siteinspire海外のWebデザインリンク集です。それぞれの紹介ページでは、そのサイトに類似するデザインも一覧されているため、デザインの比較検討ができす。Designsブログ形式の大型のサムネイルのため、1サイトごとのデザインをじっくり観察できます。ファーストビューの大型サムネイルのほか、ページのハイライトとなるスクリーンショットが2枚あるので、Webデザインの要約を掴むことも出できそうです。自由なキーワードで検索できるほか、タグでデザインの絞り込みができます。Clip秀逸なデザインのWebサイトが高頻度にアップデートされているリンク集です。ランディングページWebデザインクリップも要チェックです。DESIGNERS業種・色・地域など多岐に渡ってカテゴライズされているリンク集です。対応デバイスでも絞込できます。詳細ページでは、そのサイトに類似するデザインも一覧されています。現代デザイン下層ページのデザインもサムネイルで掲載されているサイトです。セカンドページのデザインが一覧できるため、トップページとの差や表示項目など、より広い視点で見れます。Web国内外の秀逸なWebサイトが紹介されています。コーポレートサイトからブランディングサイトまで数多く掲載されています。詳細ページにはサイトのスクリーンショットがあり、サイトに飛ばなくてもデザインが見れます。MUUUUU.ORG最新のトレンドを意識したハイクオリティなWebデザインを集められているサイトです。検索では「シズル感」や「パララックス(視差効果)」など、デザイナー目線でのキーワードもあり、イメージしているデザインをすぐ探せます。bookmark2021年3月23日現在、約9300を超えるサイトを紹介しています。サムネイルの大きさを変えたり、カラーや業種、言語、レイアウトなどのタグで絞込できるなど、申し分ないリンク集です。ユーザによるお気に入り数も表示されています。Web個性的なデザインのリンク集ですが、ここに集められるWebデザインは他のサイトで見ないようなものばかりです。いろいろなまとめサイトを見ていて、探しているものが見つからないな、と思ったらこのサイトを訪れてみてください。新しいひらめきが生まれるかもしれません。Love海外のシングルページWebデザインが厳選されたコレクションサイトです。機能的なデザインから芸術性の高いデザインまで、さまざまなジャンルのデザインが掲載されています。各ページには注目すべき機能と、Webデザイン全体が見れるスクリーンショットもあります。SiiimpleミニマリズムなWebサイトが集められたリンク集です。テキストベースのデザインアイデアがたくさん詰まっているので、画像とテキストだけを使ったさまざまなレアウトパターンを実現したいときに参考になります。似たようなデザインにも思えますが、さらに40種類を超えるカテゴリーから検索することもできます。掲載数*1614Siiimple*掲載数は、2021年3月23日現在のものです。公式情報のほか、任意で調査した数値も含みます。まとめここまで全19サイト紹介してきました。どのリンク集もさまざまな機能があり、それぞれの特徴を使い分けながら、参考にしたいWebデザインや技術などを見けていければなと思います。Chrome向け一括ブックマークファイルを用意しました今回ご紹介した19のまとめサイトを、一括でブックマークできるファイルを用意しました。ひとつひとつ開いてブックマークすることなく、お使いのブラウザにサイトを取り込むことができます。Chrome向けに作成していますが、最新版のEdgeやFirefoxにもインポートできます。Inspirations.html)上記ファイルをダウンロードしたのち、Chromeでは以下のようにインポートしてください。Inspirations.htmlを選択してください。Inspirations」フォルダがあり、その中にまとめサイトがリストされています。お好きな場所に移動してお使いください。佐々木2014年入社。安定感や清潔感のあるデザインが得意。CMSに導入しやすい効率的かつ保守性の高いマークアップができ、デザイナーながらフロントエンドの技術も有する。旅と写真が好きだが、地図を眺めていて1日が終わることがよくある。2024年08月20日2024.08.20ブログ一覧を見る資料ダウンロードDownload会社案内や非公開の制作実績をPDFでご用意しております。ご自由にダウンロードください。お問い合わせContactWeb制作・サービスに関するご相談を承ります。お気軽にお問い合わせください。