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

・色を変える?

・余白をあける?

・線を入れる?

実はこれ、

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

でも、

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

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

大事なのは

👉 次のセクションで

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

・興味 → 共感

・共感 → 不安

・不安 → 希望

・納得 → 行動

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

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

自然と決まってきます。

今回の投稿では

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

・大前提の考え方

・判断するための視点

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

をまとめました🌷

LP作りで

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

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

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

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

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

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

初めまして!

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

🌼このアカウントでは🌼

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

🌷WEBデザインの知識

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

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

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

などを発信しているよ!

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

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

どんな自分になりたい?

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

#コメントチャレンジ

#webデザイナー

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

#フリーランス

2025/12/19 編集済み

... もっと見る「セクションタイトルのデザイン」、私も最初は“なんとなく”で決めていました。装飾を増やせば見やすくなる気がして、線を引いたり背景を変えたり…でも後から見返すと、タイトルだけが主張しすぎたり、逆にどこが区切りか分かりにくかったり。そこで意識するようになったのが、セクションタイトル=見た目ではなく「読み進めてもらうための装置」だという考え方です。 まず、セクションタイトルで決めたいのは「ここで読者の気持ちをどう動かすか」。たとえばファーストビュー直後は“興味”が強いので、タイトルは短く・強くしてテンポよく入るのが合いました。逆に「共感→不安」のパートでは、あえて余白を広めに取り、タイトルも少し柔らかい言い回しにすると、読者が感情を受け止めやすくなります。デザイン要素(色・線・囲み)は、その感情の変化をサポートするために使う、という順番にすると迷いが減りました。 次に便利だったのが「情報の重さ」でタイトルの存在感を変えること。悩みの提示や問題提起など“重い”情報の前後では、装飾を盛りすぎず、余白と文字サイズで落ち着かせる。ベネフィットや解決策など“軽い”情報では、少し明るいトーンやアイコンを足して、読み手の気分を持ち上げる。これだけで同じフォントでも印象が変わります。 そして「一呼吸いるか?」の視点。読者に考えてほしい場面(例:失敗の原因、現状の棚卸し)では、セクションタイトルの上に余白を入れたり、背景を薄く切り替えて“区切り”を作る。逆に勢いで読ませたい場面(例:手順、チェックリスト)では、背景は同色のまま、タイトルだけを整えてスムーズにつなぐ方が読了率が上がる感覚がありました。 最後に、私がよく使う簡易ルールを置いておきます。①強調したいセクションは「背景トーン変更 or 囲み」②自然につなぎたいセクションは「同色背景+タイトル整形」③視線を下へ流したいときは「斜め・三角・曲線」などの“つなぎパターン”を使う。セクションタイトルのデザインに迷ったら、まずは感情→情報の重さ→呼吸→強調/つなぎの順にチェックすると、決め手が見つかりやすいです。

関連投稿

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

ひでお室長|心のコンビニ|

37件の「いいね」

【Excel】連結はこれでOK
それだけで繋がるの? @あっこ|ワーママのExcel•PC仕事術 👈他のExcel仕事術はこちら 今回は文字をサクッと連結する方法をご紹介! やり方👇 ▶ CONCAT関数 繋げたい範囲を選ぶだけでOK! ▶ Ctrl+E(フラッシュフィル) 1行入力すれば一気に下まで反映✨ 用途に合わせて使い
あっこ|ワーママのExcel•PC仕事術

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

30件の「いいね」

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

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

32件の「いいね」

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

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

2588件の「いいね」

これどうやるの?
【服が“吹っ飛んで着替わる動画”AIで作れる👇】 紹介している元動画の場合は 一着ずつ着替えて撮影→また着替えて撮影 これを繰り返して、編集で繋げているよ👗💥 でもそれ、撮影時間も体力も めっちゃ奪われるから AI使えば全部ショートカットできちゃう😂🔥 🔧使うツール ・NanoBananaPro(服変換) ・Higgsfield(合成) ・CapCut(編集) ・Canva(背景透過) ※CapCut/Canvaは同じ機能あれば代替OK👌 🎬作り方【保存推奨🔥】 ① 基本の動画を1本だけ撮る(着替え不要🙅‍♀️) ② NanoBanana
けん | ちょいプロ級のショート動画攻略

けん | ちょいプロ級のショート動画攻略

8件の「いいね」

【QOLが上がる神チェスト】
今まで使ってたチェストは、 隙間やホコリが気になってプチストレス… このチェストは、背面や側面がフラットで 2つのチェストを1枚の天板で繋げられるから 隙間ができない!とにかく可愛い! 色んな大きさや色の種類があって迷います☺️💞 ⭐️紹介したアイテムは、 あずのプロフィールのリンクから確認できます! #収納 #チェスト
あず⌇不器用なママでも整う暮らし

あず⌇不器用なママでも整う暮らし

8330件の「いいね」

