テーマビルダー アプリケーションのホームビューを使用して、Web またはモバイルエクスペリエンスのテーマレコードを作成します。
手順
次のように移動する。 .
画面上部の [ページ] メニューから [ホーム ] が選択されていることを確認します。
図 : 1. テーマビルダーホーム画面
[テーマの作成 ] を選択します。[始める前に] ウィザードが表示され、次のステップで説明するように、ブランド構成をガイドします。テーマレコードは、作業中に自動的に保存されます。
[ 続行 ] を選択して、新しいテーマの定義を開始します。
新しいテーマの名前と説明を挿入し、[ 次へ ] を選択します。
図 : 2. ブランドのプライマリ色
[プライマリ ] タイルを選択し、ブランドのプライマリ色を選択して、簡略化されたプレビューを確認して、選択した色がインスタンスのどこに表示されるかを確認します。
色名ダイアログボックスで、希望するカラーモデル (HEX、RGB、または HSL) を選択できます。
テーマの色を編集するときは、カラーピッカーでコントラスト比を表示できます。パレットまたは [マイカラー] ビューから色を変更すると、値が更新されます。
ブランドのプライマリ色を特定したら、[ 適用 ] を選択し、[ 次へ ] を選択します。
ブランドにセカンダリ色が含まれている場合は、セカンダリカラー画面で前の手順を繰り返します。
前の手順を繰り返して、仕切り線と表面コンテナの中間色のブランド色を定義します。
オプション:
ブランドに追加の色を選択し、[ 次へ ] を選択します。
ブランド ロゴをアップロードし、簡略化されたプレビューを確認して、選択したプライマリ色で期待どおりに表示されることを確認し、[ 次へ ] を選択します。
テキストに使用するフォントを選択し、[ 次へ ] を選択します。
注: フォントをカスタマイズしたい場合は、
ネクストエクスペリエンステーマの構成 を参照してください。カスタマイズしたフォントタイプを保存してページを更新すると、新しいフォントが
カスタムフォント として表示されます。テーマレコードからカスタムフォントを削除すると、フォントはデフォルトとして
Source Sans Pro に戻ります。
ボタン、モーダル、ドロップダウンメニューなど、インターフェイスでコンポーネントのコーナー形状を選択し、[ 次へ ] を選択します。
注: 形状をカスタマイズする場合は、「
ネクストエクスペリエンステーマの構成 」を参照してください。カスタマイズした図形を保存してページを更新すると、新しい図形が
[混合] として表示されます。このカスタム値は [
コンポーネントスタイル ] タブにも表示されます。ここでカスタム値を編集できます。
選択内容を確認し、[Create theme (テーマの作成)] を選択します。
注: [戻る ] を選択して、ウィザードで変更を加えてから [テーマの作成 ] を選択できます。
ウィザードでテーマを作成すると、テーマのエディタービューが表示され、テーマ
の変更 や
公開 を続行できます。