Appleは本日、「サプライズ・アンド・シャイン」と銘打ったイベントを開催し、その中で長らく噂されていた折りたたみ式iPhone Duoと、Proフラッグシップの次期モデルであるiPhone 18 Proが発表されました。これらの発表が正式になったことで、同社のDesign Resourcesポータルは、両デバイスの製品ベゼルを含むように静かに更新されました。この動きにより、アプリ開発者、UIデザイナー、プロダクトチームは、公式テンプレートにすぐにアクセスできるようになり、Appleがこれらの新しいハードウェアフォームファクター向けの開発を直ちに開始することを望んでいることを示しています。

デザインリソース:開発者の最良のパートナー

AppleのDesign Resourcesライブラリは、Appleエコシステム内でアプリを作成するすべての人のための中心的なハブです。公式UIキット、SF Symbols、フォントメトリクス、製品ベゼルを提供し、Appleハードウェアに自然に見えるインターフェースを簡単にデザインできます。イベント後に配信されたアップデートでは、iPhone DuoとiPhone 18 Proのベゼルファイルがコレクションに追加され、デザイナーはサードパーティのテンプレートメーカーを待つことなく作業を開始できます。

製品ベゼルは、デバイスの物理的なフレームを表す透明なオーバーレイです。アプリのモックアップの周りに配置すると、カメラの切り欠き、ダイナミックアイランド、ディスプレイの角など、実際のハードウェア内でのインターフェースの見え方を視覚化するのに役立ちます。折りたたみ式デバイスであるiPhone Duoの場合、ベゼルは、エクスペリエンスを定義する独自の折りたたみジオメトリのディスプレイ形状も反映します。iPhone 18 Proの場合、最新のProデザイン言語の正確なガイドを提供します。

製品ベゼルがデザイナーに提供するもの

サードパーティ製の代替品ではなく、Apple製の公式ベゼルを使用することには、いくつかの利点があります:

  • Appleが定義する画面寸法、コーナー半径、セーフエリアガイドとのピクセルパーフェクトな整合性。
  • クライアント向けプレゼンテーション、投資家向けアップデート、App Storeのマーケティングアセットでインターフェースデザインを提示するための即時の視覚的コンテキスト。
  • Appleが主要なソフトウェアで読み取れるユニバーサル形式でファイルを提供するため、デザインツール間で一貫したアセット品質。
  • チームコラボレーションのベースライン。UIデザイナーからプロダクトマネージャーまで、全員が同じハードウェアフレームを見ていることを保証します。

多くのチームにとって、初日から公式ベゼルを入手できることで、新しいデバイスがデビューしたときに発生するエラーの多い推測が不要になります。プレス画像から描かれた近似に頼る代わりに、デザイナーはApple自身のテンプレートを信頼して、物理的な画面の端がシャーシと正確にどこで接するかを確認できます。

iPhone Duo:モバイルアプリのための新しいキャンバス

iPhone Duoは、Appleの製品戦略における劇的な変化を表しています。折りたたみ式電話は、アプリがコンパクトな外側の画面と、より大きな本のような内側のディスプレイという2つの異なるディスプレイ構成に対応することを要求します。新しいベゼルは、没入型アプリ体験の大部分が行われるであろう展開されたプレゼンテーションサーフェスについて、デザイナーにより明確なアイデアを提供します。

折りたたみ式ハードウェアはディスプレイ全体に折り目を導入するため、デザイナーはその中央のスパインにまたがる視覚要素をどのように処理するかを考える必要があります。製品ベゼルはアダプティブデザインのコードロジックを解決するものではありませんが、コンセプトワークで境界がどのように見えるべきかの視覚的なターゲットを提供します。デザイナーはベゼルを使用して、アプリがコンテンツを2つの半分に分割する方法や、Appleの完全な折りたたみUIガイドラインが成熟した後に、中断のないキャンバスを提示する方法を計画できます。

iPhone 18 Pro:プレミアム体験の微調整

iPhone 18 Proはフォームファクターの点ではより従来型のアップデートですが、Appleの最も大きく、最も高性能な電話を購入する顧客にとって、最も使用されるデバイスの1つであり続けています。以前のモデルと比較したベゼルの厚さやコーナーの曲率の微妙な変更でさえ、ユーザーがアプリのコンテンツをどのように認識するかに影響を与える可能性があります。Design Resourcesのアップデートにより、iPhone 18 Proのモックアップが物理デバイスが使用するのと同じ測定値に基づいていることが保証されます。

