リキッドガラス
Liquid Glass
水滴や厚いガラスのように、光がにじんで屈折して見える透明な部品のデザイン。
別名iOS 26風液体ガラスLiquid Glass
見た目の特徴
- ほぼ透明で厚みのあるガラス
- 縁が光を反射してきらっと光る
- 後ろの色が少しゆがんで見える
- 丸いカプセル形のボタン
色の組み合わせ （押すと色のコードをコピー）
合うフォントの例
SF Pro（Inter で代用）Noto Sans JP
どこで使われている？
- よく見かける場所
- iOS 26 以降の iPhone、macOS Tahoe
- 使うとよい場面
- 写真や鮮やかな背景を生かしながら、操作部品を重ねたいとき
- 避けたい場面
- 白い背景だけの画面（透明さがわからない）
- 向いているもの
- スマホアプリのメニュー、音楽プレイヤー、写真アプリ
補足2025年にAppleがiOS 26などで採用したデザインの名前です。グラスモーフィズムより、さらに透明で立体的です。
似ている雰囲気と見比べる
AIへの指示文
Webサイト を作るときの指示文です。作るものは右上の「何を作る？」で変えられます。
Webサイトを「リキッドガラス（Liquid Glass）」のデザインで作ってください。 見た目：ほぼ透明で厚みのあるガラスのような部品にし、縁を白く光らせ、後ろを少しぼかして色をにじませる。ボタンは丸いカプセル形にする。 特徴：ほぼ透明で厚みのあるガラス／縁が光を反射してきらっと光る／後ろの色が少しゆがんで見える／丸いカプセル形のボタン 色：背景 #FF9A62、ガラス #FFFFFF33、縁の光 #FFFFFF、文字 #0F0F14、青 #2F7BFF フォントの例：SF Pro（Inter で代用）、Noto Sans JP