このテーマは、SharePoint サイトの所有者とViva Connectionsオペレーターが、Web スペースにまとまりのある視覚的に魅力的な色を適用できる強力なツールです。 これらのテーマを活用することで、組織はサイト全体で統一された外観を作成し、美的な調和とブランドの一貫性の両方を確保できます。 テーマによって提供されるカスタマイズ オプションを使用すると、ユーザーは機能とアクセシビリティを維持しながら、独自のブランド ID を反映するようにサイト デザインを調整できます。
SharePoint テーマの原則
ガイド
テーマ システムはグローバル レベルで機能します。それにより、どのサイトでも一貫して更新でき、ユーザーは手間をかけずに自社の Web サイトを最適化できます。 スマートで効率的なテーマ設定システムは、スマートアルゴリズムを使用して美的選択を最大化するオプションを生成することで、サイト作成プロセスを迅速化します。
Professional
私たちのテーマは、一貫性を確保し、エンタープライズオーディエンスのブランドを伝えるプロフェッショナルな外観を体現しています
アクセシビリティ
私たちの組み込みのアクセシビリティチェッカーは、テーマのすべてのレベルでユニバーサルデザインを保証します。 カスタマイズを決定したユーザー向けに、アクセシビリティの設計に役立つガイダンスを提供します。
Microsoft の既定のテーマ
- Teal
- 青
- Orange
- 赤
- 紫
- 緑
- 灰色
- ツルニチニチソウ
- ブラック
- セルリアン
- コバルト
- 濃い黄
- Dark Blue
このテーマのコレクションはアクセシビリティを考慮して設計されており、Microsoft ブランドの色を反映しており、共通の目標と個性を明らかにしています。
テーマの構造
原色
この色は、ブランド ID とパーソナリティの中心です。 視聴者がどのように感じられ、ブランドと競合他社との差別化を図っているかを検討してください。
テキストの色
テキストの色は、エクスペリエンス内のテキストの大部分の既定の色エクスペリエンスを定義します。 使用方法と背景色に対して簡単に読み取ることができるかどうかを検討してください。
背景色
この色は、サイトとページのすべてのコンテンツを表示するために、テキストと画像の背後で使用されます。
アクセント カラー
この色は控えめに使用して、ブランドを補完し、エクスペリエンスを向上させます。
ダーク テーマ
ダーク テーマ設定は、濃色の背景色で使用した場合の色の動作を更新するために使用されます。 これにより、テーマが暗いときに、アクセシビリティのためにテキストやその他のコンテンツが自動的に調整されます。
独自のテーマを作成する
SharePoint ブランド センターでは、ブランド マネージャーがorganizationのカスタム テーマを作成できます。 これらのテーマは、サイト所有者とViva Connectionsオペレーターがサイトやエクスペリエンスに適用するルック エクスペリエンスの変更に関するページで利用できます。
注:
ブランド センターでカスタム テーマを作成するには、管理者が Microsoft 365 管理 センターからブランド センターを有効にしている必要があります。
SharePoint または Viva Connections ブランド化エクスペリエンスにアクセスし、[新しいテーマ] を選択します。 手順 1: ブランドの色を使用するか、カスタム色を追加して、プライマリ、テキスト、背景、アクセントの色を選択します。 背景色の選択を反映するように、ダーク テーマの設定を更新します。 手順 2: テーマに名前を付け、さまざまなエクスペリエンスでプレビューします。 フォント パッケージの [表示] 設定を決定します。
アクセシビリティに注意する
アクセシビリティのためには、色とコントラストが重要です。 黄斑変性症のような視力の低いPeopleは、画面の内容を見ることができるように一定量のコントラストが必要です。 また、色の選択に注意することも重要です。これは、色の視覚障疳者が特定の色の違いを見分けることができないためです。 たとえば、赤緑色の視覚障碍を持つ人は、赤と緑が同じ色として表示されます。 このテーマ作成エクスペリエンスでは、UI 要素プレビューに組み込まれたカラー コントラスト チェッカーを提供し、アクセシビリティ対応のテーマの作成に向けてガイドします。