どうして私のテキストはまるで中心にないように見えるのでしょうか?


20

ここに画像の説明を入力してください

テキストが黒い画面の中心にない理由がわかりません。少し見上げます。整列ツールで入力されましたが、何らかの理由で、私には少し上に見えます。


テストとして、上部の行を下部の行と同じフォントの太さと幅に変更し(現在の上部の行と同じ上部の配置)、完全に中央に表示されることを確認します。
JMD

まあ、私はそれをPSに入れましたが、あなたの中心線は私が予想したように2つの線の間にありません(一番下の行の一番上までです)。テキストの周囲のバウンディングボックスに基づいて垂直方向に中央揃えしたようです。これは以下のコメントで対処できますが、多くの場合、子孫はテキストバウンディングボックスの高さにピクセルを追加しますが、 「。高すぎると思う場合は、40ピクセル下に移動すると、2本の線の間に中心線が配置されます。
ロブ・クレイグ

回答:


35

これは錯視です。

下のテキストの重さは、焦点を合わせていなくても目を引きます。その概念は「光学中心」と呼ばれ、よく文書化されています。数学の中心が適切に中心に配置されることはありません。ソフトウェアを知ることは、デザインを知ることと同じではありません。

ここに簡単なデモがあります。

光センターのデモ。

この記事はそれをかなりうまくカバーしています。


7

多くの場合、ページ(および画面)レイアウトは、ある種のグリッドまたは幾何学的なパターンで数学的に開始されます。しかし、ほぼすべての設計には、正しく見えるように「光学調整」が必要です。

あなたの場合、型はおそらく数学的に中心にありますが、光学的には中心ではありません。

タイプが少し高いと感じる場合は、それを少し押してください。


11
ルーラールール:「目とルーラーが同意しない場合、目が支配します。」:)
アランギルバートソン

4

私はあなたの写真からは本当にわかりませんが、同様の問題に遭遇しました。あなたが物事を想像しているとは思いません。短いバージョンが必要な場合、Illustratorは、フォントの幅や高さではなく、境界ボックスに基づいてテキストを中央揃えにします。

ここに画像の説明を入力してください

この例のさまざまな長方形のサイズは、テキストのemの高さ(青)、合計の高さ(緑)、および幅(ピンク)に正確に合わせられています。テキストの周囲の境界線は緑の長方形にきちんと収まっていますが、境界領域内のテキストは垂直方向に中央揃えされていないことがわかります。水平方向の中心でさえありません。

テキストを垂直方向に中央揃えする必要があるときはいつでも、実際のテキストと同じ高さの四角形を作成し(境界ボックスではありません!)、それを中央揃えにします。その後、あなたがしなければならないのは、スマートガイドとそれらを並べるだけです。(ただし、おそらくもっと良い方法があります)


これは基本的に私が投稿したものですが、写真では+1です。テキストボックスの中央のガジェットは、緑と青の両方のガイドの中央に揃えられていることに注意してください。
ヨリック

1

テキストを含むボックスの高さがテキストに含まれるテキストよりも高い場合、ボックスを中央に配置すると、テキストはフレーム内で上に表示されます。

自動センタリングを使用する前に、ボックスの高さがテキストの下部にできるだけ近いことを確認してください。


しかし、皆さんはそれを高く見ますか?それとも私だけですか?
デビッドマルティノーラシャン

いいえ、私は批判的にも測りもしませんでした。私はあなたの言葉をより高く評価しました。ツールを使用して自動センタリングしました。ツールの通常の使用法(タイプよりも高いボックスと、中心点として中心ガジェットを単純に使用する中心化ツール)が原因です。
ヨリック

0

これはほとんど錯視だと思います。

これに似たテキストを配置する必要があるときは、通常、テキストをコピーし、前に貼り付け、アウトラインに変換してからグループ化します。この方法では、境界ボックスは使用されません。次に、整列ツールを使用してグループをロックします。その後、ライブテキストを配置し、アウトラインのロックを解除して削除します。

同じ結論に達するには多くの方法があると確信しています。-アンディ

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.