Webページにおける適切な文字サイズやジャンプ率を選ぶ

0

    ジャンプ率とは、見出しと本文の文字サイズの大きさの差のことです。
    差が大きいと見出しが目立って内容をつかみやすくなります。

    そこで、適切なサイズやジャンプ率を選ぶために使える便利なツールを紹介します。

    デフォルトの文字サイズを基準に様々な比率で見出しやキャプションの文字サイズを算出するウェブアプリケーション「type-scale.com」by Jeremy Church

    このサイトを使って、白銀比(1:1.414)のジャンプ率にしてみました。

    サイトタイトル(2.827em)

    大見出し 見出し2の文字サイズ(1.999em)

    見出し2のリンクの文字色

    小見出し 見出し3の文字サイズ(1.414em)

    見出し3のリンクの文字色

    小見出し 見出し4の文字サイズ(1.2em)

    見出し4のリンクの文字色

    本文の文字サイズ(1em)

    本文のリンクの文字色



    calendar

    S M T W T F S
          1
    2345678
    9101112131415
    16171819202122
    23242526272829
    << February 2020 >>

    なわてんカウントダウン

    2019年度
    大阪電気通信大学
    四條畷キャンパス
    卒業研究・卒業制作展
    「なわてん」
    2020年2月8日(土)9日(日)

    開催まであと

    ここに文字が入ります

    twitter

    javascript calendar

    nawaten2018Countown

    selected entries

    categories

    archives

    recent comment

    • 問題点とその原因を整理して、学内のゴミ箱でペットボトルが分別されていない問題について考えます
      N

    links

    profile

    search this site.

    others

    mobile

    qrcode

    powered

    無料ブログ作成サービス JUGEM