文字サイズの比率と調和

ウェブページのテキストはいくつかの文字サイズの組み合わせで出来ています。それぞれの文字サイズは情報の階層構造を表現するなどの役割を担いますが、同時にお互いが適切なバランスで調和しているべきです。そのため文字サイズはページやコンポーネントごとに場当たり的に決められるべきではありません。プロジェクトを通じて一貫したシステムを形成している必要があります。 そういった調和と一貫性を持った文字サイズのシステムを作るために、私たちのチームでは「調和数列」に基づいて一連の文字サイズを決めることがあります。調和数列とは等差数列（隣接する項が共通の差を持つ数列）の各項の逆数からなる数列です。 1, 2, 3, 4, 5, 6 ... // 等差数列 1, 1/2, 1/3, 1/4, 1/5, 1/6 ... // 調和数列 実際に調和数列を用いて文字サイズを算出する例を以下に示します。 $font-siz

[Knoa]

縦に並べたときに小さい文字ほど左端の余白が狭くなるのを、人間的感覚で補正する話を誰かしてくれないかな？気になるのはわたしだけなのかな？

[jesuisfemme]

等幅フォントしか使えないロジック

[lostnamer]

以前の可読性高いモリサワのユニバーサルデザインフォント「UDデジタル教科書体」の話と併せて覚えとく。行間も重要だけど、本記事は文字間隔　https://nlab.itmedia.co.jp/nl/spv/1905/20/news088_0.html

[aienstein]

みんな酷評してっけど、システムで吐く大型サイトなら、改行が予測＋αに収まるルールはあったほうがいいんじゃ？ただデザイン＝ロジックとかイキってて実際のバックは絵面のことばっかなんて仕事じゃよくあるから。

[Falky]

この会社のコーポレートサイト見に行ったら「アッハイ」という気持ちになった。

[hmd703]

見出しは詰めたい…

[yasu-log]

【B!】文字サイズの比率と調和 - シフトブレイン／スタンダードデザインユニット

[naoya2k]

これを書いた人がバカなのか俺がバカなのかどっちなんだ… 意味があることを言っているのか全然わからない… 調和数列がピタゴラス音律に由来するとかはたぶん嘘だし…

[minimegane]

デザイン

[OZE]

これもおもろい

[yoshi-na]

ひとつの知識・手段としておぼえておいてもよいかな

[natu3kan]

＞調和数列はピタゴラス音律に由来するそうで、音楽的な調和と深い関わりがあります。

[kakkunpakkun]

困りがちなことだ。なるほどー

[makou]

倍音が調和ではあるけど音程周波数とは合致しないように、辻褄が必ずしも合うとは限らないかも。

[yarumato]

“ウェブページの文字サイズ算出法を「調和数列 1/1, 1/2, 1/3, 1/4, 1/5,...」に基づいて決める。「フォントが全角の場合、文字幅が特定文字数でピッタリ揃う」特徴。ピタゴラス音律に由来する音楽的な調和”

[tofu-kun]

フィボナッチ氏

[jislotz]

こういうのをやろうとすると、ついついフィボナッチ数列を使っちゃうなー。理由は好きだからなんだけど。