「どう並べたらいいの？」に、組み立てかたの見本で答える。8つの型・40パターンのレイアウト集。 バナーを作るときに、いちばん時間がかかるのは「どこに何を置くか」を決めるところです。 この見本帳は、よく使う並べかたを8つの型・40パターンに整理して、それぞれに使いどころとコツをつけました。 作りたいものに近いレイアウトを選んで、同じ番号の骨組みSVGをFigmaやIllustratorで開けば、写真と文字を入れていくだけの下敷きになります。正方形（1080×1080）と横長（1200×628）の2サイズがあります。 ブラウザで開く一覧も付いているので、型で絞りこんだり、見本と骨組みを切り替えたりしながら探せます。 ■ 内容物 ・banner-layout-book.pdf：見本帳（A4・28ページ）。40パターンの見本、使いどころ、コツ、選びかた、読みやすくする5つのコツ、サイズの例 ・layout-viewer.html：ブラウザで見る一覧（型で絞りこみ／見本・骨組みの切り替え／正方形・横長の切り替え） ・骨組みSVG：正方形40点＋横長40点 ・見本：正方形40点＋横長40点（PNG・SVG） ・README.txt ■ 8つの型 中央ぞろえ／左右分割／上下分割／対角線・Zの流れ／グリッド／余白を活かす／大きな文字／装飾・フレーム ■ こんな方に ・バナーのレイアウトで毎回悩むデザイン初心者の方 ・SNS画像やブログのアイキャッチを自分で作るお店・個人の方 ・たたき台をすばやく作りたいWebデザイナーの方 ■ 使い方 1. zipを解凍して、PDFか layout-viewer.html でレイアウトを選ぶ 2. 同じ番号のSVGを、SVGを開けるソフト（Figma・Illustrator・Inkscape など）で開く 3. 写真と文字を入れて仕上げる ※写真素材は入っていません。見本の写真部分はイメージの図形です。 ※見本の店名・日付・価格はすべて架空の例です。 ※SVGの文字を同じ見た目で表示するには Noto Sans JP／Noto Serif JP（Google Fonts）をパソコンに入れてください。ソフトによって表示が少し変わることがあります。 ※Canva用のテンプレートではありません。 ■ 利用規約・ライセンス ご自身やお客様のバナー・SNS画像・広告・印刷物の制作に使えます（商用OK・クレジット表記不要）。レイアウトを参考に自由に変更できます。 データそのもの（PDF・SVG・PNG）の再配布・再販・無料配布、テンプレート集や素材集としての販売はできません。 ■ フォント Noto Sans JP／Noto Serif JP（Google Fonts・SIL Open Font License 1.1。フォントファイルの同梱なし）