LPを作っていて「ここ、どう繋げばいいんだろう…」って手が止まったことありませんか?

・色を変える?

・余白をあける?

・線を入れる?

実はこれ、

初心者さんが一番迷うポイント☝️

でも、

セクションのつなぎ方って

センスで選ぶものじゃないんです。

大事なのは

👉 次のセクションで

読者の気持ちがどう変わるか。

・興味 → 共感

・共感 → 不安

・不安 → 希望

・納得 → 行動

この「感情の流れ」が分かると、

どんなつなぎ方を選べばいいか

自然と決まってきます。

今回の投稿では

初心者さんが迷わないように

・大前提の考え方

・判断するための視点

・セクションのつなぎパターン例

をまとめました🌷

LP作りで

「なんとなくデザイン」から

「考えてデザイン」に進みたい人は

保存して、作業中に見返してください!⸜🌷︎⸝‍

💬 LP作るときに毎回迷ってた…という方、

どのセクションで一番止まりますか?👀

コメントで教えて下さい♡

初めまして!

🌷じぶん開花Webデザイナーよこさんです🌷

🌼このアカウントでは🌼

駆け出しWEBデザイナーや、WEBデザイナーを目指すママさん向けに

🌷WEBデザインの知識

🌷育児中ママさんのWEBデザイン勉強中の悩み

🌷フリーランスとしての働き方

🌷フリーランスWEBデザイナーを目指すマインド

などを発信しているよ!

ぜひ、もっと知りたい方はフォローしてね!

あなたは、WEBデザイナーになってどう生きたい?

どんな自分になりたい?

ちょっとづづ、確実にやりたいことができる生活を目指そう🌷

#コメントチャレンジ

#webデザイナー

#webデザイン勉強中の方と繋がりたい

#フリーランス

2025/12/19 に編集しました

... もっと見るLP制作で特に初心者の方が悩みやすいのが、各セクションの繋ぎ方ですよね。実際に私も最初は「色を変えるべき?余白を開けるべき?」と迷って手が止まってしまうことがよくありました。 しかし、重要なのは見た目のセンスだけで判断することではなく、「読者の感情の流れ」を設計することです。例えば、興味を持った読者には共感を呼び、不安を感じさせた後に希望を示し、最後に行動を促すといった順序を意識することが大切です。これにより、自然で効果的な繋ぎが可能になります。 さらに、情報の重さも考慮すると良いでしょう。悩みや問題提起の部分は読者に負担をかけやすいため、装飾や余白でリズムを取る工夫が必要です。一方、解決策やベネフィットは軽やかに伝えたいので、画面のバランスを見ながら調整しましょう。 また、一呼吸おく余白スペースの使い方や、強調セクションは背景色や囲みで目立たせると効果的です。よこさんのLPデザインでは「三角」「斜め」「視線誘導」「曲線」といったパターンも用いており、それぞれ読者の視線や感情を自然に誘導します。 このように、LPのセクションつなぎは感覚ではなく「設計」であり、思考のプロセスが結果を大きく左右します。実際にこれを心得てから、自信を持って修正や改善もできるようになりました。もし迷ったら、読者の感情の動きを何度も想像してみてください。きっと答えが見えてきますよ。

関連投稿

「何から始めればいいか分からない人」
のために⁡ 最初の一歩を決めるシート作りました⁡ 👉「一歩」と⁡ 残してもらえれば受け取れます!⁡ ⁡ 私も⁡ 全然うまくいかない時期ありました⁡ 今も全然あります⁡ ⁡ 頑張ってるのに⁡ 何も変わらない⁡ ⁡ で、ずっと考えてたんですよね⁡ 「何をすればいいんだろう」って⁡ ⁡ でも今思うと⁡ あの時間⁡ ほとんど止まってました⁡ 手が動いてませんでした⁡ ⁡ 変わり始めたきっかけは⁡ すごくシンプルで⁡ “分からないまま動いたこと”⁡ ⁡ やってみて、⁡ 違う…⁡ またやる!⁡ それだけでした⁡ ⁡ もし今⁡ 止まってる感覚があ
ひでお室長|行動心理の人|覚悟の言語化

