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

Apple Design Awardsのファイナリストに輝いたこのアプリでは、新しいデザインが各プラットフォームで見事に反映されています。色彩豊かなブルーのカラーパレットが新デザインによってさらに引き立ちます。上部のツールバーにあったサブメニューとポップオーバーも移動し、デザインを変更しました。潮汐図や潮汐グラフの操作に反応してLiquid Glassエフェクトが変化する様子をご覧ください。

ネイティブアーキテクチャに遊び心と新しいデザインをプラスして、よりクリーンで鮮明なルックのワークアウトトラッカーに生まれ変わったGrowPal。ツールバーとスクロールエッジエフェクトを上手く活かすことで、シャープかつミニマルなスタイルを維持しながら、データ表示スペースを広げることに成功しています。

考え抜かれたミニマリズムのお手本とも言える、太陽の動きをトラッキングするアプリ。新しいデザインではアクションへのアクセスしやすさを確保するとともに、ユーザーが最も必要とするデータにフォーカスしています。クイックアクセスメニュー、浮かび上がったPeekパネル、なめらかなスライダなど、Lumyには操作しやすさに配慮した機能も揃っています。

天体観測アプリの定番。コントロールがツールバー上部から下部に移動し、従来のモーダルサブメニューがポップオーバーに変更されたことで、さらに夜空の星を観測しやすくなりました。

ベクター描画プログラムのインターフェイスをiPhone、iPad、Macで統一。iPadでの操作体験が向上し、複雑なデザインがより理解しやすくなりました。iPadでは、ウインドウサイズに合わせて動的に変化する新しい2列のインスペクタを採用。横に並べてブラウズや編集ができるようになりました。iPhoneではタッチ操作でのターゲット選択、間隔調整、ジェスチャ操作に改良が加えられ、片手でもよりスムーズかつ快適に操作できるようになりました。

このクレジットカードトラッキングアプリでは、色とブランディングの細かな変更が大きな効果をもたらします。ビュー上部にある紫色のグラデーション領域にLiquid Glassコントロールを固定したことで、ユーザーは豊富なデータが表示されるインターフェイスにより集中できるようになりました。

ヘッダのスクロールエッジエフェクトにより、さらに多くの結果とオプションを一度に見られるようになりました。タブバーを一新し、座席表にLiquid Glassボタンを採用。同心的なデザイン言語を活かしたインターフェイスを駆使して、よりソフトで親しみやすい体験を提供しています。

新しいデザインシステムが売上アップにつながることを示す好例です。検索機能がタブバーに移動したことで、サイト全体のどのページでもより使いやすくなりました。おなじみのブランドカラースキームも、Liquid Glassコントロールでさらに引き立ちます。「Shop」タブの青いヘッダを移動させたことで、コンテンツビューの表示スペースも広がりました。

すべてのアクションに新しいデザインとLiquid Glassを採用して生まれ変わったPhotoroom。タップでのターゲット選択操作がより快適で、UIが大きくなり間隔も広がったほか、下部に移動させたタブバーの背後のコンテンツも見やすいようにしました。

上部ツールバーにコントロールをまとめたデザインの、iPad向け仕事効率化アプリ。インタラクティブ可能な項目が常に一目で分かります。さらに、ネイティブフレームワークを活用して、複数のAppleプラットフォームでの同時アップデートも可能です。

ネイティブなCNNアプリでは、UIとシームレスに調和した、エッジからエッジまでコンテンツをさらに表示できるようになりました。わずかなアップデートながら、デザインの微調整と操作性のアップデートが相まって、よりモダンな雰囲気に。CNNの要であるスクロールフィードに集中しやすいデザインになっています。

ライターや研究者向けのミニマルなアプリ。コントロールはコンパクトながらも、キャンバスの上に浮かんで表示され、いつでもアクセスできるようデザインされています。アプリ全体でアクションの簡素化を徹底し、表示するツールの数を常に最小限に抑えることに重点が置かれています。

新しいデザインを有機的かつシームレスに統合したLucidアプリは、以前からLiquid Glassを使っていたような操作感を実現しています。タブバーのデザインを一新して、車の解錠やエアコンの調整など、基本的な要素にフォーカスしました。