AI ビルダ-では、「カラーパレット」を使って、ホームページに使用するメインカラーを設定できます。この色に統一して使用することで、スタイルやブランドに合わせた調和のとれたプロのようなデザインができます。
どの色を選べば良いか迷ったら、AI による「パレットセレクター」が色の組み合わせを提案します。また、ブランドをイメージした画像をアップロードすると、その画像をもとにカスタマイズされたカラーパレットを自動生成することもできます。
カラーパレットセレクターを使うと、ブランドや個性に合ったデザインを簡単に仕上げることができます。
色の変更方法
- ジンドゥーのアカウントにログインしてホームページを選択。
- AI ビルダーのアクションから「編集」をクリックして編集画面へ。
- 左にあるメニューからデザインをクリック。
- カラーテーマを編集するをクリック。
- カラーパレット内の色をクリックして最初の色を選択します。以下のいずれかの方法で色を選べます。
- 表示されるグラデーションエリアをクリックして、好きな色の濃さを選びます。丸を動かして調整してください。
- 下部の虹色バーを使ってメインカラーを変更します。丸を動かしてさまざまな色を試してみましょう。
- 具体的な色コード(例:#3464d0)がわかっている場合は、グラデーションエリア上部のボックスに入力します。
- この手順を繰り返し、2色目、3色目、4色目を設定します。パレットのアイデアは、最初の2色に基づいて生成されます。最初の2色を選択または変更するだけで、パレットアイデアが自動的に更新されます。
提案された色を使う
自分で色を設定するのが難しい場合でも、ジンドゥーでは2つの便利なオプションを利用できます。1つ目はカラーパレットアイデアで、自動的に提案される配色を選ぶ方法です。2つ目はAI に生成された人気パレットで、AI が作成した色の組み合わせから選ぶことができます。どちらのオプションも、簡単に統一感のあるデザインを作成する手助けをしてくれます。
-
カテゴリーを選択した場合:AI ビルダーホームページ作成時に質問されたビジネスのカテゴリーを指定していると、そのカテゴリーに合った配色が提案されます。
-
カテゴリーを選択していない場合:AI がホームページに適した色の組み合わせを自動で生成します。
どちらの方法でも、調和のとれたプロのようなデザインを作成できます。
注意:変更内容は更新をクリックしないとウェブ上に反映されません。
画像からカラーパレットを作成する方法
別の方法として、画像からカラーパレットを生成することもできます。画像から色を抽出するボタンをクリックし、画像を選択してください。
画像から抽出された色を使わない場合、「パレットを編集」ボタンをクリックして元の編集画面に戻りますが、一度抽出した画像の色は元の色には自動的に戻らないため、手動で調整する必要があります。
注意:選択した色を誤って他の色や提案されたパレットで上書きしてしまった場合は、上部の最終保存時刻の左横にある矢印、元に戻すボタンで元の色設定を復元できます。
ヒント:画像の表面にかかるフィルターやテキスト、ブロックの背景、ボタンの色は、選択したデザインに自動的に調整されます。