Google翻訳でApple HIGとMaterialDesignを和訳してみるマン

このアカウントはひたすらガイドラインをGoogle翻訳して書き控えとくだけのものです。誤訳多いと思われます。誤訳の指摘とかもらえたら有り難いです。

Typography

https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/typography/

Typography

タイポグラフィ

San Francisco (SF) is the system typeface in iOS. The fonts of this typeface are optimized to give your text unmatched legibility, clarity, and consistency. Download the San Francisco family of fonts here.

サンフランシスコ(SF)はiOSのシステム書体です。 この書体のフォントは、テキストの見やすさ、明瞭性、一貫性を提供するように最適化されています。 ここでサンフランシスコのフォントファミリーをダウンロードしてください。

Emphasize important information. Use font weight, size, and color to highlight the most important information in your app.

重要な情報を強調する。 フォントの太さ、サイズ、色を使用して、アプリで最も重要な情報を強調表示します。

If possible, use a single typeface. Mixing several different typefaces can make your app seem fragmented and sloppy. Consider using one typeface and just a few font variants and sizes.

可能であれば、単一の書体を使用してください。 いくつかの異なる書体を混在させると、アプリが断片的に見えにくくなることがあります。 1つの書体と、わずかなフォントの変形とサイズの使用を検討してください。

Use built-in text styles whenever possible. The built-in text styles let you express content in ways that are visually distinct, while retaining optimal legibility. These styles are based on the system fonts and allow you to take advantage of key typographic features, such as Dynamic Type, which automatically adjusts tracking and leading for every font size. iOS includes the following text styles:

可能であれば、組み込みのテキストスタイルを使用してください。 組み込みのテキストスタイルを使用すると、視覚的に明確な方法でコンテンツを表現し、最適な読みやすさを維持できます。 これらのスタイルはシステムフォントに基づいており、Dynamic Typeなどの主要な文字の特徴を利用して、あらゆるフォントサイズの時間と行間を自動的に調整します。 iOSには次のテキストスタイルがあります:

Large Title

Title 1

Title 2

Title 3

Headline

Body

Callout

Subhead

Footnote

Caption 1

Caption 2

For developer guidance, see UIFontTextStyle.

Make sure custom fonts are legible. Custom typefaces are supported on iOS, but are often tough to read. Unless your app has a compelling need for a custom font, such as for branding purposes or to create an immersive gaming experience, it’s usually best to stick with the system fonts. If you do use a custom font, make sure it’s easily readable, even at small sizes.

カスタムフォントが見やすいことを確認してください。 カスタム書体はiOS上でサポートされていますが、読みにくいことがよくあります。 あなたのアプリがブランディング目的や臨場感あふれるゲーム体験を作成するなど、カスタムフォントが魅力的に必要とされている場合を除き、通常はシステムフォントを使用することをお勧めします。 カスタムフォントを使用する場合は、小さなサイズでも簡単に判読できることを確認してください。

Implement accessibility features for custom fonts. System fonts automatically react to accessibility features like bold text and larger type. Apps using custom fonts should implement the same behavior by checking whether accessibility features are enabled and registering for notifications when they change. See Accessibility.

カスタムフォントのアクセシビリティ機能を実装する。 システムフォントは、太字や文字拡大のようなアクセシビリティ機能に自動的に反応します。 カスタムフォントを使用するアプリケーションは、アクセシビリティ機能が有効かどうかをチェックし、変更があったときに通知の登録を行うことで同じ動作を実装する必要があります。 アクセシビリティを参照してください。

Dynamic Type Sizes

動的文字サイズ

The San Francisco typeface was designed to be highly legible at both small and large sizes. Dynamic Type provides additional flexibility by letting readers choose their preferred text size. Download a dynamic type size table in Resources.

サンフランシスコの書体は、小さなサイズと大きなサイズの両方で読みやすいように設計されています。 Dynamic Typeは、読者が好みのテキストサイズを選択できるようにすることで、柔軟性を向上させます。 「リソース」の動的型サイズ表をダウンロードしてください。

Prioritize content when responding to text-size changes. Not all content is equally important. When someone chooses a larger size, they want to make the content they care about easier to read; they don’t always want every word on the screen to be larger.

