タイポグラフィデザイン

表現力豊かな見出しから緻密な活字組みまで、Affinityがあればクリエイティブな作業の流れを妨げることなく、タイポグラフィを自由にコントロールできます。

Affinityでタイポグラフィをマスターする方法

こちらが、タイポグラフィ上の精度を保ってすべてのレイアウトを作成する方法です。

アイコンテキストサイズ

テキストを追加してフォーマット

見出しにはアーティスティックテキストツールを、長い形式のレイアウトにはフレームテキストツールを使用。フォントを適用し、トラッキングと行送りを調整し、コンテキストツールバーから直接OpenType機能を有効化して正確なコントロールを行う。

アイコン表間隔

間隔と階層構造を微調整

カーニング、ベースラインシフト、段落の間隔、行揃え、そしてジャスティフィケーションを微調整複数のページやアートボード、あるいは出版物全体にわたって一貫性を保つために、再利用可能な文字スタイルや段落スタイルを構築。これらはプロフェッショナルな活字組みに不可欠な要素だ。

アイコンテンプレート

複雑なレイアウトをデザイン

複数のページにわたってテキストフレームをリンクし、コピーを自動的に流し込み、画像の周囲にテキストを回り込ませ、表やデータ結合を統合。パンフレットから長編の書籍に至るまで、レイアウトの進化に合わせてタイポグラフィも適応させる。

すべての単語がパーフェクトに設定される

カーニングペアを手動で調整し、代替文字のグリフを探し、合字を有効化し、そしてスタイルセットを微調整します。Affinityにおいて、タイポグラフィは後知恵ではありません。それは、技巧にこだわるデザイナーのために作られました。

Affinityレイアウトスタジオのタイポグラフィ設定で、「Look」という単語の文字Oを調整

グリフにいたるまで完全なコントロール

カーニング、行送り、トラッキング、およびOpenTypeの機能を正確さを保ってコントロール。カーブに沿ってテキストを流し込み、変更可能なフォントを探索し、すべての調整をページ上でライブで確認。微細な文字間隔の調整であれ、複雑な編集用レイアウト(新しいタブまたはウィンドウで開く)の構築であれ、タイポグラフィは高速性や柔軟性を保ち、かつ完全に編集可能な状態で扱うことが可能。

Affinityページレイアウトで開いたロゴ。「Zippy Records」という単語がハイライトされ、調整用に文字ウィンドウが開いている

ブランディングの技法

カスタマイズされたワードマークから、定義されたタイポグラフィシステムまで、Affinityは際立ったブランドアイデンティティを構築するためのツールを提供。加えて、AffinityのCanvaブランドシステム(新しいタブまたはウィンドウで開く)により、どこでも通用する、スケーラブルなアセットを作成するために必要なコントロールを持つことが可能。

Affinityページレイアウトでトラッキングを調整

高度なタイポグラフィを内蔵

Affinityは、現実世界のレイアウトでタイポグラフィに対するパワーフルなコントロールを付与。スタンドアローンのフォントデザインソフトの複雑さに頼らなくても、代替文字のグリフ、変更可能なフォント、アーティスティックセットなどで作業し、意図した通りのタイポグラフィの形成を実現。

セクションの先頭:高度なタイポグラフィを内蔵

可変フォント

文字の太さ、幅、スタイルを微調整してパーフェクトなタイポグラフィを発見。

紫の背景に、800(極太)から200(極細)までの7つの異なるフォントの太さで小文字の「a」を表示したイラスト。

パス上のテキスト

カーブ、円、シェイプに沿ってテキストを流し込む。

進行中のヴィンテージスタイルのコーヒーロゴを示す、Affinityページレイアウトのスクリーンショット。「COFFEE」の上方のカーブしたパスに沿って「HERITAGE」という単語が配置され、その左右の側には「19」と「57」がある。

合字

技巧を凝らした文字のペアを切り替えてより明瞭なタイポグラフィを作成。

「f」と「i」の文字が合字として結合された様子を示すクローズアップ。タイポグラフィで自動合字がサポートされていることを例示している。

グリフ

キーボード以外の代替文字にアクセス。

グリフブラウザを示すスクリーンショット。代替文字のアンパーサンド (&) グリフをデザインに挿入するために使用されている。

フレームテキスト

柔軟性のあるレイアウトフレーム内でテキストを配置してコントロール。

雑誌スタイルのページレイアウトにおいて、リンクされたテキストフレーム内へ、テキストが自動的に流し込まれている様子を示すスクリーンショット。

アーティスティックテキスト

デザインオブジェクトのように拡大縮小し、そして移動する表現力豊かなタイポグラフィを作成。

「PALOMA」という単語をスタンドアローンのアーティスティックテキストとして配置した、雑誌のレイアウトを表示しているAffinityページレイアウトスタジオ。テキストオブジェクトが選択され、自由に位置決めやサイズ変更することが可能な、編集用の表示テキストを示している。

タイプコントロール

精度を持って間隔とスタイルを微調整。

フォント、サイズ、間隔、装飾などのテキストプロパティを編集するための、文字書式コントロールを示すスクリーンショット。
セクションの最後:高度なタイポグラフィを内蔵

