💠

アイコン・吹き出しのスタイルの変更方法

1. アイコン

ヒントの?アイコンを任意の形・テキスト・色に変更することで、「?」以外の表現のヒントを作ることができます。

1-1. ヒントアイコン変更例

ヒントアイコン変更例①

image

ヒントアイコン変更例②

image

1-2. ヒントアイコンの設定方法

  1. [表示スタイル設定]をクリック
  2. [アイコン]をクリック
  3. image
  4. 変更したいアイコンに設定する
  5. 詳細な設定方法は、次の項目である「ヒントアイコンの各設定項目」をご確認ください。

    image

1-3. ヒントアイコンの各設定項目

テキスト

テキスト入力することで「?」以外の文字列でアイコンを表現することができます。

image

形状

[ 円 / 四角 / 三角 ]の3種類から選択できます。

四角を選択した場合、角の丸みを設定できます。

※円、三角は中のテキストを1文字にすることを推奨しています。

形状は3つの種類から選択が可能
形状は3つの種類から選択が可能
image
形状[四角]の場合、角の丸みの設定が可能
形状[四角]の場合、角の丸みの設定が可能
image

背景色、枠の色、文字色

それぞれの色を変更できます。 カラーコードまたはカラーパレットで指定可能です。

image

[背景色を透明にする]にチェックを入れると枠と文字だけのアイコンを作ることができます。

image
[背景色を透明にする]
[背景色を透明にする]にチェックを入れると上記のようなアイコンの作成が可能に

サイズ、文字サイズ

サイズではアイコンの大きさを、文字サイズでは中の文字の大きさを変更できます。

image

2. 吹き出し

吹き出しの背景色を変更することで、 お客様のプロダクトデザインに合わせた吹き出しを作ることができます。

2-1. 吹き出しの変更例

背景色:白(デフォルト)

image

背景色:黒

image

2-2. 吹き出しの設定方法

  1. [表示スタイル設定]をクリック
  2. [吹き出し]をクリック
  3. image
  4. 吹き出しの背景色を変更する
  5. それぞれの色を変更できます。 カラーコードまたはカラーパレットで指定可能です。

    image

Onboarding ヘルプページOnboarding ヘルプページ

よくある質問