新デザインとLiquid Glassの活用事例

最新版のデザインギャラリーで、さまざまな規模のデベロッパチームが新デザインとLiquid Glassを活用し、Appleプラットフォーム全体で自然かつ応答性に優れた体験を生み出している事例をご覧ください。

オリジナルギャラリーを見る
AllTrails
AllTrails, Inc.
App Storeで見る

AllTrailsでは、iOS 26のデザイン刷新に伴い、タブバー、ツールバーのガラスボタン、ズームトランジションが大幅に改善されました。詳細情報ページでは、Liquid Glassのナビゲーションボタンがトレイル写真の上に浮かびます。また、ヒーロー画像がコンパクトなLiquid Glassのナビゲーションバーへとスムーズに折りたたまれます。

iOS 18

AllTrailsアプリのインターフェイス(従来のデザイン)

iOS 26

CARROT Weather
Grailr LLC
App Storeで見る

世界征服を夢見るロボットの皮肉なコメントは健在ですが、このほかに類を見ないお天気アプリは全体的にフレッシュな新しいルックを手に入れました。特に「Radar(レーダー)」タブでマップをパンするとその変化が際立ちます。アプリの構成もよりシンプルになりました。デベロッパのBrian Mueller氏が下部ツールバーのタブ数を減らし、よりすっきりした操作感を実現しています。(また、彼は本格的なミュージカルまで手がけました。厳密にはデザインの話ではありませんが、それもまた驚くべき功績です。)

iOS 18

CARROT Weatherアプリのインターフェイス(従来のデザイン)

iOS 26

Fantastical
Flexibits Inc.
App Storeで見る

新しくなったFantasticalでは、上部のナビゲーションバーにあったカレンダーと検索のコントロールがLiquid Glassの下部ツールバーに移動し、イベント表示に使える貴重な縦方向のスペースが確保されました。また、DayTickerが縦方向のイベントリストと連動して横スクロールするほか、Liquid Glassのビュー切り替えポップオーバーでDayTicker、カレンダー、週、月などの表示を手軽に切り替えられます。

iOS 18

Fantasticalアプリのインターフェイス(従来のデザイン)

iOS 26

Denim
Feel Good Tech LLP
App Storeで見る

このプレイリストカバーデザインアプリでは、Liquid Glassのツールバーコントロールがダークのキャンバスにうまく溶け込んでいます。「元に戻す」と「やり直す」のボタンが新デザインを採用し、カバーアートのテキストラベルも新鮮な見た目に生まれ変わりました。

iOS 18

Denimアプリのインターフェイス(従来のデザイン)

iOS 26

Kroger
The Kroger Co.
App Storeで見る

過去15年間で最も包括的なアプリの刷新により、Krogerでの食料品の購入体験はまったく新しくなりました。検索を独立したタブとして追加したことで、どの画面からでも検索できるようになりました。商品を手軽に見つけられるだけでなく、料理のアイデアを探すスペースにもさらにゆとりが生まれました。そして、Liquid Glassデザインの「Delivery(配達)」または「Pickup(店舗受け取り)」ツールバーがショッピング中も常に浮かんで表示されており、タップ1つで選択できます。

iOS 18

Krogerアプリのインターフェイス(従来のデザイン)

iOS 26

FotMob
FotMob
App Storeで見る

サッカーのスコアをチェックできるFotMobアプリは、Liquid Glassを採用してナビゲーションバーとタブバーを刷新しました。新しいデザインでは、シーズン選択メニューを開くと、大きなLiquid Glassのオーバーレイが表示されます。またチームのページでは、Liquid Glassのツールバーボタンの色合いが、各チームのテーマカラーに合わせて変化するという、洗練された自然なデザインが光ります。

iOS 18

FotMobアプリのインターフェイス(従来のデザイン)

iOS 26

Moises
Music.ai
App Storeで見る

AI搭載の音楽アプリMoisesは、まとめられたツールバーと、オーディオ再生中にマルチトラックの波形の上部で水平方向にスクロールするコードマーカーを採用することで、洗練されたルックを実現しています。楽器分離トラックはより広いキャンバススペースを活用でき、再生コントロール(イントロ、ヴァース、コーラスなどの楽曲セクションをリアルタイムでスクラブできる機能などを搭載)は、画面下部に配置したことで、安定感が高まりアクセスしやすくなっています。

iPadOS 18

Moisesアプリのインターフェイス(従来のデザイン)

iPadOS 26

KaraFun
Recisio
App Storeで見る

このカラオケアプリのダークテーマの曲ライブラリは、新デザインによってビジュアルが向上しました。目を引くプレイリストカバー画像が曲リストの先頭に表示されるようになったほか、下部のLiquid Glassのタブバーには、アプリのアクセントカラーであるピンクを際立たせる温かみのある半透明の輝きが加わりました。曲のリストをスクロールしたり、「Discover(発見)」ページのプレイリスト、クイズ、ジャンルカードを閲覧したりすると、大きなタイトルがコンパクトなナビゲーションバーになめらかに折りたたまれます。

iOS 18

KaraFunアプリのインターフェイス(従来のデザイン)

iOS 26

Bigin
Zoho
App Storeで見る

CRMアプリであるBiginは、ナビゲーションを上部のタブバーからLiquid Glassを活かした下部のバーに移したことで、連絡先、会社、製品にアクセスしやすくなりました。iPadの画面で、3列のレイアウトが特に際立ちます。連絡先の電話ボタンをタップすると、複数の番号を表示するLiquid Glassのポップオーバーが開きます。「+」ボタンを押すとネストされたポップオーバーメニューが表示され、メモ、タスク、イベントなどを作成できます。

