本文へ移動
Iconiseアイコン工房
日本語
アクセスをリクエスト

Iconiseガイド

AIでアプリアイコンを作る方法:手順を追って解説

アプリの機能から始め、明確なメタファーを選び、小さく表示して案を比べてから用途別のファイルを準備します。

アプリでできること、対象ユーザー、アイコンから伝えたい印象を書き出します。この3点をもとにビジュアルの方向性を決め、小さいサイズでも確認できるようにします。

1. 機能、対象ユーザー、印象を整理する

  • 機能:アプリを使うと、どんなことができますか?
  • 対象ユーザー:その機能は誰に向けたものですか?
  • 印象:ひと目でどんな特徴を伝えたいですか?

2. 方向性を選び、バリエーションを比べる

Iconiseのワークフローでは、プロジェクトとそのアイデンティティ、好みをもとにビジュアルを検討します。最初に3つのクリエイティブな方向性を比べ、1つを選ぶと、次の探索ステップでその解釈が9案表示されます。見た目の装飾だけでなく、最初のブリーフに合うかを確認しましょう。

  1. プロジェクトとそのアイデンティティを説明します。
  2. 役立つ好みを追加するか、このステップを省略します。
  3. 3つの方向性を比べ、ブリーフに合うものを選びます。
  4. 選んだ方向性の9つの解釈を並べて確認します。

Iconiseの公開SVGギャラリーにあるイラストです。個々のファイルのブリーフ、プロンプト、制作過程を示すものではありません。

3. 手動または統合された方法で案を探す

無料の手動ワークフローでは、Iconiseがプロンプトを用意します。好みの画像生成ツールにコピーし、生成した案をワークショップに読み込んで比較します。統合生成が使えるかどうかはアクセスモードとプランによります。このガイドの比較方法に統合生成は必要ありません。

4. 方向性を決めてファイルを準備する

シルエット、小さくしたときの視認性、コントラスト、製品との関連性を比べます。Iconiseの最終画面ではPNG書き出し、SVGへのベクター化、WebファビコンのZIPを利用できます。このファビコン一式はApp StoreやGoogle Play向けの提出用ファイルではありません。

よくある間違い

  • 製品の機能を決めずに流行のスタイルから始める。
  • メタファー、配色、形を同時に変え、どの変更が役立ったか分からなくする。
  • 大きなプレビューだけで選び、小さいサイズや背景とのコントラストを確かめない。
  • 完成画像と、プラットフォーム用に構成された素材一式を混同する。

再利用できるブリーフの作り方と小さな調整は、プロンプトのガイドで確認できます。方向性を選んだら、サイズと形式の要件を見てください。