デザインチームツイートつみきのデザイナー若月です。今回は見出しと本文の間の余白サイズについて。5や10の倍数などで余白を設定した経験がある人は多いのではと思います。そこには根拠があまり無くなんとなく決めてしまった人も居ると思います。そこで、他サイトの余白の空きを調査して、何かルールがあるか調べてみました。※今回はPCサイトに絞って調査しています。いくつか有名サイトを見てみます。見出し44px24px余白44px14px比率1.00.58Roland見出し45px余白38px比率0.84GEORGIA見出し48px余白30px比率0.63調査結果『比率:0.63~0.67』が多かった今回の調査では表題の比率が多かったようです。所感としてはサイズはあまり統一性が感じられないというのが印象でした。画一的にピクセル数を指定をしているところもありました。大事なのはルールをきちんと作れているかという所かなと思います。Appleであれば見出しとその直下の余白は見出しのフォントサイズと同一にしています。