テキストサイズの変更に対応するときは、コンテンツの優先順位をつけます。 すべてのコンテンツが同じように重要であるとは限りません。 ユーザがより大きなサイズを選ぶ時、気になる内容を読みやすくしたいと思っています。 彼らは必ずしも画面上のすべての単語が大きくなることを望んでいません。

  • Large (Default)

    Style Weight Size (Points) Leading (Points) Tracking (1/1000em)
    Large Title Regular 34 41 +11
    Title 1 Regular 28 34 +13
    Title 2 Regular 22 28 +16
    Title 3 Regular 20 25 +19
    Headline Semi-Bold 17 22 -24
    Body Regular 17 22 -24
    Callout Regular 16 21 -20
    Subhead Regular 15 20 -16
    Footnote Regular 13 18 -6
    Caption 1 Regular 12 16 0
    Caption 2 Regular 11 13 +6

    Not all apps express tracking values as 1/1000em. Point size based on image resolution of 144ppi for @2x and 216ppi for @3x designs.
    すべてのアプリがトラッキング値を1 / 1000emとして表現するわけではありません。 ポイントサイズは、@ 2xで144ppi、@ 3xデザインで216ppiの画像解像度に基づいています。

 

Larger Accessibility Type Sizes

より大きいアクセシビリティタイプのサイズ

In addition to the standard dynamic type sizes, the system offers a number of even larger type sizes for users with accessibility needs.

標準的なダイナミックタイプのサイズに加えて、アクセシビリティのニーズを持つユーザーにはさらに多くの種類のサイズが用意されています。

  • AX1

    Style Weight Size (Points) Leading (Points) Tracking (1/1000em)
    Large Title Regular 44 52 +9
    Title 1 Regular 38 46 +11
    Title 2 Regular 34 41 +11
    Title 3 Regular 31 38 +12
    Headline Semi-Bold 28 34 +13
    Body Regular 28 34 +13
    Callout Regular 26 32 +14
    Subhead Regular 25 31 +14
    Footnote Regular 23 29 +16
    Caption 1 Regular 22 28 +16
    Caption 2 Regular 20 25 +19

    Not all apps express tracking values as 1/1000em. Point size based on image resolution of 144ppi for @2x and 216ppi for @3x designs.
    すべてのアプリがトラッキング値を1 / 1000emとして表現するわけではありません。 ポイントサイズは、@ 2xで144ppi、@ 3xデザインで216ppiの画像解像度に基づいています。

 

Font Usage and Tracking

フォントの使い方とトラッキング

Use the correct font variant in interface mockups. When you use San Francisco for text in standard controls like buttons and labels, iOS automatically applies the most appropriate variant based on the point size and the user’s accessibility settings. In interface mockups, use SF Pro Text for text 19 points or smaller, SF Pro Display for text 20 points or larger, and adjust the spacing between letters appropriately.

インタフェースモックアップで正しいフォントバリアント(代替フォント?)を使用してください。 ボタンやラベルなどの標準コントロールのテキストにサンフランシスコを使用すると、iOSはポイントサイズとユーザーのアクセシビリティ設定に基づいて最も適切なバリエーションを自動的に適用します。 インターフェイスモックアップでは、SF Proテキストを19ポイント以下のテキストに使用し、SFプロディスプレイをテキストの20ポイント以上に使用し、文字間の間隔を適切に調整します。

iOS uses San Francisco as the system font for Latin, Greek and Cyrillic alphabets, and a variety of other typefaces for other scripts.
iOSでは、Latin、Greek、およびCyrillicアルファベットのシステムフォントとしてサンフランシスコを使用し、他のスクリプトにはさまざまな書体が使用されています。

  • SF Pro Text

    Size (Points) Tracking (1/1000em)
    6 +41
    8 +26
    9 +19
    10 +12
    11 +6
    12 0
    13 -6
    14 -11
    15 -16
    16 -20
    17 -24
    18 -25
    19 -26

    Not all apps express tracking values as 1/1000em. Point size based on image resolution of 144ppi for @2x and 216ppi for @3x designs.
    すべてのアプリがトラッキング値を1 / 1000emとして表現するわけではありません。 ポイントサイズは、@ 2xで144ppi、@ 3xデザインで216ppiの画像解像度に基づいています。