ひでお室長|行動心理の人|覚悟の言語化

26件の「いいね」

「どこで探せば雰囲気がまとまる素敵なLPになるの?」
女性起業家さんのLPって、 写真・アイコン・装飾… 「どこで探せば雰囲気がまとまる素敵なLPになるの?」 だから今日の投稿は “これ揃えたらLPがまるっと作れる” 素材だけを厳選してまとめました🌷 ✔女性起業家の写真 ✔カフェ・自宅オフィス背景 ✔ガジェット ✔女性向けカラー素材 ✔ミニマルアイコン ✔図解パーツ ✔装飾 ✔お客様の声パーツ これだけでLPが作れるようになるよ◎ 💾 保存して活用してね! 💬 コメントで「自分が一番意識したいポイント」教えてね! 初めまして! 🌷じぶん開花Webデザイナーのよこさんです🌷 私も育児中
よこさん⌇じぶん開花🌷Webデザイン

よこさん⌇じぶん開花🌷Webデザイン

7件の「いいね」

読まれるLPと読まれないLPの抽象的なレイアウトを比較し、LPの構成がユーザー体験に与える影響を示唆しています。
読まれないLPは、課題、商品説明、購入ボタン、実績などの情報が文脈を無視した順序で提示され、ユーザーの理解プロセスとズレていることを示しています。
ユーザーの心理��が「興味」「共感」「理解」「信頼」「行動」という線で動くことを示し、LP構成をこの流れに合わせることで読まれる率が向上すると説明しています。
読まれるLPと読まれないLPは何が違う?
LPは「ページ」ではなく「体験設計」。 読まれるLPをつくる人は、 構成・心理・コピー・デザインのすべてを“流れ“として考えている。 順番・意図・文脈を整えることが、 最も強力なデザインスキルです。 #LP #UXデザイン #情報設計 #UIUX #デザイン思考
HUNCHES|Web Design

HUNCHES|Web Design

5件の「いいね」

白い背景に、緑色の文字で書かれた自己紹介文です。ユーザー「のぴ」がTikTokユーザーで、stprリスナーとしてアンプタック様を応援し、アプリでの挨拶をしています。絵文字(👋😅📣🍅💚)とLemon8の透かしも含まれます。
なんだここ一旦挨拶をしようこんちゃ!どものぴです✋TikTokでも投稿などしてるんですけどなんか気に
よく分からないねぇ〜 #stprリスナーさんと繋がりたい #stprリスナーさん
のぴまる📣🍅💚

のぴまる📣🍅💚

5件の「いいね」

想いだけでは伝わらない
どれだけ想いを込めても 伝わらない それは、気持ちが足りないんじゃなくて “主語”がズレてるだけ。 「どう話すか」「どう伝えるか」 大事なのは、 “相手がどう受け取るか” ペルソナの心の中にある言葉を 代わりに話すだけで、 伝わり方は一気に変わります リールは、あなたの気持ちを叫ぶ場じゃなくて ペルソナの気持ちを代弁する場所 その意識だけで、反応は変わります。
みよこ|はじめてのSNS発信講座

みよこ|はじめてのSNS発信講座

6件の「いいね」

【Excel】やってない?その入力かなり迷惑
あえて…? @あっこ|ワーママのExcel•PC仕事術 👈他のExcel仕事術はこちら 今回は改行された文字を分割する方法をご紹介! [手順]:改行を分割 1.範囲選択 2.データタブの区切り位置 3.上にチェックをいれて次へ 4.その他にチェックをいれてCtrl+J 5.改行されている部分に線が入っているのを確認 6.完了→OK [手順 逆バージョン]:改行した状態でつなげる 複数セルを1つのセルに改行してつなぐには「&CHAR(10)&」を使います! 例えばB3~E3を改行した状態で繋げたい場合、 1.別のセルに「=B3&
あっこ|ワーママのExcel•PC仕事術

あっこ|ワーママのExcel•PC仕事術

2251件の「いいね」

🎶使えなかったので違う曲で😉
#BTS #ナムジュン #RM #ナムペン #김남준
⟭ mugi ⟬

⟭ mugi ⟬

4件の「いいね」

