デザイン 2026-03-09

グラスモーフィズム (Glassmorphism)

背景がすりガラスのように「半透明にぼやけて透ける」エフェクトを多用し、奥行きと浮遊感を演出する近年大流行しているUIデザイントレンド。

グラスモーフィズム (Glassmorphism) とは

AppleがiOSやmacOSなどで積極的に採用し、一気に世界的なトレンドになったWebのUIデザイン手法(スタイル)です。

💡 どんな見た目?

**「磨りガラス越しの景色」**です。 色鮮やかな丸やグラデーションの背景の上に、半透明の白いプラスチックの板(カード)が浮かんでおり、その板の向こう側にある背景が「ぼやけて透けて見える(Blurエフェクト)」のが最大の特徴です。さらにガラスのフチ(境界線)がキラッと光る表現を加えます。

📌 なぜ人気なのか

非常に未来感・サイバー感があり、スタイリッシュな「高級感(プレミアム感)」を演出できるためです。CSSだけで簡単に重い画像を使わず実装できるようになった(backdrop-filter の普及)のも、流行の後押しとなりました。

おすすめの高速レンタルサーバー PR
🎓

ITスキルを動画でマスター

\ 新規受講生 割引実施中 /

React、AWS、Pythonなど、現役エンジニアから直接学べる世界最大級の動画講座。

人気のコースを見る

PR: スポンサーリンク

法人・個人向けサポート 受付中

インフラ構築やトラブル対応で お困りではありませんか?

AWSの構築、社内ネットワーク(VPN/NW)の改善、その他原因不明のITトラブルまで、現役インフラエンジニアが直接サポートします。単発でのご相談や、毎月のスポット顧問契約も可能です。

Sponsored Link

実務で即戦力!ITサポート業務委託契約書テンプレート📝 フリーランスエンジニアや副業のシステム保守案件で、トラブルを劇的に防ぐプロ仕様の雛形。
バグ・要望を報告する