ブランド・カラーの設定

始める前に

ブランド設定でカラー(色)を設定するには、編集権限が必要です。

本章では以下をご紹介します:
ブランドカラーとは?
カラーの設定
カラーマッピング図

ブランドカラーとは?

SundaySkyの シーンテンプレート には、色を適用できる様々なコンポーネントがあります。これらには、背景、アクセント、ボタン、テキストなどが含まれており、それぞれに特定の色を設定することが可能です。 シーンテンプレートで使用できる7つの色は、 ブランド設定で定義されています。

例えば:7つのうちの1つは以下スクリーンショット内の Button Fill(ボタン塗りつぶし)で、ここでは ライトオレンジ(16進コード #FCBD70)が選択されています。

Color_mapping_example.png

注意:

カラーはブランド設定のコンポーネントです。ブランド設定は複数のプログラムに適用することができます。 ブランド設定の 色を変更すると、現在作業をしているプログラムだけでなく、同じブランド設定を使用している全てのプログラムに影響を及ぼします。 そのため、慎重に行うことをお勧めします。


カラーの設定

1.

ブランド設定で、 Colors セクションを開きます。
▶ ブランド設定の作成方法については、新たなブランド設定の作成をご参照ください。

 

Open_colors_section.jpg

 

Colors セクションには、設定可能な7箇所の色が表示されます。

 

7_colors.jpg

2.

色を設定したい箇所(以下の例では、Button Text)(ボタン上のテキスト))をクリックします。
カラーマッピング図を参照の上、どの箇所の色を設定するかを確認します。

 

Configure_button_text.jpg

3.

次のいずれかの方法で、新しい色を選択します:
a. 現在のブランドカラーから選択。
b. 16進コードを入力。
c. R、G、B の数値を入力。
d. カラースライダーを使用して視覚的に色を選択。

 

Color_picker_70_percent.jpg

 

Button Fill (ボタンの塗りつぶし)や Button Border (ボタン枠)は透明に設定することも可能です。 これら2つのカラーピッカーには、透明に切り替えるためのトグルスイッチが表示されます。

 

Button_fill_switched_off.jpg

 

新しい色を設定すると、シーンやコンポーネントに即座に反映されます。

 

Color_reflected_in_scene.jpg

4.

選択した色で問題がない場合、SAVEをクリックします。
CANCEL をクリックすると、選択した色が取り消され、以前の色に戻ります。

 

Save_new_brand.jpg

 

新しい色がブランド設定に保存されます。

 

New_color_is_saved_in_brand.jpg

 

ブランド設定に表示されるのは、透明ではない色のみであることに注意してください。 例えば、Summer Campaign のブランド設定の1カラーが透明である場合、以下のように6つのカラーのみが表示されます: 

  6_colors.jpg

5.

必要に応じで、更にカラーを設定します。


カラーマッピング図

シーンでどのように色が使われるかを確認したい場合、以下のマッピング図をご参照ください。
全ての色が使用されないシーンもある点にご注意ください。

Mapping_diagram_for_colors.jpg

この記事は役に立ちましたか?
0人中0人がこの記事が役に立ったと言っています

コメント

0件のコメント

記事コメントは受け付けていません。