編集

編集画面の左側はツールバーで、設定が 4 つのセクションに分かれています。右側には常にリアルタイムプレビューが表示されます。

ページ上部のボタン

レイアウト

レイアウトとメニューバーのテキストの横の「?」を押すと、短い説明が表示されます。

ボタン

各マスを個別に設定します。マスの数はレイアウトで決まります。

「アイコンを選択」には Tabler、Phosphor、Bootstrap の 3 種類のアイコンスタイルがあり、現在 1000 種類以上のアイコンからそのまま選んで適用できます。アイコンは正式なライセンスのもとで商用利用できます。各スタイルは、ナビゲーション、連絡先、宿泊、飲食、交通などのテーマで合計 14 のカテゴリに分かれています。

アクションの種類は 3 つです。

「ボタンごとのカスタム設定」をオンにすると、このマスのアイコンとラベルのテキストそれぞれに X 軸、Y 軸、サイズ、色を調整できます。 何に使うかわからない場合は、オフのままにしてください。

スタイル

このセクションの設定はすべてのボタンに適用されます（「ボタンごとのカスタム設定」をオンにしたマスを除く）。

• アイコン：サイズ、線の太さ、色
• 文字：サイズ、色
• ボタンの間隔：間隔が大きいほど、ボタンの間の区切り線がはっきりします
• 位置：「クイック位置」には 4 種類の配置があり（アイコンが上、文字が上、アイコンが左、文字が左）、 押すとアイコンと文字の座標が同時に設定されます。そのあと「アイコンの位置の調整」「ラベルのテキストの位置の調整」でそれぞれ X／Y を微調整できます
• 配色：「プリセットの配色」にはダーク（既定）、ブラック、ライト、LINE グリーン、ダークブルー、ブルー、オレンジ、パープル、ティール、ゴールドがあり、 選ぶと境界色、ボタンの色、アイコンの色、文字の色がまとめて適用されます。適用後も個別に微調整できます

装飾画像

装飾画像を適用

背景画像を設定すると、画像全体が画面上のアイコンと背景を覆い、その画像が下地になります。 背景画像の右上の × で外すと、自動的にアイコンの表示に戻ります。ラベルのテキストには影響しません。

「ライブラリから選択」を押すと「適用する画像を選択」が開きます。

• 上部で取得元ごとに絞り込めます：すべて、アップロード画像、AI 生成（エフェクト未適用）、エフェクト適用済み
• 「画像をアップロード」で自分の画像をライブラリに追加します
• 画像を 1 枚選ぶと、さらに「マスクのエフェクト」を選べます：適用しない（元画像のまま）、半透明マスク、サンプリングで明るさを固定、 すりガラス風ぼかし、グラデーションでフェード（ダーク）、グラデーションでフェード（ライト）。「適用する」で背景画像に設定し、 「画像を選び直す」でライブラリに戻ります
• ライブラリの画像を削除するには、説明文のリンクにある「画像管理」ページで行います

「画像管理」のリンクで開くページ：

AI で装飾画像を生成する

装飾画像は AI で生成することもできます。ページ上部の「AI 美化画像を生成」を押してください。AI 美化画像を生成を参照してください。 生成した画像はライブラリに追加されるので、ここに戻って「ライブラリから選択」で適用します。

リアルタイムプレビューと最終出力のプレビュー

右側のリアルタイムプレビューは変更に合わせて更新され、上部には現在のレイアウトと、装飾画像がアイコンを覆っているかどうかが表示されます。 下の「ガイド線」スイッチでプレビューに補助線を表示し、「プレビューのサイズ」でプレビューの大きさを調整します。

「保存＆最終プレビュー」を押すと、右側に「最終出力のプレビュー」が開き、スマートフォンの LINE のチャット画面の形で 最終的に出力されるメニューの画像が表示されます。下部にはメニューバーのテキストがあります。