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

Iconiseガイド

効果的なアプリアイコン用プロンプトの書き方

製品と対象ユーザー、中心となるメタファー、スタイル、コントラスト、避けたい要素を明記すると、プロンプトを使いやすくできます。

まず製品と対象ユーザーを書き、次に中心となるメタファーを1つ選びます。スタイル、コントラスト、守る制約も記述します。一度に1つの要素だけを変えると、案を比較しやすくなります。

6つの判断からプロンプトを組み立てる

  1. 製品:アプリでどんな行動ができますか?
  2. 対象ユーザー:誰にシンボルを理解してほしいですか?
  3. メタファー:機能を表すシンプルな形は何ですか?中心となる案を1つ選びます。
  4. スタイル:幾何学的、オーガニックなどの方向性を示し、相反するスタイルを重ねないようにします。
  5. コントラスト:色や明るさのどの違いを保ちたいですか?
  6. 制約:残したい点や避けたい点、構図、小さく表示したときに読めない細部を記します。

説明用の例:ブリーフを具体的にする

説明のために作った架空の書き換えです。どちらの文からも画像は生成していません。
段階プロンプト
変更前ガーデニングアプリのアイコン。
変更後説明用の例:初心者向けガーデニングアプリ。新芽を中心となるメタファーにし、シンプルな幾何学形状で、葉と背景のコントラストを明確にする。中央に配置し、文字や副次的な物体は入れない。

2つ目の文では、題材、対象ユーザー、シンボル、制約を具体化しています。生成ツールが認識しやすい葉を作ることや、製品に合うことを証明するものではありません。実際の出力を確認してください。

比較を崩さずに調整する

ブリーフは保ったまま、メタファー、スタイル、コントラストなど1つの要素だけを変えます。何を維持し、何を比べたいのかを記録し、案を同じ大きさで並べて確認します。

開いたループの形をした紫色のシンボル。
Iconise公開SVGギャラリーのイラストです。上のプロンプト例とは関連していません。

案を読み取りにくくする間違い

  • 1つのアイコンに複数の中心的なメタファーを詰め込む。
  • 「ミニマル」と「細部まで緻密」のような相反する指示を組み合わせる。
  • アイコンで何を伝えるかを説明せず、色だけを指定する。
  • 小さく表示するシンボルに単語や長い文章を求める。
  • バリエーションごとに複数の制約を変え、違いを1つの設定の効果として扱う。

Iconiseのワークフローでプロンプトを使う

無料の手動ワークフローでは、プロジェクト情報と現在のステップからIconiseがプロンプトをまとめます。外部の生成ツールにコピーして画像を確認し、案をまとめたボードをワークショップに読み込みます。ステップによっては、すでに選んだビジュアルを参照できます。統合生成の利用可否はアクセスモードとプランによります。

複数の案ができたら、比較ガイドを使い、同じ背景の上で小さく表示して確認してください。未検証の点数は付けません。