「伝わるデザイン」を支える“余白と整列”のルール

デザインの上手い・下手を分けるのは、配色でもフォントでもありません。
最も重要なのは「余白」と「整列」。これが整うだけで、医療サイトは一気に信頼感と品格を持ちます。
本稿では、視線誘導・余白バランス・グリッド整列・行間ルールなど、安心感と専門性を両立するデザイン設計の基本を解説します。

１．余白は「呼吸スペース」＝患者様の安心を生む設計

２．整列の基本は「見えない線を通す」

整列の乱れは、無意識に「雑」や「不安定」といった印象を与えます。 特に医療サイトでは縦軸・横軸の一貫性が信頼感の基盤。見えない線を通す意識を持ちましょう。

３．“余白と整列”は心理効果で信頼に変わる

４．行間・段落間で“読むリズム”をつくる

行間が詰まりすぎると「圧迫感」、空きすぎると「間延び感」。 本文はフォントサイズの1.8倍前後、段落間は行間の1.5倍を目安に設定しましょう。

５．セクション間の余白は「意味の区切り」

コンテンツが長くなるほど、セクション間の余白が“意味のつながり”を示します。
見出し間は1.5倍〜2倍の余白を取り、グループを視覚的に分けることで、読者は迷わず内容を追えます。

より伝わるデザインの記事

配色、余白、レイアウト、写真、フォントなど、医療サイトの印象を左右するデザインには、さまざまなポイントがあります。

「なんとなく、いい」から、「だから、伝わる」へ。

医療サイトをもっと見やすく、もっと伝わりやすくするための記事をまとめています。

カテゴリー② より伝わるデザイン：記事一覧