要約:
マイクロソフトは最近、新しい Copilot ブランドのビジュアル デザインの背後にある開発プロセスを詳細に紹介しました。ただのシンプルなアイコンに見えますが、実はマイクロソフトのデザインチームは数カ月かけて試行錯誤を繰り返し、グラフィック構造、フォント、カラーマッチングからアニメーション効果に至るまで多くの調整を行い、最終的に今日の新しいCopilotのビジュアルイメージを形成しました。
Microsoft は、Copilot と従来のソフトウェアの最大の違いの 1 つは、ユーザーが人工知能モデルと対話し続け、要求に応じてフィードバックを受け取ることであると述べました。したがって、インタラクション中常にインターフェイスに表示される Copilot アイコンは、単なる静的なロゴではなく、会話の一部となり、視覚的な変化を通じてユーザーとコミュニケーションをとることさえできる必要があります。
デザイン チームは、最初は単純な正方形から始めて、次に 2 つの正方形で構成される形状をさらに検討しました。 2 つの別々の形状は、異なる要素が結合して、より有用で調和のとれた強力な全体を形成すると理解できます。多くの実験を経て、デザイナーは最終的に、統一されたシルエットを形成し、視覚的なつながりを維持しながら相互に動き回ることができる方法で 2 つの人物を組み合わせる方法を見つけました。
Copilot の新しいワードマークも再設計されました。 Microsoft は Segoe フォントと Segoe Serif フォントを組み合わせて、読みやすさを維持しながらブランドに特定の個性を加えたいと考えました。デザイン チームは、フォントの比率や詳細についても大幅な調整を行いました。
色の計画も時間のかかるステップです。 Microsoft のデザイン チームは、スタンドアロン環境で非常に美しく見えるさまざまな色の組み合わせを試しましたが、その多くは Microsoft の製品エコシステム全体と調整されていなかったため、繰り返し修正する必要がありました。実際の視覚効果を確認するために、チームは異なるバージョンのアイコンを紙に印刷して比較し、曲線の太さなどの詳細について議論を続けました。設計計画の中には、ある日議論されて、翌日にはすぐに放棄されたものもあります。
Microsoft は、ビジュアル デザイン自体は複数のデザイナーやその他の関係者が関与し、数か月にわたって継続されたと述べました。
この再設計の最も注目すべき点の 1 つは、コパイロット アイコンが単なる固定された視覚要素ではなく、AI が現在実行しているタスクに応じて異なるアニメーションを行うことです。
たとえば、Copilot が「思考」ステージにある場合、アイコンには対応するアニメーション効果が適用されます。 「計画」段階に入ると、アニメーションが変わります。また、「取得」段階では、アイコンはさまざまな視覚的フィードバックを使用して、システムが対応する操作を実行していることをユーザーに伝えます。
この設計は Copilot のメイン インターフェイスに限定されません。 Microsoft は、Office などの他の Copilot 製品にも同様のステータス アニメーションを適用しています。そのため、ユーザーはテキスト結果が表示されるのを待つことなく、アイコンの変化によってCopilotが現在問題を考えているのか、計画を立てているのか、情報を取得しているのかを大まかに把握することができます。
マイクロソフトは、人工知能モデルの機能が向上し続けるにつれて、AI が実現できる機能も増加し続けると考えています。デザインの役割は、これらの技術的機能を、ユーザーが理解し、認識し、日常生活に統合できる具体的な形式に変換することです。したがって、Microsoft にとって、Copilot の新しいアイコンは単なるブランド ロゴの更新ではなく、動的な視覚言語を通じて人工知能とユーザーの間の対話をより直観的にすることを期待しています。
コメント