iPadOS 18

CRMアプリBiginのインターフェイス(従来のデザイン)

iPadOS 26

DROMI
フェンリル株式会社
App Storeで見る

iPad向けのストーリーボード作成アプリDROMIは、上部のツールバーを整理して、すっきりとしたコントロールグループにまとめました。オーディオをインポートする際、Liquid Glassを背景に使ったファイル選択モーダルが表示され、その下にはストーリーボードのキャンバスと注釈がそのまま見えています。ストーリーボードの概要ビューやフレームごとの注釈ビューでも、統一感のある半透明のツールバーが同様に表示されます。

iPadOS 18

ストーリーボード作成アプリDROMIのインターフェイス(従来のデザイン)

iPadOS 26

SketchPro
4Axis Technologies
App Storeで見る

ツールバーアイコンを上部にコンパクトにグループ化した、iPadでのSketchProの描画キャンバスでは、よりイマーシブな環境で作業できます。背景が半透明のブラシパネルはアートワークの上にさりげなく浮かび、木炭ブラシ、選択ツール、対称描画モードなどの間で切り替えても、キャンバスが常に前面でメインに表示されます。

iPadOS 18

描画アプリSketchProのインターフェイス(従来のデザイン)

iPadOS 26

Trello
Trello, Inc.
App Storeで見る

Trelloのボード概要画面では、Liquid Glassのタブバーを活かした新デザインにより、ソフトでモダンな印象の画面でプロジェクト管理を行えます。「Inbox(受信ボックス)」カードが紫色に彩られているほか、システムキーボード自体にも半透明デザインを採用。検索の際は、ボードカードの色が各キーにほんのりと映ります。

iOS 18

Trelloアプリのインターフェイス(従来のデザイン)

iOS 26

Trelloアプリ(タブバーにLiquid Glassを活用)
Mockup
Apprime Studio
App Storeで見る

iPad向けのプロトタイピングツールであるMockupでは、上部のツールバーを整理して、関連するデザインツールをまとめています。右側のインスペクタパネルは、「Appearance(外観)」と「Effects(エフェクト)」という新しいセクションが追加され、よりすっきりとしたレイアウトになりました。デザイナーがモックアップ要素にLiquid Glassを直接適用できる、「Glass Effect(ガラスエフェクト)」のトグルも利用できます。

iPadOS 18

プロトタイピングアプリMockupのインターフェイス(従来のデザイン)

iPadOS 26

プロトタイピングアプリMockup(インスペクタパネルにLiquid Glassを活用)
GoodLinks
Ngoc Luu
App Storeで見る

Mac向けアプリGoodLinksはmacOS 26 TahoeのLiquid Glassツールバーを採用しており、ウインドウコントロール、ナビゲーション、アクションボタンを、アプリのコンテンツが透けて見える半透明のバーに配置しています。テキストのハイライトや注釈付けは自然な操作感です。ハイライトしたテキストを右クリックすると、Liquid Glassのコンテキストメニュー(色のオプション、メモ、共有、検索など)が表示されます。

macOS 15

MacでのGoodLinksアプリ(従来のデザイン)

macOS 26

MacでのGoodLinksアプリ(ツールバーにLiquid Glassを活用)
Tasks
Msquare Labs Technologies
App Storeで見る

このタスク管理アプリは、iOSインターフェイスをシンプルにしながら、充実した整理/効率化ツールを追加しています。スマートリスト、プロジェクト、ネストされたタグはホーム画面から手軽に閲覧でき、「+」をタップすると、タスク、プロジェクト、フィルタ、フォルダを作成するためのフローティングポップオーバーが表示されます。

iOS 18

Tasksアプリのインターフェイス(従来のデザイン)

iOS 26

LazyFit
Next Vision Limited
App Storeで見る

iPad向けアプリのLazyFitは、新デザインを取り入れたことで特に劇的に変化しました。ワークアウト動画の画面も刷新され、新デザインを採用した再生、一時停止、スキップなどのコントロールがエクササイズ映像の上に浮かびます。

iPadOS 18

iPadでのLazyFitアプリ(従来のデザイン)

iPadOS 26

Monzo
Monzo Bank Ltd.
App Storeで見る

英国で利用されているデジタルバンキングアプリMonzoは、新デザインをいち早く導入した金融アプリの1つです。Liquid Glassの見事な取り入れ方の例として、刷新されたタブバー、グループ化されたツールバーアイコン、美しいネイティブアニメーションが挙げられます。

iOS 18

Monzoアプリのインターフェイス(従来のデザイン)

iOS 26

Le Monde
Societe Editrice du Monde
App Storeで見る

このニュースアプリでは、なめらかに動く半透明のナビゲーションバーや、スクロールに合わせてエレガントに消える浮かび上がったタブバーによって、よりイマーシブな閲覧体験が提供され、読者は最新のニュースや詳細なレポートに集中できます。

iOS 18

Le Mondeアプリのインターフェイス(従来のデザイン)

iOS 26

Channel 4
Channel 4
App Storeで見る

英国を代表するストリーミングアプリの1つChannel 4は、新しいタブバーとネイティブの独立した検索ボタンを採用し、再生ボタンとナビゲーションボタン全体にLiquid Glassを統合しています。

iOS 18

Channel 4アプリのインターフェイス(従来のデザイン)

iOS 26