Icon Composerアプリアイコン

Icon Composer

Icon Composerでは、1つのデザインからLiquid Glassでレイヤーによって構成されたアイコンをiPhone、iPad、Mac、Apple Watch用に作成できます。マルチレイヤー形式のアイコンでは、アイコンを作り込み、外観モード全体にわたって注釈を付けることができます。Icon ComposerはXcodeとシームレスに連携するように設計されており、マーケティングやコミュニケーションのニーズに合わせてアイコンをフラット化し、エクスポートするオプションが用意されています。

ダウンロード
Icon Composerの画面に写真アプリのアイコンが表示されているMacBook

Liquid Glassを使用したデザイン

Liquid Glassで、アイコンに命を吹き込みましょう。Liquid Glassはプラットフォームや外観モードを問わず、アイコンとともに拡大縮小する美しく表現力豊かなマテリアルです。アートワークレイヤーをインポートして整理し、鏡面ハイライト、屈折、透明度、影などのプロパティを調整して、アイコンのリアルな存在感を演出します。

Liquid Glassマテリアルを適用したアプリアイコンのグリッド

屈折

アイコンを透過する光を曲げることで、レイヤーが背後の色や形を屈折させて取り込み、反映させることができます。レイヤーごとに強度を調整することで、控えめなエッジの歪みからレンズのような歪みまで、アイコン内の重要な要素を際立たせ、レイヤー間で鮮やかな相互作用を生み出します。

新しい鏡面ハイライト

鮮明な鏡面ハイライト(Specular Highlight)が各レイヤーを際立たせるとともに、エッジのコントラストを保ちます。ハイライトの配置は、各レイヤーの内側か外側かを選択できるほか、レイヤーの色に基づいてIcon Composerに自動判別させることも可能です。新しい垂直方向からの光が上から差し込み、周囲のインターフェイスと調和しています。

鏡面反射のコントロールが表示されているLiquid Glassインスペクタ
Liquid Glassマテリアルで最適化された写真アプリアイコン

アップデートされた注釈

既存のアイコンを最新環境に対応させましょう。インポートしたIcon Composerファイルは、新しいシャープなマテリアルで自動的にレンダリングされます。そこから、鏡面ハイライトや屈折、影などを使用してアイコンを微調整し、Liquid Glassの特性を最大限に活かして輝く独自のアイコンを作成できます。

マルチプラットフォームデザイン簡単に

一貫したエンクロージャー形状と共通のグリッドシステムにより、対応するAppleプラットフォーム間でのデザインが容易になります。デフォルトでは1つのデザインが使用され、プラットフォームごとにカスタマイズできます。

角丸四角形と円型の天気アプリのアイコン

レンダリングモード全体への注釈

Icon Composerでは、すべてのレンダリングモードにおけるアイコンの表示を1つのファイル内で完全にコントロールできます。1つのレイヤー構造を使用し、デフォルト、ダーク、モノクロの各モードでの外観を選択して、iPhone、iPad、Mac、Apple Watchでアイコンを最適化できます。

Icon Composerのインターフェイスが表示されているデフォルトのテーマのプレビュー

Xcode向けに設計

Icon Composerで注釈を入れたら、アイコンをXcodeに直接追加できます。新しいアイコンのファイルタイプはXcodeとシームレスに統合され、変更内容をプロジェクトに直接同期できます。

XcodeでIcon Composerを使ってアイコンファイルを開いている画面

Icon Composerのダウンロード

Icon Composerアプリアイコン

ダウンロード

macOS Tahoe 26.4以降が必要です。

デザイングリッドを重ねたApp Storeアイコン

ヒューマンインターフェイスガイドラインの詳細

Appleプラットフォーム向けのアプリアイコンのデザイン方法に関する詳細をご確認ください。

さらに詳しく