概要 #
デザインビルダーは、フォームのビジュアル表現を自由にカスタマイズできる高機能エディタです。画像やテキストの配置、フォントスタイルやサイズ、カラーなどを直感的なUIで編集でき、より印象的なスタートページやゴールページなどを作成することが可能です。
活用シーンは多岐にわたり、フォーム内の診断テストやクイズフォームの導入画面（スタートページ）、質問セクション、診断ページ（結果表示）、クラスページ（スコア表示）、ゴールページ（最終メッセージ）など、フォーム全体に使用できます。特に「セクション」単位でデザインを管理できるため、質問内容とビジュアル要素を分離して柔軟に配置したり、ブランドに合わせた統一感のあるデザインを実現したりすることが可能です。
レイアウトも「1カラム」「2カラム」「3カラム」などから選択でき、画像と説明文を並べるなどの高度な構成も簡単に行えます。各要素には細かくスタイル指定ができるため、より幅広い表現力を持ったページ作成が実現できます。
現在は「フォーム機能」にのみ適用されており、診断テスト・クイズ・アンケートなど、各種フォームタイプの作成・編集画面内で使用することができます。その他のコンテンツ編集領域では利用できません。
①デザインビルダー画面 #
■ 利用ポイント
・セクションごとの設計が可能：
コンテンツのパーツごとに分けて編集できるため、柔軟な構成が可能です。
・多彩なカラムレイアウト：
画像とテキストを並列表示できる2カラムや、比較表示に最適な3カラムなどが簡単に選べます。
また、レスポンシブ対応によりスマートフォン表示にも対応しています。
・フォントやカラーの自由度：
テキストサイズ・文字間隔・色・背景など細かく指定できるため、ブランドガイドラインに
即したデザインも可能です。
・視覚的に訴求力の高いページ設計：
CTAボタンや背景画像などのデザイン要素を組み合わせて、視認性・操作性の高いページを
構築できます。
②デザインビルダーの適用範囲一覧 #
デザインビルダーは、LSEEDシステム内のすべての機能で使用できるわけではありません。現在、以下の機能でのみ使用・適用が可能です。
● フォーム
– スタートページ
– セクション（質問格納エリア）
– 診断ページ（診断テストフォーム時）
– クラスページ（クイズフォーム時）
– ゴールページ
– オプトページ
– フォームデザイン（質問のinputの装飾、セクションデザインの共通フォントなど）
詳しくは「デザインビルダー：フォームへの適用範囲について」をご参照ください。
● 今後、他の機能でもデザインビルダーが使用できるようになる予定です。