写真、ビデオ、拡張現実に焦点を当てたアプリの場合、iPhone 18 Proのベゼルは、カメラシステムのオーバーレイやプレビュー機能を提示するための正確なキャンバスを提供します。また、Dynamic IslandなどのシステムUI要素がプロモーションビジュアルで正しく配置されることを保証するのにも役立ちます。

初日からの利用可能性が重要

このアップデートのタイミングは偶然ではありません。Appleは新しいハードウェアを発表した直後にデザインリソースをリリースすることがよくありますが、同日にリリースすることは、ソフトウェアパートナーへの意図的なプッシュです。早期アクセスにより、デザインチームは顧客がデバイスを受け取るずっと前に、新しいデバイスに合わせて制作スケジュールを調整できます。これにより、ユーザーがiPhone DuoまたはiPhone 18 Proでアプリを初めて開いたときに、ずれたボタンや切り取られたウィジェットに遭遇することがなくなります。

サードパーティのテンプレートライブラリは通常、正確な詳細を反映するまでに数週間かかるため、Appleの公式アセットへの早期アクセスは、デザインの洗練を優先するチームに競争上の優位性をもたらします。また、複数の開発者が同じベースラインから作業するため、App Store全体の一貫性の基準も設定されます。

新しいデザインリソースへのアクセス

AppleのDesign Resourcesポータルは、登録済みのApple開発者と広範なデザインコミュニティに、Appleの開発者ウェブサイトを通じて無料で提供されています。資料は、Sketchライブラリ、Photoshopファイル、そして現在では業界標準となっているユニバーサルなFigmaレイヤーを含む圧縮アーカイブで配布されています。アーカイブ内では、iPhone DuoとiPhone 18 Proのベゼルは簡単に見つけることができ、アプリデザインの背後にあるアートボードにドロップできます。

プロセスは簡単です:最新のリソースパックをダウンロードし、解凍して、適切なベゼルをデザインプロジェクトにドラッグします。配置されると、ベゼルは参照レイヤーとして機能し、シミュレータを起動することなく、マージン、スポットシェイプ、レイアウトの動作を確認するのに役立ちます。これらのアセットは公式であるため、推奨されるセーフエリアの使用法に関するドキュメントも付属しており、開発チームにとって有用なコンパニオンとなります。

アップデートのさらなる影響

最新のiPhoneモデルに加えて、Design Resourcesのリフレッシュは、Appleが折りたたみ式アプリのサポートに多額の投資をしていることを示唆しています。ハードウェアは発表されたばかりですが、専用のベゼルが即座にリリースされたことは、開発者が毎日持ち運ぶフォームファクターでの大画面の可能性を探求し始めるという強い期待を示しています。サードパーティのアクセサリメーカーも、電話の正確な寸法に合わせる必要があるケースやスタンドを設計する際に、これらのアセットを使用する可能性があります。

モバイルデザインコミュニティがiPhone DuoとiPhone 18 Proに精通するにつれて、これらの公式リソースの登場は、製品発売の静かだが不可欠な部分と見なされるでしょう。アプリデザイナーにとって、「今すぐ作業を開始してください」と言うことは、インターフェースキャンバスへの公式キーを受け取ること以上に重要なことはありません。

結論

Appleの「サプライズ・アンド・シャイン」イベントは2つのフラッグシップiPhoneの発表を生み出しましたが、Design Resourcesポータルのアップデートは、多くのクリエイターにとってその日の中で最も重要な部分であることが証明されるかもしれません。新しい製品ベゼルは、公式のデザインガイドラインを即座にコミュニティの手に渡し、推測を排除し、アイデアと実行の間の摩擦を減らします。

デザイナーがiPhone Duo用の折りたたみ式ニュースリーダーをモックアップする場合でも、iPhone 18 Proでユーティリティアプリが完全に整列することを確認する場合でも、これらのアセットはすぐに使用できるようになりました。発売サイクルが進むにつれて、この初日からのアップデートによって築かれた基盤のおかげで、より広範な開発者コミュニティが両方のデバイスで自然に感じられるアプリを制作することが期待できます。

この記事は9to5Macの報道に基づいています。元の記事を読む

Originally published on 9to5mac.com