お盆休み後半戦、ネタに尽きて来たら これつくってみて!💗 無限にクルクル回せてなーんかクセになる笑 2歳にはちょっと難しいかもしれないけど、 指先と手首をよく使うから、動かす練習にも◎ ♩.•¨•.¸¸♩.•*¨*•.¸¸ ♩.•¨•.¸¸♩.•*¨*•.¸¸ ぺこママです👩🏻 元保育士ママが、ただただ我が子の笑顔を見たくて 2歳でも楽しめる簡単なおもちゃを作って頑張ってます🔥 特に指先を使う遊びが多いよ✨✌🏻 どんな反応するかな?喜ぶかな?って 子どものことを想いながら作って渡すまでの このワクワク・ドキドキがとっても大好き💕 みんなにもこの気
ぺこママ|2歳の簡単おうち遊び

ぺこママ|2歳の簡単おうち遊び

90件の「いいね」

\0・1歳さんから楽しめる/フリフリ♪こいのぼり
振るだけで完成!?🎏✨ 振るだけでできちゃう!?こいのぼり🎏✨ 実はこれ… 空き容器にポンポン入れてフリフリするだけ👏 開けるまでどんな模様になるかはお楽しみ💖 絵の具あそびって楽しいけど 準備やお片付けが大変…ってことない?🥺 これなら ✔手が汚れにくい ✔準備かんたん ✔小さい子も楽しめる 先生が準備してあげれば 0歳さんでも“フリフリ”で参加できるよ👶🏻✨ 今回はR1ボトルを使ったけど このサイズの空き容器ならOK👌 ゆらゆら揺れるこいのぼり🎏 フリフリ止まらないよ ぜひ作ってみてね✨ 保存してあとでやるのもおすす
さとこ先生 I 作って楽しい✨制作と遊び

さとこ先生 I 作って楽しい✨制作と遊び

4件の「いいね」

無印良品の「やぶれにくいキッチンシート」のロールが写っています。50枚入りで、カットサイズは約24×27cm、価格は399円(消費税込)と表示されています。
無印良品の「生成コットン フェイスタオル」のパッケージが写っています。60枚入りで、価格は499円と表示されています。
白いフェイスタオルが複数枚重ねて置かれており、手前には広げられたタオルが1枚写っています。
無印良品とニトリと警察署へ行って来たよ?!
無印良品 ☆やぶれにくいキッチンシート399円 凄い、丈夫…また、次回で感想しますね! ☆フェイスタオル(60枚入)499円   正方形だね…こちらも次回で感想します! ☆トイレットペーパー(4個入)699円   リピート3回目です。   1個が5個分…芯替えが面倒なので         長めに使えて助かります。 ニトリ ☆縦横に便利なボトル(2.2L)599円✕2 水または、麦茶用とアイスコーヒー用 両社共に税込です。 ☆最近、詐欺に合いました。  名古屋市中村区大宮  郵便局にセキュリティに私に届く品物が  ここで止まってい
やまだえいこ

やまだえいこ

12件の「いいね」

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

withキャリアアップ

0件の「いいね」

出会えて良かった😭
プロフリンクから商品ページ飛べます✨ “サイドテーブル” って検索してね🔍 こんばんは🌛 2児ママの @mad.mum_ です👱🏼‍♀️ ⁡ 在宅ワークとかで家で作業する人いる🥹? 自分のワークスペースどうやって確保してる💻? ⁡ 私は最初はダイニングでPC広げてやってたんだけど... ⁡ 腰も痛いし、 毎回片付けるの大変だしで不満だったんよね💧笑 ⁡ それで色々調べてこれ買ったらめちゃ良かった🥹✨ ⁡ まず昇降式で高さ変えれるから 立っても座っても使える! ⁡ さらに、机の角度を変えたり コンセントやドリンクホルダーも🥹💖 ⁡ めっちゃ便利で快
まどか|ママが選ぶ便利なもの

まどか|ママが選ぶ便利なもの

185件の「いいね」

#良いこと悪いこと #森本慎太郎 #SixTONES #新木優子 #Maiwa_Watch VOICEVOX:青山龍星
やまいわオーリー@映画やドラマ感想

やまいわオーリー@映画やドラマ感想

0件の「いいね」

子ども大喜び!くるくるマジック⭐️
もうやってみた? きのきのです🌈 折り紙2枚で作る くるくるマジック🪄 GWにむけて 折り紙遊びマスターしとこ💫 #折り紙 #おうち遊び #簡単マジック #ゴールデンウィーク #子どもの新生活
きのきの/3児ママの暮らしの小ワザ集

きのきの/3児ママの暮らしの小ワザ集

36件の「いいね」

【賃貸】狭くても置けた
\お部屋に溶け込んじゃう!?🔌✨/ ルーターや配線まわり、 すっきり見せたいのに隠す場所がない…🥺💦 そんなときにぴったりのアイテム💡 なんとこの収納… ルーターもコードもまるっと隠せて🥷🏻 天板にお気に入りの雑貨やアートを飾れば お部屋がぐっとおしゃれに💖 “隠す”と“魅せる”どっちも叶う万能アイテム💫 気になった方はチェックしてみてね🔍 ※投稿内の商品価格は2025/10/25時点の情報です。 . #lowya #ロウヤ #配線隠し #ルーター収納 #コード収納
LOWYA(ロウヤ)公式

LOWYA(ロウヤ)公式

397件の「いいね」

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

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

120件の「いいね」

もっと見る