🔸&を使わない文字連結🔸
【やり方】 ・=CONCAT(繋げたいセルを範囲選択) ・Enter 【保存】してマネしてみてね😊 。:+* ゚ ゜゚ あお|Excelで“自分時間”を増やす働き方 ˗ˏˋ がんばらなくても整う働き方ˎˊ˗ ▷ 手間をかけずに効率化🪄 ▷ Excelで叶えるゆとり生活🌿 ▷ 家事も仕事も仕組みでラクに🌷   在宅フリーランスママ💻 三児ママ|起業家サポート歴3年|累計2億円超に貢献 ほかの時短技はこちらから @あお|Excelで“自分時間”を増やす働き方 。:+* ゚ ゜゚ #excel #仕事 #仕事術
あお|Excelで“自分時間”を増やす働き方

あお|Excelで“自分時間”を増やす働き方

25件の「いいね」

🎶使えなかったので違う曲で😉
#ナムジュン #ナムペン #RM #김남준 #BTS
⟭ mugi ⟬

⟭ mugi ⟬

16件の「いいね」

派遣先で困ったときに差が出る行動3選
困ったときほど、「迷惑かも」「聞いていいのかな」って悩みますよね。 でも実は、その場面こそ信頼が伝わりやすい瞬間。 完璧な対応じゃなくていい。 早めに共有する誠実さが、「一緒に働きやすい人」という評価につながります。 #派遣先 #仕事の悩み #信頼関係 #株式会社ウィズ
withキャリアアップ

withキャリアアップ

0件の「いいね」

AF VF違いは?
スキマ時間に勉強したい人集まれー✨ AFとVFの違いは心房と心室の違いなんだけど 症状も対応も全然違う!!! 命に関わるから必ず押さえておいてね✨ _______________________________ 外科ナースのいーちゃんです👩‍⚕️ @i_chan.kango_ 忙しい病棟看護師さん💉 毎日バタバタで、 わからないことがあっても調べる余裕なし…💦 仕事終わりはクタクタで、 勉強する気力もない…😣 でも、大丈夫!✨ ここを1日1分見るだけで、仕事の自信UP⤴️ スキマ時間にサクッと学んで、 休日はしっかり遊ぼう🏖️📚 ※
いーちゃん 外科で使える看護知識

いーちゃん 外科で使える看護知識

62件の「いいね」

三流 → 二流 → 一流
あなたのやり方はどれだった? ⁡ 同じIllustratorでも ″線の端を角でつなぐ方法″は3タイプ! ⁡ 一歩進んだやり方を身につけたい人は 保存してあとで試してみてね◎ ⁡ #illustrator初心者 #イラレ講座 #デザイン勉強中 #illustrator使い方 #デザインのコツ #デザインTips
フジ

フジ

6件の「いいね」

線に沿ってリボンが作れる!
ブレンド機能だけで動きのあるデザインが完成◎ ⁡初心者さんでもすぐできる時短テク! ⁡ ▶︎ 黒と白の長方形を上下に並べてグループ化 ▶︎ 横にドラッグしてコピー ▶︎ 全体を選択して「ブレンドを作成」 ▶︎ ブレンドオプションで  「ステップ数」→1000に設定 ▶︎ ペンツールで好きな線を描く ▶︎ 線とブレンドを選択  →「ブレンド軸を置き換え」 ⁡ たったこれだけで 線に沿った立体リボンが完成! ⁡ あとで試したい人は保存してね 「使えそう!」と思ったらシェアも大歓迎! ⁡ #illustrator講座 #イラレ初心者 #リボンデザ
フジ

フジ

25件の「いいね」

【話を纏めることが多い。聴くことが多いから→壁打ちにご活用ください】
【朝ウォーキング12/12金】 話を纏めたりすることが多い。なるほど「要する◯◯ということですね」と整理することも多い。 これも聴くことが多い一つの産物。私を壁打ちにもご活用ください。 #朝ウォーキング #交流会 #デイリー交流会 #goendirection #習慣化
幸田一浩

幸田一浩

0件の「いいね」

何に耐えているか見ておいて
#コメント大歓迎 #日常集めた #電車
十分に高度な技術は、魔法と区別がつかない。

