今回は、私がWEB制作の際に参考にしているWEBデザイン参考サイトを一挙まとめたいと思います!インスピレーションの一つとして、暇な時にも眺めています。JP.SG_BOOKMARKwebdesignclipw-findergendaidesigniPhoneDesignBoxspscollectionまとめmuuuuu.orgWEBデザイン参考サイトとしてはかなり有名なサイトですので、知っている方も多いかもしれません!縦長のトレンドWEBデザインが多数掲載されています。更新頻度も高く、海外サイトも多く見ることができ、見るだけで勉強になります。下記条件でサイトを絞り込んで探すこともできます。users縦長のwebデザインギャラリー・サイトリンク集|MUUUUU.ORGhttps://muuuuu.org縦長のwebデザインをがむしゃらに集めています。bookmarkこちらも有名なWEB参考サイトです。1日1〜2サイトのペースで追加されているので、いつ見ても新鮮なデザインを見ることができます。listをクリックすると、下記の条件で絞り込みができます。bookmarkhttp://bm.straightline.jpWebデザインの参考・お手本となるサイトを集めた、大きなサムネイルが特徴のWebデザイナー向けWebサイトギャラリー・リンク集。素敵なwebサイトを見つけて、新しいwebデザインのインスピレーションを手にしてください。io3000シンプル系からポップなものまで最新トレンドのWEBサイトが多く更新されています。bookmarkに比べると更新頻度はやや低めですが、その分クオリティの高いサイトを厳選しているような気がします。こちらのサイトも右上のメニューより、絞り込みができます。3000は、Webデザインに関わる人のためのWebデザインギャラリーサイトです。国内外を問わず、Web制作の参考となるサイトをセレクトしています。bookma!最近リニューアルして、PC・SPの両方の表示をひと目で見れるようになりました。上部のスマホアイコンを押すとスマホサイトだけの一覧も見ることができるので、コーダーさんにもおすすめの参考サイトです。絞り込み機能などはありませんが、くまのロゴアイコンを押すと、サイト内検索ができます。pocketshttps://bookma.torch.bluehttps://bookma.torch.blue81-web.com一覧をマウスオンすると、サイトカラーやカテゴリ・タグなどを見ることができます。Facebookでのシェア数やはてブ数も分かるので、みんなが参考にしているサイトが探しやすいです。下記で絞り込み検索もできます。pockets81-web.comhttps://81-web.com「81-web.com」はWebサイト制作に役立つ、日本の優れたデザインのWebデザイン・Webサイトギャラリー&リンク集です。JP私もこのサイトのヘビーユーザーなのですが、PC・タブレット・スマホの表示がひと目で見ることができるのが魅力です。ピックアップされたサイトも他の参考サイトに比べて洗練されたクオリティの高いものが多いので、見るだけで勉強になります。下記で絞り込み検索もできます。日本国内の秀逸なレスポンシブWebデザインを集めたギ...http://responsive-jp.com日本国内の秀逸なレスポンシブWebデザインを集めたギャラリーサイトです。.SG_BOOKMARKこちらは昔からあるWEB参考サイトで、日本のサイトだけでなく海外のWEBサイトも更新されています。下記で絞り込み検索ができます。Webデザインリンク集の.SG_BOOKMARKは、デザイン性の高い洗練されたWebサイトを集めたリンク集です。webデザインの参考に活用ください。webdesignclip2019年2月9日現在、1,800を超えるサイトが登録されています。下記で絞り込み検索ができます。【Webデザインクリップ】https://www.webdesignclip.comWEBデザイン制作の上で参考になるクリエイティブの高いWEBデザインのクリップ集w-finderサイドに絞り込み条件が設定できるようになっており、探しやすい見た目も好きです。下記で絞り込み検索ができます。オシャレなウェブサイトのデザインリンク集http://w-finder.comデザイン性の高い、オシャレなウェブサイトを毎日更新しています。一時的にコレクションページも作成できます!gendaidesignWEB参考サイトの中では珍しい、下層ページのデザインまでひと目で見ることができるサイトです。他の参考サイトは「このサイト良いな」と思っても、下層ページを見たい時はわざわざそのサイトまで行く必要がありますが、このサイトはひと目で下層ページのデザインを確認できるので、下層ページの参考デザインを探したいときにもおすすめです。下記で絞り込み検索ができます。中面/下層ページも見られる現代デザインhttps://gendaidesign.com現代デザインは、Webデザインに関わる人のためにWebサイトのトップページ・中面/下層ページを掲載しているデザインリンク集です。Webサイト制作にご活用ください。iPhoneDesignBoxスマホのWEB参考サイトに特化したサイトです。スマホはメニューの位置やデザインがトレンドによって変わっていくので、そういった部分を参考にするのにもおすすめです。iPhoneデザインボックスhttp://design.web-hon.comiPhoneデザインボックスではスマートフォン向けサイトでクオリティの高いデザイのみをまとめました。下層ページのデザインも見れ、PCサイトの違いも簡単に比較できiPhoneの最適化の参考にもなりますspscollectionこちらもスマホサイトに特化したサイトです。1日1サイトの高頻度なペースで更新されています。下記で絞り込み検索ができます。collectionは技術的・デザイン性に優れたスマートフォンサイトを掲載しているデザインリンク集です。スマートフォンからも閲覧可能です。まとめ様々なWEBデザイン参考サイトをご紹介しましたが、それぞれのサイトに特徴があるので、用途に合わせて使い分けています。社員Aフロントエンドエンジニア・デザイナーの社員Aです。更新頻度が多いかと思います。このブログのテーマも作成しました。ブログの執筆を通じて、やっと日本語Lv.20くらいになれた気がします。株式会社ユニバースです。ホームページデザイン、ECサイトデザインなどWEB制作のトータルサポートを行っております。ホームページ制作やネットショップ運営代行などwebに関するご相談・お見積は、お気軽にお問い合わせください。MAX】2018年10月19日10今話題のLINEのオープンチャットとは?実際に参加してみた2019年09月11。