ブックマーク / naifix.com (1)

  • 行間とフォントサイズを CSS で調整して読みやすいデザインにしよう - Naifix

    読みやすいブログデザインを目指すなら、余白と配色がポイントです。 以下の記事でブログ記事文の横幅と左右の余白に関して解説しています。 これが読みやすいブログデザイン!有名サイトの記事幅と余白設定を大公開 記事は横ではなく縦の余白に着目してみたいと思います。つまり、1 行目と 2 行目の行間、段落ごとの余白ですね。 加えて、余白に深く関わってくる文字のサイズや色をどのようにすれば読みやすくなるのか、サンプルと合わせてご覧ください。 余白が必要な理由 ブログ記事は小説と違い、読者が一字一句逃さないよう読むことはほとんどありません。 よほど文才があってぐいぐい引き込まれる記事、または惚れこんでいるブログなら別ですが、たいていはざっと流し読みしていきます。 そのうえで、自分に必要な情報があると判断したらもう一度読み直したり、あとで読み返すためにブックマークやシェアといった行動に移ってくれます。

    行間とフォントサイズを CSS で調整して読みやすいデザインにしよう - Naifix
    annzuchan
    annzuchan 2020/03/26
  • 1