十分に高度な技術は、魔法と区別がつかない。

1件の「いいね」

「生きる上で大切な」あいうえお
@ecto810.1 ◀︎ 心がふっと軽くなるヒント、毎日お届け中🌿 ご覧いただきありがとうございます😊 ─────── 💡今日のテーマ 「生きる上で大切なあいうえお」 ①「愛」…さないと「愛」されない ②「命」…は限りある時間 ③「運」…は人からもたらされる ④「縁」…は繋げば心豊かになる ⑤「恩」…は次の世代に返すもの 私も日々の生活で、 「縁」と「恩」を特に意識しています。 人とのつながりに助けられ、 その恩をどう次へ返せるかを考えることで、 心が少しずつ整っていく気がします。 ─
エクト|疲れた心の立て直し方

エクト|疲れた心の立て直し方

71件の「いいね」

使ってみたらコレいいじゃん🚙
今回は吸着力最強の車載ホルダーを紹介しました🙋‍♂️ . この車載スマホホルダー疑ってたの僕だけ?w . 最近SNSでめっちゃ流れてきて ぶっちゃけ『怪しい…』って思ってて買わなかったんだけどスパセもあったし、物は試し! ってことで買ってみたら全然よかったので紹介します🤟 . ほんとに吸着力がすごくて ロックするとダッシュボードでもマジで取れん! . ロックを解除しても取るのに結構力が必要なぐらい取れん😂 . コンパクトだし360°回転するので向きも自由自在✨ . 今まで使ってた車載ホルダーはダッシュボードに付かなかったし、グイッと曲がる車載ホルダーは存在感がす
くりぼー | 便利で快適な暮らし

くりぼー | 便利で快適な暮らし

64件の「いいね」

【100均材料だけで!】くるくるボトル
\赤ちゃん大喜び!!くるくるボトル/ ボトルを傾けると中のブロックがくるくる回るのが めっちゃ楽しくて喜んでたよ🙌💗 《 知育効果 》 ◽︎見る力が育つ(追視や注視) ◽︎観察力や集中力がつく ◽︎想像力が育つ ◽︎手指の筋力がアップ ◽︎興味関心・好奇心が育つ ◽︎カラフルだから視覚にも刺激がたくさん🌈 《 作り方 》 ①丸い割り箸をボトルの長さにカットしたら ストローの中に入れる ②片方のストローに切り込み入れてタコ足にする ③モールを3つ繋げたら ストローの先端に入れてくるくるきつめに巻く ④巻き終わりもストローに入れたら
まなりん | 0歳のカンタンゆる知育

まなりん | 0歳のカンタンゆる知育

26件の「いいね」

1ブロック編んだ後の繋げ方🤍
今回はモチーフの繋げ方をご紹介してます このままお好みの大きさまで編むと 編み地が階段のような形になっていくので 最後に四角くする方法はその3でご紹介します😊 長くてすみません😂 初めてアフガン編み編んだ時に え、これどうやって最後終わるんだろう… と思った記憶があります😂 最後の四角くする方法大事なので見てね! それはそうと、かぎ針が赤いのに ネイルも真っ赤で ちょっと見にくかったらすいません💦 #アフガン編み #編み物 #手編みバック #かぎ針編み #コメントチャレンジ
結糸🧶ゆいと 編み物*かぎ針編み

結糸🧶ゆいと 編み物*かぎ針編み

95件の「いいね」

これで飛ばせる紙コップ飛行機✈️
バズってたこれ飛ばなかったのわたしだけじゃないはず🫣 ~用意するもの~ ☑︎ 紙コップ2個 ☑︎ テープ ☑︎ 輪ゴム4本 飛ばせた時の爽快感はハンパないです🤣✨ 子ども達は投げて遊んでました🤣 ぜひチャレンジしてみてね〜 どんなことでもコメントいただけると嬉しいです🎀 #おうち遊び #自宅保育 #紙コップ #飛行機 #chikkaあそび Voiced by https://CoeFont.cloud
ちっか|2歳からの夢中おうち遊び

ちっか|2歳からの夢中おうち遊び

6件の「いいね」

もっと見る