<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
  <channel>
    <title>レイアウト on マンガネーム作成支援サイト</title>
    <link>https://goronbase.com/tags/%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88/</link>
    <description>Recent content in レイアウト on マンガネーム作成支援サイト</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>ja</language>
    <copyright>Copyright © 2026 マンガネーム作成ツール</copyright>
    <lastBuildDate>Mon, 27 Apr 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://goronbase.com/tags/%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88/index.xml" rel="self" type="application/rss+xml" />
    
    <item>
      <title>「同じようなコマが続く」のは対策が必要？あえて効果的に使うには？</title>
      <link>https://goronbase.com/articles/panel-layout/</link>
      <pubDate>Mon, 27 Apr 2026 00:00:00 +0000</pubDate>
      
      <guid>https://goronbase.com/articles/panel-layout/</guid>
      <description>&lt;p&gt;「仕上がったページを見返すとなぜか物足りない」&lt;/p&gt;&#xA;&lt;p&gt;手癖でマンガを描いていくと、気づけば似たような構図ばかりが並んでいたりして、ページ内に同じような印象のコマがダラダラと続いてしまうことがあります。&lt;/p&gt;&#xA;&lt;p&gt;この記事では、マンガとしてこの「同じようなコマが続いている」状態はまずいのか？そうだとすれば、どんな対策ができるのか、また、同じようなコマを活かして効果を生み出す使い方についても説明していきます。&lt;/p&gt;&#xA;&#xA;&lt;h2 class=&#34;relative group&#34;&gt;「同じようなコマ」が続くことは良くないのか？&#xA;    &lt;div id=&#34;同じようなコマが続くことは良くないのか&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;&#xA;    &#xA;    &lt;span&#xA;        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none&#34;&gt;&#xA;        &lt;a class=&#34;text-primary-300 dark:text-neutral-700 !no-underline&#34; href=&#34;#%e5%90%8c%e3%81%98%e3%82%88%e3%81%86%e3%81%aa%e3%82%b3%e3%83%9e%e3%81%8c%e7%b6%9a%e3%81%8f%e3%81%93%e3%81%a8%e3%81%af%e8%89%af%e3%81%8f%e3%81%aa%e3%81%84%e3%81%ae%e3%81%8b&#34; aria-label=&#34;アンカー&#34;&gt;#&lt;/a&gt;&#xA;    &lt;/span&gt;&#xA;    &#xA;&lt;/h2&gt;&#xA;&lt;p&gt;効果的に同じ印象のコマを並べることもあり、絶対に同じようなコマを続かせてはいけないわけではありません。&lt;br&gt;&#xA;でも、意図せずに「結果的にそうなってしまった」という場合は、改善が必要かもしれません。次のような状態になっていないかチェックしてみてください。&lt;/p&gt;&#xA;&#xA;&lt;h3 class=&#34;relative group&#34;&gt;視線誘導が滞ってしまう&#xA;    &lt;div id=&#34;視線誘導が滞ってしまう&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;&#xA;    &#xA;    &lt;span&#xA;        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none&#34;&gt;&#xA;        &lt;a class=&#34;text-primary-300 dark:text-neutral-700 !no-underline&#34; href=&#34;#%e8%a6%96%e7%b7%9a%e8%aa%98%e5%b0%8e%e3%81%8c%e6%bb%9e%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be%e3%81%86&#34; aria-label=&#34;アンカー&#34;&gt;#&lt;/a&gt;&#xA;    &lt;/span&gt;&#xA;    &#xA;&lt;/h3&gt;&#xA;&lt;p&gt;マンガはコマの大きさや形を変えることで、読者の視線を次のコマへと導きます。同じ大きさ、同じ角度のコマが並ぶと、視線のリズムが一定になりすぎてしまい、読者はどこを重点的に見ればよいのか判断しにくくなります。&lt;/p&gt;&#xA;&lt;p&gt;その結果、ページをめくる手が止まったり、内容が頭に入らなくなったりすることがあります。&lt;/p&gt;&#xA;&#xA;&lt;h3 class=&#34;relative group&#34;&gt;時間の経過や感情の起伏が伝わりにくい&#xA;    &lt;div id=&#34;時間の経過や感情の起伏が伝わりにくい&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;&#xA;    &#xA;    &lt;span&#xA;        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none&#34;&gt;&#xA;        &lt;a class=&#34;text-primary-300 dark:text-neutral-700 !no-underline&#34; href=&#34;#%e6%99%82%e9%96%93%e3%81%ae%e7%b5%8c%e9%81%8e%e3%82%84%e6%84%9f%e6%83%85%e3%81%ae%e8%b5%b7%e4%bc%8f%e3%81%8c%e4%bc%9d%e3%82%8f%e3%82%8a%e3%81%ab%e3%81%8f%e3%81%84&#34; aria-label=&#34;アンカー&#34;&gt;#&lt;/a&gt;&#xA;    &lt;/span&gt;&#xA;    &#xA;&lt;/h3&gt;&#xA;&lt;p&gt;コマは、物語の流れそのものです。&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;strong&gt;動きが見られない:&lt;/strong&gt;&lt;br&gt;&#xA;ドラマチックな展開やアクションシーンでは「動き」が感じられなくなります。これを逆手に取って、時間が止まっているような感覚や、静かな対話シーンにあえて使うことも。&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;情報の優先順位:&lt;/strong&gt;&lt;br&gt;&#xA;すべてのコマが同じ印象だと、どのセリフが重要で、どの表情が決定的なのかという「強弱」がつきません。せっかく表情を伝えるために顔のアップにしても、流し見されてしまうことも。&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&#xA;&lt;h3 class=&#34;relative group&#34;&gt;単純に、見た目がつまらない&#xA;    &lt;div id=&#34;単純に見た目がつまらない&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;&#xA;    &#xA;    &lt;span&#xA;        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none&#34;&gt;&#xA;        &lt;a class=&#34;text-primary-300 dark:text-neutral-700 !no-underline&#34; href=&#34;#%e5%8d%98%e7%b4%94%e3%81%ab%e8%a6%8b%e3%81%9f%e7%9b%ae%e3%81%8c%e3%81%a4%e3%81%be%e3%82%89%e3%81%aa%e3%81%84&#34; aria-label=&#34;アンカー&#34;&gt;#&lt;/a&gt;&#xA;    &lt;/span&gt;&#xA;    &#xA;&lt;/h3&gt;&#xA;&lt;p&gt;人間は視覚的に変化がないものに対して、無意識に注意力を失う傾向があります。ずっと同じ引きの絵（ロングショット）や、ずっと同じ顔のアップが続くと、読者は「さっきと同じ絵を見ている」と退屈を覚え、読むのをやめてしまいます。&lt;/p&gt;&#xA;&#xA;&lt;h3 class=&#34;relative group&#34;&gt;空間把握が難しくなる&#xA;    &lt;div id=&#34;空間把握が難しくなる&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;&#xA;    &#xA;    &lt;span&#xA;        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none&#34;&gt;&#xA;        &lt;a class=&#34;text-primary-300 dark:text-neutral-700 !no-underline&#34; href=&#34;#%e7%a9%ba%e9%96%93%e6%8a%8a%e6%8f%a1%e3%81%8c%e9%9b%a3%e3%81%97%e3%81%8f%e3%81%aa%e3%82%8b&#34; aria-label=&#34;アンカー&#34;&gt;#&lt;/a&gt;&#xA;    &lt;/span&gt;&#xA;    &#xA;&lt;/h3&gt;&#xA;&lt;p&gt;キャラクターが今どこにいて、相手とどのような距離感で話しているのかという客観的な情報（状況説明）が不足することがあります。&lt;/p&gt;&#xA;&#xA;&lt;h2 class=&#34;relative group&#34;&gt;あえて同じようなコマを使う&#xA;    &lt;div id=&#34;あえて同じようなコマを使う&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;&#xA;    &#xA;    &lt;span&#xA;        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none&#34;&gt;&#xA;        &lt;a class=&#34;text-primary-300 dark:text-neutral-700 !no-underline&#34; href=&#34;#%e3%81%82%e3%81%88%e3%81%a6%e5%90%8c%e3%81%98%e3%82%88%e3%81%86%e3%81%aa%e3%82%b3%e3%83%9e%e3%82%92%e4%bd%bf%e3%81%86&#34; aria-label=&#34;アンカー&#34;&gt;#&lt;/a&gt;&#xA;    &lt;/span&gt;&#xA;    &#xA;&lt;/h2&gt;&#xA;&lt;p&gt;同じようなコマは悪いことばかりではありません。&#xA;コマを繰り返すことで、読者に強烈な印象を残す手法もよく使われています。通常が「コマに変化がある」ことが前提で動き続けているからこそ、たまに「静」をつくることが次のような効果を生みます。&lt;/p&gt;</description>
      <media:content xmlns:media="http://search.yahoo.com/mrss/" url="https://goronbase.com/articles/panel-layout/feature.png" />
    </item>
    
    <item>
      <title>キャラの言葉を実体化させる、効果的な「フキダシ」の見た目</title>
      <link>https://goronbase.com/articles/fukidashi/</link>
      <pubDate>Sat, 25 Apr 2026 00:00:00 +0000</pubDate>
      
      <guid>https://goronbase.com/articles/fukidashi/</guid>
      <description>&lt;p&gt;マンガにおいて、セリフは重要な情報伝達の手段です。それを包む「フキダシ」の形、配置、そしてフォントの選択肢ひとつひとつが、キャラクターの個性や声のトーンを定義し、物語を大きく動かします。&lt;/p&gt;&#xA;&lt;p&gt;今回はフキダシ制作の基本から応用までの網羅的な解説と、マンガネーム作成ツールでの設定の仕方について触れていきますので、ぜひ実践してみてください。&lt;/p&gt;&#xA;&#xA;&lt;h2 class=&#34;relative group&#34;&gt;フキダシの形&#xA;    &lt;div id=&#34;フキダシの形&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;&#xA;    &#xA;    &lt;span&#xA;        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none&#34;&gt;&#xA;        &lt;a class=&#34;text-primary-300 dark:text-neutral-700 !no-underline&#34; href=&#34;#%e3%83%95%e3%82%ad%e3%83%80%e3%82%b7%e3%81%ae%e5%bd%a2&#34; aria-label=&#34;アンカー&#34;&gt;#&lt;/a&gt;&#xA;    &lt;/span&gt;&#xA;    &#xA;&lt;/h2&gt;&#xA;&lt;p&gt;フキダシは主に、セリフを囲む「輪郭（形）」と、話し手を示す「シッポ」で構成されます。&lt;/p&gt;&#xA;&lt;p&gt;フキダシの形の種類には正式名称はなく、作家同士では見たままの形で呼ぶことが多いです。&lt;/p&gt;&#xA;&lt;table&gt;&#xA;  &lt;thead&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;th&gt;形の種類&lt;/th&gt;&#xA;          &lt;th&gt;よく使われる場面&lt;/th&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/thead&gt;&#xA;  &lt;tbody&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;strong&gt;丸(標準)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;通常の会話&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;strong&gt;四角&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;モノローグや状況説明&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;strong&gt;トゲトゲ&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;叫び声やツッコミなど、大きい声&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;strong&gt;ウニフラッシュ&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;心の叫びや衝撃、強い意志&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;strong&gt;モコモコ（雲形）&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;キャラクターの内心の声&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;      &lt;tr&gt;&#xA;          &lt;td&gt;&lt;strong&gt;多角形(六角形や八角形)&lt;/strong&gt;&lt;/td&gt;&#xA;          &lt;td&gt;アナウンスや電話、テレビなど機械の音声&lt;/td&gt;&#xA;      &lt;/tr&gt;&#xA;  &lt;/tbody&gt;&#xA;&lt;/table&gt;&#xA;&lt;p&gt;ネーム作業は特にスピード勝負の為、&lt;strong&gt;マンガネーム作成ツールではボタン一つで形の切替ができる&lt;/strong&gt;ようになっています。&#xA;&lt;figure&gt;&lt;img&#xA;    class=&#34;my-0 rounded-md&#34;&#xA;    loading=&#34;lazy&#34;&#xA;    decoding=&#34;async&#34;&#xA;    fetchpriority=&#34;auto&#34;&#xA;    alt=&#34;様々なフキダシの種類&#34;&#xA;    width=&#34;1600&#34;&#xA;    height=&#34;900&#34;&#xA;    src=&#34;https://goronbase.com/articles/fukidashi/shape_hu_f036a0ce0aa96cab.png&#34;&#xA;    srcset=&#34;https://goronbase.com/articles/fukidashi/shape_hu_f036a0ce0aa96cab.png 800w, https://goronbase.com/articles/fukidashi/shape_hu_59199365dc3c3234.png 1280w&#34;&#xA;    sizes=&#34;(min-width: 768px) 50vw, 65vw&#34;&#xA;    data-zoom-src=&#34;https://goronbase.com/articles/fukidashi/shape.png&#34;&gt;&lt;/figure&gt;&#xA;&lt;/p&gt;&#xA;&lt;div class=&#34;admonition relative overflow-hidden rounded-lg border-l-4 my-3 px-4 py-3 shadow-sm&#34; data-type=&#34;tip&#34;&gt;&#xA;      &lt;div class=&#34;flex items-center gap-2 font-semibold text-inherit&#34;&gt;&#xA;        &lt;div class=&#34;flex shrink-0 h-5 w-5 items-center justify-center text-lg&#34;&gt;&lt;span class=&#34;relative block icon&#34;&gt;&lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 384 512&#34;&gt;&lt;path fill=&#34;currentColor&#34; d=&#34;M112.1 454.3c0 6.297 1.816 12.44 5.284 17.69l17.14 25.69c5.25 7.875 17.17 14.28 26.64 14.28h61.67c9.438 0 21.36-6.401 26.61-14.28l17.08-25.68c2.938-4.438 5.348-12.37 5.348-17.7L272 415.1h-160L112.1 454.3zM191.4 .0132C89.44 .3257 16 82.97 16 175.1c0 44.38 16.44 84.84 43.56 115.8c16.53 18.84 42.34 58.23 52.22 91.45c.0313 .25 .0938 .5166 .125 .7823h160.2c.0313-.2656 .0938-.5166 .125-.7823c9.875-33.22 35.69-72.61 52.22-91.45C351.6 260.8 368 220.4 368 175.1C368 78.61 288.9-.2837 191.4 .0132zM192 96.01c-44.13 0-80 35.89-80 79.1C112 184.8 104.8 192 96 192S80 184.8 80 176c0-61.76 50.25-111.1 112-111.1c8.844 0 16 7.159 16 16S200.8 96.01 192 96.01z&#34;/&gt;&lt;/svg&gt;&#xA;&lt;/span&gt;&lt;/div&gt;&#xA;        &lt;div class=&#34;grow&#34;&gt;&#xA;          フキダシの尻尾&#xA;        &lt;/div&gt;&#xA;      &lt;/div&gt;&lt;div class=&#34;admonition-content mt-3 text-base leading-relaxed text-inherit&#34;&gt;&lt;p&gt;同じ形をしたフキダシも、尻尾の形によって、声に出しているのか、心の中で思っているのかを使い分けることが出来ます。&lt;br&gt;&#xA;&lt;figure&gt;&lt;img&#xA;    class=&#34;my-0 rounded-md&#34;&#xA;    loading=&#34;lazy&#34;&#xA;    decoding=&#34;async&#34;&#xA;    fetchpriority=&#34;auto&#34;&#xA;    alt=&#34;フキダシの尻尾&#34;&#xA;    width=&#34;1600&#34;&#xA;    height=&#34;900&#34;&#xA;    src=&#34;https://goronbase.com/articles/fukidashi/tail_hu_2584a552a641d30e.png&#34;&#xA;    srcset=&#34;https://goronbase.com/articles/fukidashi/tail_hu_2584a552a641d30e.png 800w, https://goronbase.com/articles/fukidashi/tail_hu_dd1384a21c36d30.png 1280w&#34;&#xA;    sizes=&#34;(min-width: 768px) 50vw, 65vw&#34;&#xA;    data-zoom-src=&#34;https://goronbase.com/articles/fukidashi/tail.png&#34;&gt;&lt;/figure&gt;&#xA;&lt;br&gt;&#xA;マンガネーム作成ツールでもフキダシの尻尾を表示させる機能はありますが、補助的なものです。ネーム工程ではあまり尻尾にこだわらず、作業スピードを重視しましょう。&lt;/p&gt;</description>
      <media:content xmlns:media="http://search.yahoo.com/mrss/" url="https://goronbase.com/articles/fukidashi/feature.png" />
    </item>
    
    <item>
      <title>イマジナリーラインと視線誘導はネーム段階で考えよう【読者を迷わせないマンガ】</title>
      <link>https://goronbase.com/articles/visualguidance/</link>
      <pubDate>Tue, 07 Apr 2026 00:00:00 +0000</pubDate>
      
      <guid>https://goronbase.com/articles/visualguidance/</guid>
      <description>&lt;p&gt;マンガのネームを描く際、1コマごとの構図やセリフの内容を詰めることに集中するあまり、つい「ページ全体を通した読み心地」の優先順位が下がってしまうことがあります。しかし、マンガの本質は単なる静止画の集合ではなく、読者の視線を操りながら生み出す「時間の流れの設計」にあります。&lt;/p&gt;&#xA;&lt;p&gt;読者が内容を理解しようと努力しなくても、自然と物語の世界へ引き込まれる1ページを作るためには、個々の描写を繋ぐための「構造」を理解しておく必要があります。&lt;/p&gt;&#xA;&lt;p&gt;本記事では、ネーム工程で特に意識すべき、読者の視覚的ストレスを排除し快適に読ませるためのコツや、構成がうまく行っているか具体的に確認する方法を解説します。&lt;/p&gt;&#xA;&#xA;&lt;h2 class=&#34;relative group&#34;&gt;空間の整合性を保つ「イマジナリーライン」&#xA;    &lt;div id=&#34;空間の整合性を保つイマジナリーライン&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;&#xA;    &#xA;    &lt;span&#xA;        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none&#34;&gt;&#xA;        &lt;a class=&#34;text-primary-300 dark:text-neutral-700 !no-underline&#34; href=&#34;#%e7%a9%ba%e9%96%93%e3%81%ae%e6%95%b4%e5%90%88%e6%80%a7%e3%82%92%e4%bf%9d%e3%81%a4%e3%82%a4%e3%83%9e%e3%82%b8%e3%83%8a%e3%83%aa%e3%83%bc%e3%83%a9%e3%82%a4%e3%83%b3&#34; aria-label=&#34;アンカー&#34;&gt;#&lt;/a&gt;&#xA;    &lt;/span&gt;&#xA;    &#xA;&lt;/h2&gt;&#xA;&lt;p&gt;まず、ネームの段階で最も論理的にチェックすべきは&lt;strong&gt;イマジナリーライン&lt;/strong&gt;（想定線）です。これは、対面する2人を結ぶ仮想の線のことで、カメラ（視点）はこの線のどちらか片側（180度以内）に固定しなければなりません。&lt;/p&gt;&#xA;&lt;p&gt;なぜこれが必要なのか。それは、ラインを越えてカメラを配置すると、次のコマでキャラクターの左右の位置関係が逆転してしまうからです。&lt;/p&gt;&#xA;&lt;ul&gt;&#xA;&lt;li&gt;&lt;strong&gt;右にいたはずのキャラが左に映る&lt;/strong&gt;&lt;/li&gt;&#xA;&lt;li&gt;&lt;strong&gt;向き合っていたはずの視線が同じ方向を向く&lt;/strong&gt;&lt;/li&gt;&#xA;&lt;/ul&gt;&#xA;&lt;p&gt;このような事態が起こると、読者の脳は一瞬「あれ？」と物語の外に弾き出されてしまいます。この「一瞬の迷い」が積み重なると、読者は読むのをやめてしまいます。ネームでは常に「今、カメラはラインのどちら側にいるか」を意識し、位置関係の安定を図りましょう。&lt;/p&gt;&#xA;&#xA;&lt;h2 class=&#34;relative group&#34;&gt;読者の目を操る「視線誘導」の設計&#xA;    &lt;div id=&#34;読者の目を操る視線誘導の設計&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;&#xA;    &#xA;    &lt;span&#xA;        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none&#34;&gt;&#xA;        &lt;a class=&#34;text-primary-300 dark:text-neutral-700 !no-underline&#34; href=&#34;#%e8%aa%ad%e8%80%85%e3%81%ae%e7%9b%ae%e3%82%92%e6%93%8d%e3%82%8b%e8%a6%96%e7%b7%9a%e8%aa%98%e5%b0%8e%e3%81%ae%e8%a8%ad%e8%a8%88&#34; aria-label=&#34;アンカー&#34;&gt;#&lt;/a&gt;&#xA;    &lt;/span&gt;&#xA;    &#xA;&lt;/h2&gt;&#xA;&lt;p&gt;日本のマンガは「右上から左下」へ読み進めるという大原則があります。この流れを逆手に取り、あるいは加速させるのが&lt;strong&gt;視線誘導&lt;/strong&gt;です。&lt;/p&gt;&#xA;&#xA;&lt;h3 class=&#34;relative group&#34;&gt;逆Z字のルートを意識する&#xA;    &lt;div id=&#34;逆z字のルートを意識する&#34; class=&#34;anchor&#34;&gt;&lt;/div&gt;&#xA;    &#xA;    &lt;span&#xA;        class=&#34;absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none&#34;&gt;&#xA;        &lt;a class=&#34;text-primary-300 dark:text-neutral-700 !no-underline&#34; href=&#34;#%e9%80%86z%e5%ad%97%e3%81%ae%e3%83%ab%e3%83%bc%e3%83%88%e3%82%92%e6%84%8f%e8%ad%98%e3%81%99%e3%82%8b&#34; aria-label=&#34;アンカー&#34;&gt;#&lt;/a&gt;&#xA;    &lt;/span&gt;&#xA;    &#xA;&lt;/h3&gt;&#xA;&lt;p&gt;読者の視線は基本的に、1段目の右上→左、2段目の右→左……と反転したZ字を描くように動きます。ネームを切る際は、このルート上に「最も見せたい顔」や「重要な台詞（フキダシ）」を配置します。&lt;/p&gt;&#xA;&lt;div class=&#34;admonition relative overflow-hidden rounded-lg border-l-4 my-3 px-4 py-3 shadow-sm&#34; data-type=&#34;tip&#34;&gt;&#xA;      &lt;div class=&#34;flex items-center gap-2 font-semibold text-inherit&#34;&gt;&#xA;        &lt;div class=&#34;flex shrink-0 h-5 w-5 items-center justify-center text-lg&#34;&gt;&lt;span class=&#34;relative block icon&#34;&gt;&lt;svg xmlns=&#34;http://www.w3.org/2000/svg&#34; viewBox=&#34;0 0 384 512&#34;&gt;&lt;path fill=&#34;currentColor&#34; d=&#34;M112.1 454.3c0 6.297 1.816 12.44 5.284 17.69l17.14 25.69c5.25 7.875 17.17 14.28 26.64 14.28h61.67c9.438 0 21.36-6.401 26.61-14.28l17.08-25.68c2.938-4.438 5.348-12.37 5.348-17.7L272 415.1h-160L112.1 454.3zM191.4 .0132C89.44 .3257 16 82.97 16 175.1c0 44.38 16.44 84.84 43.56 115.8c16.53 18.84 42.34 58.23 52.22 91.45c.0313 .25 .0938 .5166 .125 .7823h160.2c.0313-.2656 .0938-.5166 .125-.7823c9.875-33.22 35.69-72.61 52.22-91.45C351.6 260.8 368 220.4 368 175.1C368 78.61 288.9-.2837 191.4 .0132zM192 96.01c-44.13 0-80 35.89-80 79.1C112 184.8 104.8 192 96 192S80 184.8 80 176c0-61.76 50.25-111.1 112-111.1c8.844 0 16 7.159 16 16S200.8 96.01 192 96.01z&#34;/&gt;&lt;/svg&gt;&#xA;&lt;/span&gt;&lt;/div&gt;&#xA;        &lt;div class=&#34;grow&#34;&gt;&#xA;          ページ内の段数は抑える意識を&#xA;        &lt;/div&gt;&#xA;      &lt;/div&gt;&lt;div class=&#34;admonition-content mt-3 text-base leading-relaxed text-inherit&#34;&gt;&lt;p&gt;コマの数、特に段が多い構成において、読者は無意識にストレスを感じたり、読み間違えを起こしています。理由を考えてみましょう。&lt;/p&gt;</description>
      <media:content xmlns:media="http://search.yahoo.com/mrss/" url="https://goronbase.com/articles/visualguidance/feature.png" />
    </item>
    
  </channel>
</rss>
