iPhone/iPadアプリTweetとうとうiPhoneの画面解像度に複数のパターンが展開され、画面デザインではいわゆるピクセルパーフェクトなデザインが事実上不可能になりました。Retinaモデルが出たことで画面解像度が倍になった時にも、追加の画像リソース制作に大変でしたが、今回のはその比ではないですね。Type」が場合によっては使えるんじゃないかと、Google先生にいろいろ尋ねてみるものの、実装系の技術資料は沢山あるんですが、画面デザインに必要な情報がありませんでしたので調査してみることに。私が知りたかったのは、設定アプリの[画面表示と明るさ]→[文字サイズを変更]で調整した時に、画面上の文字サイズがどのように影響を受けるかという詳細です。やって調査しようかと思案していたところ、いつもお世話になっているフィードテイラーさんとの打ち合せでそのような話しをしてみると、「じゃぁちょっとツールを作ってみましょうか?」という、まさに渡りに舟なうれしいお言葉。あっという間にアプリを作って頂きまして、そんな便利ツールを携えての調査となりました。前置きが少しながくなってしまいましたが、調べた結果は以下の通り。Typeでは、実装時に指定できるテキストのスタイルが6種類有り、その種類は、HeadlineSubheadlineBodyFootnoteCaption1Caption2となっています。そのことを前提に、それぞれのスタイルの画面上の文字サイズの変化を見てみましょう。17ptという結果に。それぞれのスタイルの最小値と最大値は下記の通り。17pt基準の設定値からそれぞれの変化を追って見てみると判りますが、マイナス方向へはどのスタイルも1ptずつ小さくなり、プラス方向へはどのスタイルも2ptずつ大きくなっていますね。アニメーションで見たりすると変化が判りやすいでしょうか。例外としては、Footnoteスタイルでは12pt以下には小さくならないのと、Caption1、Caption2についても11pt以下には小さくならないというルールがあるようです。このことはアップル公式ドキュメント「iOSヒューマンインターフェイスガイドライン」の「テキストの体裁については、常に読みやすさを優先する」に記載がある通りなのでしょう。Guidelines」は英語版ですがこちらにあります。Guidelinesあと、フォントウェイトについては、こちらもサイズと同じくiOS側で自動的に割り振られるようで、Headlineのみボールドを割り当てられ、それ以外はレギュラーウェイトでした。設定アプリの「画面表示と明るさ」最下部項目の「文字を太くする」をONにすると、すべてのスタイルにボールドが割り当てられます。[一般]→[アクセシビリティ]で[より大きな文字]を[オン]にした場合は、追加で5段階設定が可能となり、合計12段階の調整が可能となります。こちらは仮に「++1」、「++2」、、、としましょう。17pt結果としては、[より大きな文字]を[オン]にした場合には、Bodyスタイルの文字サイズのみが増減するようで、他のスタイルでの文字サイズの変化はありませんでした。こちらの部分もアニメーションにしてみました。PDFで上のカード状の絵柄をまとめたものも用意していますので、手元でまとめてご覧になられたい方はご利用下さい。iPhoneに入れておいて参照しても良いかと思います。[より大きな文字]が[オフ]の状態でも、Bodyスタイルでは最小14ptから最大23ptと9ptも差があるので、画面デザインとしては使いどころが難しそうですが、今回の調査結果を今後のデザインに役立てられるよう資料として記録しておきたいと思います。皆さんのデザイン制作にもお役に立てれば幸いです。Illustrator上でシミュレートして確認しているため、1pt前後の誤差があるかも知れませんので予めご了承下さい。