タイポグラフィについて調べてみた

auです。

React Gatsbyのチュートリアルを触っていると、「typography」というプラグインが出てきました。UIを変えるということは分かったのですが、もう少しこの用語の意味について知りたくなったので調べてみました。

タイポグラフィとは

タイポグラフィには2つの定義があります。

1. 文字の書体や配置などのアーティスティックな文字デザインのこと
2. 見やすく文章を配置すること

合ったタイポグラフィを選ぶことで、ユーザの目を引きつけたり、いいユーザエクスペリエンスを提供できるということですね。

参考の記事に書いてあることが、タイポグラフィの基本の例になっているのですが、人間が読みやすいフォントサイズや色彩の選び方など、なるほどと思えるタイポグラフィの考え方でした。

これを理解しているのとしていないのでは、Webなどのデザインをする際に大きく差がでるような気がしました。

参考

goworkship.com
saruwakakun.com