Trend / Overseas

海外のWebデザイン参考集

Awwwards などで評価された海外のコーポレートサイト、SaaSのプロダクトサイト、スタジオのポートフォリオを、日本語の解説付きで紹介する特集です。

いまの海外サイトの傾向4 points

  1. 01WebGL・Three.js による3D表現と、Lenis などの慣性スクロールを組み合わせたサイトが引き続き多い。
  2. 02欧文の大きなタイポグラフィを主役にし、写真や映像は余白と対比させて見せるレイアウトが主流。
  3. 03SaaS・AI系はダーク基調に1色の強いアクセントを置き、プロダクトUIのスクリーンショットで説得する構成が定番。
  4. 04Webflow・Framer・Next.js など、ノーコードとフレームワークの両方で高品質なサイトが作られている。

海外サイトについてよくある質問

海外のおしゃれなWebデザインの参考サイトはどこで探せる？

Katapickの「海外」特集で、Awwwards などで評価された公開18か月以内の海外サイトを日本語の解説付きで掲載しています。配色・フォントの無料代替や構成も確認できます。

海外サイトのフォントを日本語サイトで再現するには？

欧文は Google Fonts の近いフォント（例: Inter, Manrope, Space Grotesk 等）で代替し、和文は Noto Sans JP や Zen Kaku Gothic などと組み合わせます。各サイトの解説ページに無料の代替フォントを記載しています。