Liquid Glass

なぜ必要なのか

豊かなコンテンツの上でも操作道具を使い続けたい。道具を内容のカードと区別できる層が必要です。

作業三件とメモ二件の画面で一件を完了すると、進捗は1 / 3、33%になります。絞り込みやメモ展開を試し、リセットで初期状態と比べます。不透明パネルで透明感をなくせます。

同じプロジェクト作業室でスタイルを比較

プロジェクト / 今日 · 01

資料を集め、方向を描き、言葉を整えます。3つの小さな作業で、考えの伝わる作業室をつくります。

状態

本文内の架空のデモです。リセット・再読み込みで初期状態に戻ります。

Liquid Glassはコンテンツの上に動的で透明な操作層を置きます。このウェブ例は視覚的特徴の再現で、Appleのネイティブ描画とは異なります。

透明な面にはコントラスト確認と不透明な代替が必要です。