本頁は、WEBデザイン参考サイト と レスポンシブ・SPデザイン参考サイトの続編で、WEBデザインを作成する際に、デザインやモーションのインスピレーションがわくサイトを一覧にしました。
実際にデザイン制作する際に活用しているサイトばかりです。
あなたに合ったサイトを見つけて、デザイン制作時にご活用ください。
Web Design Clip（World）
このWEBサイトの特徴
Web Design Clip のグロバルメニュー（World）です。
海外サイトや海外向けのサイトに特化してデザインが集約されているため、構成やデザイン制作の際に役立つサイトです。
絞り込み検索をしたい場合は、画面右上のハンバーガーメニューをクリックすると、サイトのカラーや業種・デザインの種類などの絞り込みができます。
CSSDesignAwards
このWEBサイトの特徴
スタイリッシュなサイトや、動きのあるサイトなども多く掲載されています。
日本のサイトにマンネリした際に見たくなるサイトです。
WebDesignFile
このWEBサイトの特徴
デザイナーの感性を刺激するオシャレなWEBデザインサイトです。
斬新な配色や動きなど、クオリティの高いものが多いです。
MediaQueris
このWEBサイトの特徴
メディアクエリとレスポンシブWeb デザインを使用したWEBサイトの一覧サイトです。
デバイスのサイズごとに4タイプのデザインで掲載されているため、端末ごとのデザインで参考になります。
デザインの質も、インスピレーションを与えてくれるデザインが多いです。
lapa
このWEBサイトの特徴
ポップなデザインやカッコイイデザインや配置を考えたい時にチェックするサイトです。
文字サイズや配置などが、とても参考になります。
日本のサイトは文字量が多くなりがちなので、スタイリッシュな雰囲気がどうしても崩れがちなので、このサイトを見るとその辺を考慮しつつ、デザインやレイアウトを考えることができます。
straightline
→ straightline_bookmark_english
このWEBサイトの特徴
海外のサイトは、斬新過ぎて使えないサイトなども多い中で、このサイトで掲載されているサイトは、日本でも通用するスタイリッシュでオシャレな海外のサイトが多数掲載されているため、実際のWEBデザイン・サイト作りでも参考になるものばかりです。
awwwards.
このWEBサイトの特徴
色々な国からサイトが投稿され、才能と努力を表彰するサイトです。
ユーザーの投票や審査員による審査（評価基準は、設計・使い勝手・創造性・コンテンツの4つ）が行われているだけのことがあって、スタイリッシュなWEBサイトが多く、このページを見ているだけでインスピレーションがわき＆刺激を受けることができます。
Land-book
このWEBサイトの特徴
レイアウトや文字サイズなど、参考になる多種多様なWebサイトを掲載しています。
siteinspire
このWEBサイトの特徴
インタラクティブなデザインをチェックすることができるサイトです。
国内サイトではあまり使用されない配色が多く、見ていだけで刺激を受けることができます。
デザインは、業種やテイスト・ジャンルなどから選択可能です。
まだまだ海外サイトをチェックしたい方は…
MinimalExhibit
時折、カッコイイサイトを見つけることができます。
→ MinimalExhibit
Best Website Gallery
配色がシブめのサイトや動きが参考になるサイトを見つけることができます。
海外のUIデザインをチェックしたい方は…
Collect UI
UIデザインやページ毎で、海外のWEBデザインをチェックできます。
Screenlane
アプリやランディングページ・サイトなど、海外のWEBデザインをチェックできます。
Code My UI
UIや動きが参考になる海外サイトをチェックできます。
