コース

リソース

AIプレイグラウンド無料モデルを試して、プロンプトを練習するエージェントスキルAI向けのオープンソースのワークフローAIプロンプトすぐに使えるプロンプトレシピAIモデルの料金モデルAPIのコストを比較AILessonブログ実践的なAIガイドと最新情報
ログイン無料で参加
コース

リソース

AIプレイグラウンド無料エージェントスキルAIプロンプトAIモデルの料金AILessonブログ
ログイン
すべてのコース/AIテクノロジー/AIでアイコンセットを作成する
AIでアイコンセットを作成するのカバー

コース

AIでアイコンセットを作成する

AIを使って、統一感のあるラスターアイコン、編集可能なSVGナビゲーション、既存セットへの追加アイコンを作成します。

AIテクノロジーAI画像生成
3 レッスン 36分AILesson
  1. ここから始める

    ラスター形式のカテゴリーアイコンを作成する

    1つのスタイル参考画像を使い、統一感のあるカテゴリーアイコン一式を作成して確認します。

    開始
  2. 編集可能なナビゲーションアイコンを作成する

  3. 既存のアイコンセットを拡張する

本、ヘッドホン、しおりは、それぞれ単体ではよく見えても、別々のアプリのものに見えることがあります。セットとして使うなら、共通した見た目と、各記号が表す意味の両方が重要です。

このCourseでは、読書アプリ用に用意された要件を使って、統一感のあるアイコンをAIに依頼し、実際の結果を確認して、残すものと変えるものを判断します。カテゴリカード用の大きめのイラストアイコン、小さく編集可能なナビゲーションアイコン、既存セットに合う新しい記号を扱います。各Lessonは独立しているため、推奨順に進めても、必要なタスクだけを選んでもかまいません。

各アイコンの意味を明確にし、セット全体の共通ルールを伝え、実際に表示する大きさでファイルを確認する練習をします。ダウンロードには、実際のサンプルファイルと再利用できる依頼用ワークシートが含まれます。文字ラベルはアイコンの横に残します。見た目が統一されたセットでも、文字なしですべての利用者に意味が伝わると証明されたわけではありません。サンプルファイルとワークシート内の文字は英語のままです。

よくある質問

絵を描いたり、SVGコードを書いたりする必要がありますか?

いいえ。用意された結果を確認し、依頼文の短い部分を組み立てます。SVGを扱うLessonでは、確認に必要な少数のファイル特性を説明し、編集可能な例を用意します。描画命令を自分で書く必要はありません。

生成したPNGは編集可能なベクターアイコンになりますか?

いいえ。最初のLessonではピクセル画像を作ります。ナビゲーションのLessonでは、ベクターとして編集できる実際のSVG図形を作ります。PNGの拡張子を変えたり、SVGファイルの中に入れたりしても、輪郭が編集可能になるわけではありません。

外部のAIアカウントや自分のアプリは必要ですか?

ガイド付き練習では、記録済みの出力と用意された素材を使うため、アップロードやその場での生成はありません。自分のラベルで同じタスクを行うには、ラスターアイコンなら画像生成ツール、ベクターアイコンならSVGコードまたはファイルを返せるAIツールを使います。利用条件やファイルの扱い方は、選ぶツールによって異なります。

Courseを終えると何が確認できますか?

アイコンセットを依頼し、確認し、拡張する練習を終えたことになります。サンプルファイルは保存できますが、自分のインターフェースでは実際のレイアウトと利用者を対象に確認する必要があります。このCourseでは、認識率やインターフェースの成果は測定しません。