iPhoneもMacもガラス風の透明感「Liquid Glass」デザインへ。

Liquid Glassによる、デバイス間での調和性、統一感。

デザインを刷新。Liquid Glass（リキッド グラス）デザイン。

長らく続いたフラットデザインから、Apple Vision Pro（visionOS）寄りのUI/UXデザインへ。

この｢Liquid Glass（リキッド グラス / 液体のガラス）｣デザインは、ホーム画面だけでなく、さまざまな箇所で、全体的な変更となる。

デバイスやプラットフォームで一貫性のあるデザインへ。

以前からAppleは、iPhoneやMacだけでなく、iPadやApple Watch、Vision Proなど、各デバイスやプラットフォームでの統一感が生み出そうとしていると言われていた。

今回のLiquid Glassデザインは、そのためのひとつ。

iOSのデザイン、Liquid Glassのアニメーションスタイル。

UI/UX。iPhoneの操作時にはアニメーションがある。（iOS 26 Preview）

ホーム画面やアプリなどの動作に合わせたアニメーションがあり、アイコンやウィンドウがガラスのように透けて見える。

（※Preview / プレビュー版のため、正式リリースの際は変わる可能性もあり。）

iOS 26の対象iPhone。

XSとXRは対象外に。

参照元：OS – iOS – Apple

Liquid Glassとダークモード。

ダークモードはどうなるのか？

目に問題を抱えている場合、過度のアニメーションは負担となり、ダークモードの方が重要視される。

現時点、ダークモードでのスタイルは、下記のものくらいしか情報が見つからない。

参照元：Apple Events – Apple

Introducing Liquid Glass。

iPhoneの場合。

参照元：Introducing Liquid Glass | Apple

Apple Vision Proの外観の変更、ダークモード表示。

おそらくは上記のものや、下記のVision Proでのダークモード表示に近くなると思われる。

参照元：Apple Vision Proでテキストやアプリウインドウなどの外観を変更する – Apple サポート (日本)

macOSのデザイン、Liquid Glassはどうなるのか？

Macのブレビュー版。macOS Tahoe 26 Preview。

Mac（macOS Tahoe / タホ）にもアニメーションがある模様。

むかしに見覚えがあるWindows Vista感があるのが気になるところ。

（※Preview / プレビュー版のため、正式リリースの際は変わる可能性もあり。）

macOS Tahoe 26の対象Mac。

Intel Macはギリギリ対象内か対象外に。

macOS Tahoe 26の対象は、2019年のLateモデル以降となっており、それ以前のIntel Macは互換性が無くなることになる。

Appleシリコンへ完全以降となる時期が近づいている。

参照元：OS – macOS – Apple

Apple公式のパブリックベータ提供。

Apple Beta Software Program

正式リリース前のベータ版を試してみたい場合は、Apple Beta Software Programへ登録すると試すことができる。

参照元：Apple Beta

iPhoneもMacもiPadも、OSのバージョン表記が西暦ベースへ。

Apple製品の各OSの命名規則は、わかりやすく西暦へ変更に。

iOS 26など、OS（オペレーティングシステム）の名称が変更。

これまでのような、OSが新しくなるたびに番号が振られるのではなく、西暦の下2桁がOSのバージョン番号となる。

例年では9月というその年の後半にリリースされるので、2025年リリースのものは「25」ではなく「26」となる。

参照元：Newsroom – Apple
参照元：Apple Events – Apple
参照元：Apple TV、美しい新デザインを採用し、強化されたホームエンターテインメント体験を提供 – Apple (日本)

Appleの製品やソフトウェアのリリースは、例年は秋（9月頃）。

新しいiPhoneは毎年9月にリリースされる。

iOSやmacOS、その他のOSも秋。例年では9月頃に。

iPhoneを初め、Appleの製品やサービスは9月が恒例となっている。OSも同様。

価格についてはまだ明らかではなく、2025年春に、関税の有無は関係なくiPhoneは値上がりすることが示唆され、報道もされている。

Photo by Denis Cherkashin

Liquid Glassのデザイナーへの影響。

