チャレンジ: テキストの文字サイズ
2021年6月8日
ダイナミックタイプををサポートするAppをデザインする際には、インターフェイスの適応性を念頭に置くことが重要です。これにより、ユーザーの好みのテキストサイズに関わらず、Appで素晴らしい体験を提供することができます。
チャレンジを開始
チャレンジ用のサンプルAppでは、いくつかのUI要素がレイアウトに反して、App全体でテキストを混乱させています。これらの要素のせいで、テキストが途切れたり、画面からはみ出したり、時には他のテキスト要素が隠れてしまうこともあります。しかし、驚異的なマジックタップの助けを借りれば、画面上の要素を変更することができます。マジックタップに反応したUI要素は、どのように動作を変更すべきかを尋ね、あなたの選択に基づいて更新されます。いろいろなシナリオを考えながら、UI要素を整えて、テキストを読みやすくしていきましょう。
WWDC21 Challenge: Large Text Challenge
「テキストの文字サイズ」チャレンジのサンプルAppをダウンロードする>
これらのエクササイズを行う際には、以下のような質問をするとよいでしょう。
このテキストは切り詰めるべきか、それとも境界で折り返すべきか? サイズが大きくなりすぎている画像はないか? スクロールしてすべてのテキストを見ることができるか?
このような質問は、自分のAppでDynamic Typeがどのように動作するかを考える際の出発点としても最適です。チャレンジを完了したら、Xcodeでこのプロジェクトを探索し、各シナリオでDynamic Typeがどのようにサポートされているかを確認することをおすすめします。また、自分のAppを見直してみて、これらのコンセプトを自分のプロジェクトに適用できるか、検討してみましょう。