「間違った」文字を揃えると、より「右」に表示されます

現在、クライアントのロゴに取り組んでいます。これが進行中の作業です。

Sが上の行と整列する必要があることは、私には明らかなようです。しかし、それを調整する最良の方法は、上部カーブがより突出していると考えられても、上部カーブではなくSの下部を調整することだと思います。次の例をご覧ください

ロゴのもう一方の端でも、AIフィールは同様のことができ、ロゴの最後にある空白の三角形を最小化します

最終結果は、その調整がより楽しいと思います

これは正しいと思うが、私のクライアントはそれを疑っている。この整合性は、私がキャリアの中で選んだ習慣であるため、正式に教えられたことはありません。実際、どこで拾ったのか思い出せません。

教えてください、私はここで悪い習慣を取りましたか？クライアントは正しいですか？これが正しい場合、このタイプのアライメントには名前がありますか？または、クライアントに紹介できる記事はありますか？

うん、これらは合法的なものであり、名前があります。

「視覚的アライメント」、または「光学的アライメント」

これが一般的な原則です-ルールではなく、視覚的に正しいと思われるものを目で揃えます。タイポグラフィだけでなく、視覚的な一貫性が重要なあらゆる場所で使用されます。たとえば、アイコンセットの設計-直線のエッジのアイコンと並んだときに曲線のアイコンをきれいに見せます。

以下のより具体的な技術用語はあまり使用されていません（検索する必要がありました）。好奇心のためにここにあります。

誤植のオーバーシュート

これは、厳密に停止するよりも自然に見えるため、キャラクターが適切な垂直ポイントを通過するときです。Joojaaの答えにはこれの多くの素晴らしい例があります。Microsoftのタイポグラフィ標準からこれを追加します（世界のコミックサンズを解き放つにもかかわらず、笑ってはいけません。これが使用される場所：

光学マージン調整

基本的に水平方向のオーバーシュート。通常、湾曲した文字や傾斜した文字、および硬い線に対して間違って見えるエッジにほとんど会わない他の文字に適用されます。それは基本的にマージンのタイトカーニングであり、適用される文字は一般的に他の場所でタイトカーニングを受け取るものと同じです。

ウィキペディアが現在どのように説明しているのかを次に示します。

多くのフォントを見ると、文字「s」の曲率がベースラインと他の多くの小さな文字の完全な位置合わせを貫通していることがわかります。そして、一般的なルールとして、丸い形がこれを行う傾向があります-まっすぐなエッジのベースラインを貫通します。私はブックマークのどこかにこの現象とその理由についての記事を掲載しましたが、現時点ではリンクが回避されています。

画像1：ベースラインを貫通する丸い「s」の例、ベースラインの貫通が強調表示されています。

見ると、非常に幾何学的なフォントでもこれを行います（画像1を参照）。これは頻繁に起こります-あまりにも頻繁に起こるので、原則として話されていると聞きました。ただし、状況によって状況や形状によって量がどのように異なるかに注意してください。ですから、今日でも、あなたの目が決定します。

目が鋭い場合は、一部の文字形式も垂直方向を横に貫通していることに気付くでしょう。それは同じ現象がそこでも起こるからです。

画像2：横に同じ効果。これは、直線と曲線が横に混在している場合によく起こります。

PS：申し訳ありませんが、私の一時的なワークステーションで利用できるフォントは少し制限されています。

これは、オーバーシュート（またはオーバーハング）と呼ばれる手法です。オーバーシュートを使用する理由は、（少なくとも純粋な数学の観点から）人間として物事を認識する方法が不正確だからです。

信じられない？説明させてください：

この画像を考慮してください：

円と三角形は同じ重さのように感じますか？真実は、それらは同じ高さであるが、異なる面積を持っているということです。

次に、同じ領域でどのように見えるかを示します。

円と三角形の両方に対して作成されたオーバーシュートに注意してください。円と三角形の両方がまだ視覚的に不均衡に見えますが（特に三角形）、スケールで遊んで、三角形の底を正方形に揃えると、次の視覚的に魅力的な画像が得られます：

ガイドなし：

オーバーシュートは両方で発生しますが、異なる方法で発生することに注意してください。これは悪い習慣とは正反対です。適切な視覚的バランスを得るために必要なことです。使用している特定の主題に基づいて、形状のサイズ変更、幅、間隔、配置をいじる必要があります。これに特定の公式はありません、それは組成と望ましい結果に依存します。垂直方向のサイズを変更する場合、適切な空白を維持するために、水平方向の間隔を同じ量だけ変更する必要がある可能性が高いことに注意してください。

ストロークの幅は、視覚的な配置に関しても有効です。これを見てください：

スケーリングと間隔が同じであっても、まったく正しいとは感じませんか？

ここでの結論は、ストロークの増加に応じて補正量を増やし、カウンターのバランスに注意を払う必要があるということです。実際、カウンターフォームがある場合、フォームのアウトラインを圧倒し、ソリッドフォーム自体よりも平衡がより重要になります。これは、任天堂が任天堂のスイッチのロゴを設計する際にまさに行ったことです。

詳細については、FábioMartins の記事「The Art of Eyeballing-Part III：Overshooting where I実際に画像とこの回答のコンテンツの一部を盗んだ場所」をご覧ください。

バックアップする記事はありませんが、経験からあなたが正しいことを伝えることができます。手動のカーニングと同様に、このように文字形式（およびその他のオブジェクト）を間隔を空けて配置することは、科学であり、芸術でもあります。正確な数字や数学ではなく、目と腸に案内させてください。

ここで重要なのは、目（つまり脳）が直線とは異なる方法で曲線を処理するということです。ハーフトーンを滑らかなトーンとして「見る」方法に多少似た方法で、あなたの目は、平均的な位置を、湾曲した文字形の知覚される「エッジ」として見つけます。ロゴフォームの位置は、この概念に従って「正しい」ものです。もちろん重要なのは、「セリフが突き出ているか、他のそのような文字通りの位置に固執する文字通りのクライアントに伝える方法です。

この種のことは、タイポグラフィのすべての時間に登場します。たとえば、中央の見出しでは、行の終わりに後続期間をオーバーハングさせるため、行は技術的に中心から外れていますが、行の平均重量は中心から外れています。