概要 #
デザイン設定では、選択したオブジェクトの見た目（背景・枠線・角丸・影など）を自由にカスタマイズできます。
単なる装飾だけでなく、コンテンツの見やすさや視線誘導を高めるために重要な要素です。
背景には画像やグラデーションを使ったり、枠線の太さ・色・線種を調整したり、影を加えて立体感を演出するなど、細かいデザイン調整が可能です。
デザインの設定説明 #
① 背景設定
背景には「画像」「単色」「グラデーション」のいずれかを適用できます。
- 画像：任意の画像を背景として使用できます。「画像を選択する」ボタンからアップロード済み画像を選択します。
- 単色：1色のみを背景に設定できます。カラーパレットから選択、またはカラーコードを直接入力します。
- グラデーション：2色のグラデーションを設定可能です。上段が開始色、下段が終了色になります。角度や方向は自動で適用されます。
② 背景レイヤー
設定した背景（色や画像）がレイヤーとして表示されます。複数レイヤーを作成して重ねることも可能です。
※レイヤーはドラッグ＆ドロップで上下に並び替えが可能です。並び順で表示の重なりが変わります。
不要な背景は、各レイヤー右に表示されるゴミ箱アイコンをクリックすることで削除できます。
③ ボーダー設定
枠線の太さ・色・線種（実線／点線など）を設定できます。「個別設定」を有効にすると、上下左右の枠線を個別に調整できます。
④ ボーダーコーナー
角丸のサイズをピクセル単位で調整できます。全角統一だけでなく、特定の角のみを丸める設定も可能です。
⑤ シャドウ設定
影の効果は3種類から選べます：
- インナーシャドウ：オブジェクトの内側に影を落とします。凹んだような印象を与えます。
- ドロップシャドウ：オブジェクトの外側に影をつけて、浮き上がったように見せます。
- テキストシャドウ：テキスト自体に影を適用します。文字の立体感や視認性を高める効果があります。
⑥ シャドウレイヤー
設定された影のプレビューが一覧で表示されます。各シャドウレイヤーは、内容に応じて「テキストシャドウ」「ドロップシャドウ」などと明示されます。
※シャドウレイヤーはドラッグによる順序変更はできません。
不要なシャドウは、各レイヤー右に表示されるゴミ箱アイコンをクリックすることで削除できます。