なぜ必要なのか
読者が大きな写真をめくる海辺の写真日記を作るとします。ナビは場所を取らず、必要な時だけ広がるべきです。大きな半透明の情報カードは写真と視線を奪い合います。
どう解決するのか
矢印で写真をめくると、丸く浮いたレンズの下で写真が曲がって見えます。ツールを表示するとカプセルが広がり、不透明表示で光学効果を除けます。リセットで浜辺に戻ります。
矢印で3枚の写真を見られます。ツールは操作レイヤーにまとまります。
浮いた操作部の下で写真がレンズのように曲がります。ツールを開くとカプセルが広がります。特徴を強調したWebの例で、Appleのネイティブ描画ではありません。
本文内の架空のデモです。リセット・再読み込みで初期状態に戻ります。
どんな考え方なのか
Liquid Glassはレンズ効果・反射光・流動的な形の変化を組み合わせるAppleの操作・ナビ用の素材です。グラスモーフィズムは半透明と背景ぼかしを使う、より広い視覚表現です。この強調したWeb模型は画像の変位を使い、Appleのネイティブ光学や自動コントラスト調整は再現しません。
読みやすい文字、動きの軽減、不透明表示が必要です。
この選択を話し合う
コメントは全言語で共有。投稿にはGitHubログインが必要です。