2017年8月4日–iOSアプリ開発、モバイル戦略
By Mike Woods,Atimi Software Inc.
動的型は新しいものではありません。 これは、iOS7以来の周りされていますが、アプリケーションによるその採用はやや斑状されています–今まで。 IOS11では、Appleは大規模な採用につながるはずの機能に大幅な改善を行っています。 この記事では、これらの変更について説明し、優れたアプリの設計と実装にどのように影響するかを検討します。
ダイナミック型とは何ですか？
iOSは常にテキストのための偉大なサポートが含まれています。 OSは、高品質、スケーラブルなフォントと洗練されたテキストレンダリングエンジンの数十を持っています。 設計者と開発者は、この豊富な機能セットを活用して、魅力的で機能的なUiを生成することができました。
しかし、小さな画面では、UIデザインは常にコンテンツをビューにフィットさせることと読みやすさの間の妥協点です。 そして、読みやすいテキストのサイズは人によって異なるので、ある人のために働くものは別の人のために使用できな テキストが重いアプリケーション（ニュースリーダーなど）は、テキストサイズの設定を提供するかもしれませんが、そのような機能は手動でコード化する必
この問題を解決するために、AppleはIos7でDynamic Typeを導入しました。 これにより、設計者はフォントを選択するときに7つの（後に10に増加した）テキストスタイルのセットを利用することができます。 これらのスタイルは、ユーザーのテキストサイズ設定に応じて異なるフォントとサイズにマップされます。 動的タイプを使用すると、任意のアプリケーションは、ユーザーのサイズの好みに応答することができ、ユーザーの広い範囲のための経験を向上させます。
ダイナミック型は、フォントサイズの大幅な変化を可能にする七つのサイズ設定をサポートしています。 たとえば、本文テキストスタイルはデフォルト設定では17ptですが、範囲は14ptから23ptです。 ただし、iOSには5つの大きなサイズを追加するアクセシビリティ設定が含まれているため、これは制限ではありません。 （現時点では、アクセシビリティサイズでは本文のテキストサイズのみが変更されることに注意してください–これはiOS11で変更されます。)
この柔軟性は、独自の課題が付属しています。 本文テキストのダイナミックレンジは約4:1、短い文章でも複数行にまたがって作る。 静的レイアウトは、動的テキストでは明らかに機能しません。 幸いなことに、自動レイアウトは、UIがコードを必要とせずにレイアウトを調整することができ、重労働のほとんどを処理します。
それにもかかわらず、自動レイアウトだけですべてのレイアウトの問題を解決できるわけではありません。 また、動的タイプを既存のアプリケーションに追加することは（特に手動レイアウトコードが含まれている場合）困難な場合があります。 最後に、動的型を採用することは、カスタムフォントはもちろんのこと、他のOS提供のフォントを放棄することを意味します; 独特な一見を追求しているデザイナーのためのない容易な選択。
これらの課題により、多くのアプリが動的タイプを採用するのが遅くなったり、素朴な方法で採用するようになり、特に大きな設定ではUiが壊れしかし、これはすべて変更されようとしているはずです…
iOS11には何が来ていますか？
今年のWWDCで、AppleはIos11用のDynamic Typeのいくつかの改善を発表し、採用の速度とコストに大きな影響を与えます。
おそらく最も重要なのは、動的タイプの他のフォントを使用する機能です。 これにより、設計者はテキストスタイルパレット（書体とポイントサイズを含む）を効果的に再定義することができ、システムはユーザーのテキストサイ
この影響を理解するには、黒板SE（標準のiOSフォントの一つ）を主な書体として使用したい教育用アプリケーションを考えてみてください。 以前は動的型を除外していました。 IOS11では、これが可能であるだけでなく、手書きの書体でより明確に見えるように、テキストをわずかに大きく（本文の場合は18pt）する必要があり、フォ
ダイナミックテキストの既存のUiを更新することも容易になります。 自動レイアウトは、テキストが大きなサイズで窮屈にならないように、テキストのサイズに応じて垂直方向の間隔を調整する機能を取得します。 また、手動レイアウトコードの場合、同様の効果を得るためにテキストサイズに応じてピクセル距離を拡大縮小することができます。
画像はまた、アイコンが大きなアクセシビリティテキストサイズでより見えるようにするために拡大縮小することができます。 UIKitは、ピクセル化の問題を避けるために、アイコンをベクトル形式に保つことさえできます。
これ以外にも、レイアウトに影響を与える他の要因を追跡する標準的な方法であるUITraitCollectionの一部としてテキストサイズが利用可能になるため、レイアウ
最後の変更は、すべてのテキストスタイルがアクセシビリティでポイントサイズを変更することです。 これにより、ボディテキストだけでなく、すべてのテキストが拡大縮小されるため、ロービジョンユーザーの読書体験が大幅に向上します。 また、コンテンツサイズの変化がはるかに大きいため、デザイン思考にも影響します。
アップルは何を言っているのですか？
おそらくDynamic Typeの技術的な改善よりも重要なのは、Ios11のアクセシビリティを促進するためのAppleのプッシュです。 これには、OSに同梱されているアプリケーションやユーティリティに”みんなのための設計”の原則を適用することが含まれます。 これらの原則の中には、テキストの使用のための三つの目標があります。
1. テキストは、ユーザーが読むのに十分な大きさでなければなりません。 （つまり、テキストは動的型で拡大縮小する必要があります。)
2. テキストは完全に読みやすくする必要があります。 それは不必要に切り捨てられるべきではなく、重複したりクリッピングしたりするべきではありません。
3. アプリのUIは、すべてのテキストサイズで美しく見えるはずです。
これらの目標を達成するには、Uiが単にテキストを拡大できるようにするよりも適応的である必要があります。 たとえば、表のセルの内容は、多くの場合、画像またはアイコンを先頭に、テキストラベルを末尾に配置して水平に整理されます。 これは、通常のテキストサイズのために素晴らしい見えますが、大きなアクセシビリティフォントは、アイコンが大きな垂直の空白に座っている間、ラ テキストの上のアイコンを使用して垂直レイアウトに切り替えると、テキストの水平方向のスペースが最大化され、画面上のより多くのコンテン
他の状況では、大きなフォントを収容すると、アクションボタンが複数行のテキストによって押し下げられないように垂直方向のコンテンツを並べ替えたり、ツールボタンを複数の行に再編成したり、重要なテキストのためのスペースを確保するために補助的なコンテンツを非表示にしたりすることがあります。
これらのアダプティブデザインはどれも無料で提供されませんが、Appleは誰にとっても素晴らしい体験を提供する価値があると主張しています。 そして、システムアプリケーション内でこのような経験を提供することにより、Appleはサードパーティのアプリのバーを上げています。 IOS11では、ユーザーはアクセシビリティ機能を有効にして使いやすさを向上させ、動的タイプをうまくサポートできないアプリは、最終的にはそうするものに負けてしまいます。
Atimiソフトウェアは、優れたユーザーエクスペリエンスを提供し、時間の試練に耐えるカスタム、革新的な、エンタープライズアプリを構築するためにどのように役立つかについては、私たちに連絡してください。
