ワークスペースタイル用のアイコンの作成

メモ

コミュニティの関心グループが Yammer から Microsoft Viva Engage に移行されました。 Viva Engage コミュニティに参加し、最新のディスカッションに参加するには、「 Finance and Operations Viva Engage Community へのアクセスを要求する」フォームに入力し、参加するコミュニティを選択します。

この記事では、アイコンを作成してカスタムワークスペースタイルに割り当てるためのガイドラインと推奨事項について説明します。

ダッシュボードには、ユーザーがアクセスできる一連のワークスペースタイルが含まれています。これらのタイルにはそれぞれ、ワークスペースに固有のアイコンが含まれます。 Microsoft が提供する初期状態のワークスペースでは、ワークスペースタイルに使用されるアイコンは、一般に Dynamics の記号フォントの記号に対応しています。この記事では、マイクロソフト認定パートナーまたは個人のお客様が作成したワークスペースのアイコンを作成してタイルに割り当てるためのガイドラインと推奨事項について説明します。

実装詳細

ワークスペースのアイコンとしては、 AOT リソースのアイコンを使用することを推奨します。既成のシンボルは機能しますが、複数のワークスペースが同じアイコンを使用することがないように、独自のシンボルを作成することをお勧めします。アイコンが必要となるワークスペースについては、以下のガイドラインに従って新しいイメージファイルを作成します。製品の新しいバージョンに対する推奨ガイダンスが変更されたことに留意してください。

モデリングの詳細

ワークフローのタイルを作成する際には、以下のイドラインに従う必要があります:

新しいアイコンごとに AOTResource を追加します。
ワークスペースに対応するタイルで、次のプロパティを設定します:
- ImageLocation=AOTResource
- NormalImage=<AOTResource の名前>

アイコン作成

カスタムワークスペースタイルのイメージ作成についてのガイドラインは以下のとおりです。推奨している画像のサイズとアイコンは、標準のワークスペースアイコンをもとにしています。他の画像サイズも許容されますが、画像全体の相対的なサイズと位置は、画像サイズに関係なく維持される必要があります。

これらの推奨事項に従って、ワークスペースのアイコンのスタイルとサイズが、他のワークスペースのアイコンと同一のものであり、ワークスペースのアイコンの内容が画像に適用されている CSS によって加工されないようことに留意してください。

イメージファイルは、縦横比が 1:1 の PNG ファイルである必要があります。
推奨される最小画像サイズは、50 × 50 ピクセル (px) で、アイコンは画像の中央に位置する四角に含まれます。最低 50 × 50 px の画像サイズの場合、アイコンは画像中央の 30 × 30 px四方に含まれている必要があります。

メモ

標準のワークスペースアイコンとカスタムワークスペースアイコンの鮮明さは、ズームレベルで異なる場合があります。この違いの理由は、PNG形式の画像が固定解像度を持っているのに対し、標準のワークスペースアイコンはフォントがスムーズに拡大縮小するからです。異なるズームレベルでの解像度を向上するには、同じ相対分析コードで大きな画像を作成することを考慮します。たとえば、200 ×200 px または 400 × 400 px の画像を作成します。
アイコンは、 白い背景で透明性のあるコンテンツとなっている必要があります。
フレームワークによって、イメージの透明な部分に既定の背景色が設定され、既存のユーザーのテーマに一致します。