高度なタイポグラフィを内蔵

Affinityは、現実世界のレイアウトでタイポグラフィに対するパワーフルなコントロールを付与。スタンドアローンのフォントデザインソフトの複雑さに頼らなくても、代替文字のグリフ、変更可能なフォント、アーティスティックセットなどで作業し、意図した通りのタイポグラフィの形成を実現。

リストの先頭:高度なタイポグラフィを内蔵

可変フォント

文字の太さ、幅、スタイルを微調整してパーフェクトなタイポグラフィを発見。

紫の背景に、800(極太)から200(極細)までの7つの異なるフォントの太さで小文字の「a」を表示したイラスト。

パス上のテキスト

カーブ、円、シェイプに沿ってテキストを流し込む。

進行中のヴィンテージスタイルのコーヒーロゴを示す、Affinityページレイアウトのスクリーンショット。「COFFEE」の上方のカーブしたパスに沿って「HERITAGE」という単語が配置され、その左右の側には「19」と「57」がある。

合字

技巧を凝らした文字のペアを切り替えてより明瞭なタイポグラフィを作成。

「f」と「i」の文字が合字として結合された様子を示すクローズアップ。タイポグラフィで自動合字がサポートされていることを例示している。

グリフ

キーボード以外の代替文字にアクセス。

グリフブラウザを示すスクリーンショット。代替文字のアンパーサンド (&) グリフをデザインに挿入するために使用されている。

フレームテキスト

柔軟性のあるレイアウトフレーム内でテキストを配置してコントロール。

雑誌スタイルのページレイアウトにおいて、リンクされたテキストフレーム内へ、テキストが自動的に流し込まれている様子を示すスクリーンショット。

アーティスティックテキスト

デザインオブジェクトのように拡大縮小し、そして移動する表現力豊かなタイポグラフィを作成。

「PALOMA」という単語をスタンドアローンのアーティスティックテキストとして配置した、雑誌のレイアウトを表示しているAffinityページレイアウトスタジオ。テキストオブジェクトが選択され、自由に位置決めやサイズ変更することが可能な、編集用の表示テキストを示している。

タイプコントロール

精度を持って間隔とスタイルを微調整。

フォント、サイズ、間隔、装飾などのテキストプロパティを編集するための、文字書式コントロールを示すスクリーンショット。
リストの最後:高度なタイポグラフィを内蔵
大きな文字が書かれた赤のポスター
Stay Deadの限定リリースのスタジオポスター
Stronghold Audioのブランディング
大きな文字が書かれた赤のポスター
Stay Deadの限定リリースのスタジオポスター
Stronghold Audioのブランディング
大きな文字が書かれた赤のポスター
Stay Deadの限定リリースのスタジオポスター
Laelをブランディングしたトートバッグ
ピザのスライスが飛び出している頭蓋骨(Crusty Boysのブランディング用)
『London Hackathon for Mundaine』の紫のポスター
Laelをブランディングしたトートバッグ
ピザのスライスが飛び出している頭蓋骨(Crusty Boysのブランディング用)
『London Hackathon for Mundaine』の紫のポスター
Laelをブランディングしたトートバッグ
ピザのスライスが飛び出している頭蓋骨(Crusty Boysのブランディング用)

Affinityで制作

「Affinityのベクターツールは、際立つアイデンティティを作成するためのタイポグラフィ上の正確さと自由を与えてくれる。本当に良いものだ」

ジェームス「Made By James」マーチン

ブランドデザイナー

Affinityで制作

「Affinityのベクターツールは、際立つアイデンティティを作成するためのタイポグラフィ上の正確さと自由を与えてくれる。本当に良いものだ」

ジェームス「Made By James」マーチン

ブランドデザイナー

大きな文字が書かれた赤のポスター
Stay Deadの限定リリースのスタジオポスター
Stronghold Audioのブランディング
Laelをブランディングしたトートバッグ
ピザのスライスが飛び出している頭蓋骨(Crusty Boysのブランディング用)
『London Hackathon for Mundaine』の紫のポスター

よくある質問

  • はい。Affinityは、OpenType、カーニングとトラッキングの調整、ベースラインシフト、パスのテキスト、再利用可能なスタイル、プロフェッショナルな印刷やデジタル活字組みに適したな段落のフルコントロールなど、プロフェッショナルで高度なタイポグラフィ機能をサポートします。

  • はい。書籍、レポート、編集用レイアウトのために、複数のページにわたるテキストフレームのリンクやマスターページの管理、再利用可能なスタイルによる一貫したタイポグラフィのコントロールが可能です。

  • Affinityは高度なフォントコントロールとOpenTypeの機能をサポートします。それは、複雑なデザインプロジェクト内のプロフェッショナルなフォントにより、パワーフルなツールを作業のために提供します。

  • AffinityはIDML、PDF、PSDなどの形式のインポートをサポートし、構造やタイポグラフィの意図を維持したまま、既存のレイアウトを移行することができます。

  • はい。テキストはすべての段階で完全に編集可能ななままなので、変更を止めたり、変更にこだわったりすることなくコンテンツ、フォーマット、スタイルを調整できます。