スキューモーフィズムとフラットデザイン。
– 立体的なデザインから平面的なデザインへ –

Photo by Hans Herrington

スキューモーフィズム。

iPhoneによるデザインの影響。

iPhoneが登場したことにより、スキューモーフィズムと呼ばれるUIデザインがブームとなった。

スキューモーフィズムは、光と影の効果が多用され、光沢と立体感が特徴。

Photoshopでのエフェクト。

デザインを行う際には、Photoshopがよく使用されていた。

ウェブデザインを行うときでも、Photoshopでボタンやアイコンなどのパーツを作成し、Illustratorでカンプを作る、ということが多々あった。

サイトのナビゲーションも、CSSでは再現が難しく、画像が使用されていた。

フラットデザイン。

立体的から平面的なデザインへ。

2013年のIOS 7では、それまでの立体的なデザインが一新され、平面的なフラットデザインが採用。

このことにより、それまでのスキューモーフィズムから一気にフラットデザインへトレンドが変わっていった。

Figma、Canvaなどでも。

フラットデザインは、シンプルかつシャドウやグラデーションが控えめとなるため、Photoshopでゴリゴリと装飾する必要がなくなった。

このトレンドは一気に広がり、さまざまなUIで、フラットデザインが採用されることになった。

いまではFigmaやCanvaだけでも、ウェブデザインやUI/UXデザインなどができる。

リキッドグラス。

12年ぶりのiPhoneのUIデザイン変更。

歴史を振り返ると、iPhoneのインターフェイス、デザインの影響は非常に大きい。

アニメーションがどうなるか。

Liquid Glassは、ガラスのような「透明度」だけでなく、液体のような「動き」があるので、これが主な特徴となりそう。

ユーザー側に受け入れられるか。デザイナー側でどう対応していくか。

Photo by Xan Griffin

以上、参考になれば幸いです。

※Webデザインは実務数年、職業訓練校講師数年、フリーランス数年、計15年以上のキャリアがありますが、一気にがぁっと書いているので「です・ます調」ではありません。（元々はメモ書きでした。） ※事実や経験、調査や検証を基にしていますが、万一なにかしら不備・不足などがありましたらすみません。お知らせいただければ訂正いたします。 ※写真は主にUnsplashやPixabayのフリー素材を利用させていただいております。その他の写真や動画もフリー素材やパブリックドメイン、もしくは自前のものを使用しております。

iPhone 関連メモ。

• iPhoneでマイナンバーを搭載。メリットとデメリット、Apple Walletへ追加。
• iPhoneやMacなどが新デザイン「Liquid Glass（リキッド・グラス）」へ。OSの名称も西暦に。
• iPhoneでWi-Fiが繋がらないときの対処方法について。【iOS 18】
• iOS18アップデート後のメール&パスワード不具合の対処方法の例。
• iPhoneやiPad、MacでChatGPT（GTP-4o）が。Apple Intelligence。
• iPhoneを下取り（Apple Trade In）に出すときに注意すべきこと。
• iPhoneで撮った写真を、HEICからJPG（JPEG）にする方法。
• iPhoneのブラウザでのみ表示不具合の現象に。SafariもChromeもEdgeでも。
• iPhoneのバッテリー交換の目安は？バッテリー最大容量って？

• iPhoneをマナーモードにする方法。カチッと簡単に。電源とバイブも。
• iPhoneを鏡代わりに使う最も簡単な方法。（追加アプリなしで。）
• iPhoneの寿命、充電回数は何回？「最適化されたバッテリー充電」機能。
• iPhoneで入力中の文字を取り消す方法。振ったりスワイプしたりで。
• iPhone 14-16の解像度と、画像サイズ、CSSのピクセル設定をどうするか？
• iPhoneでWebMを再生できるように。（2024年暫定）
• iPhoneの解像度一覧（iPhone8〜13まで）と、CSSブレイクポイントの目安は？
• iPhoneの画面が拡大！？ 戻らないときは3本指のダブルタップで解決！
• iPhoneのAssistiveTouchの設定。オンとオフの切り替え方法。
• iPhoneのAssistiveTouchで承認できない！ の対処方法。