• 例) Noto Sans JP の場合レファレンスの サイズは12px、本文のサイズは16px Material Design Type scale generator (https://material.io/design/typography/the-type-system.html#type- scale) 階層とスケール
階層とスケール リーディング(見出し):センテンスケース Common Title Capitalization Rules (https://grammar.yourdictionary.com/capitalization/rules-for-capitalization-in-titl es.html)
全体のバランスがとれる • フォーマルな場面で使われることが多い 階層とスケール Headline Capitalization for UX: Title Case vs. Sentence Case (https://www.herosmyth.com/article/headline-capitalization-ux-title-case-vs-sent ence-case) リーディング(見出し):タイトルケース
約40文字程度が適切 ジェフリー・ダウディング Finter Points in the Spacing and Arrangement of Type 行の長さの検討 “初期の印刷工は、何世紀にもわたって写字生が 受け入れてきた慣習を受け継いだ。 現代の最高の印刷工がこれを順守しているのは、 その忠実さが最も読みやすく職人的な作品を生み出す という、著しく実用的な理由からである。 ” 行間、行の長さ (出典:p.29)
ディセンダーを避ける e. ホバー、フォーカス、訪問済みのリンクでス タイルを分ける f. アンダーラインもテキストとともに改行する e. デフォルト(左)、ホバー(真ん中)、フォーカス(右) Appleストアより d. ディセンダーを避ける e. 訪問済みのリンク BBCより リンクテキストのスタイル 2 ディテール (出典:p122)