Skip to content

Commit

Permalink
Update URLs for "Trusting_Your_Eyes"
Browse files Browse the repository at this point in the history
Removed duplicate fa-IR/images for this page, and renamed
en-US/images files that contained blanks as this is a problem with
bidirectional languages plus blanks aren't supposed to be part of URLs.
  • Loading branch information
JoesCat committed Jun 15, 2024
1 parent ea76535 commit 5cb6568
Show file tree
Hide file tree
Showing 14 changed files with 28 additions and 23 deletions.
6 changes: 3 additions & 3 deletions en-US/Trusting_Your_Eyes.md
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@ Can you feel it?
The other one on the right has a horizontal bar which has been thinned to appear equal in
thickness.

<img src="images/H%20compensation2.png" alt>
<img src="images/H_compensation2.png" alt>

Glyphs in which optical adjustments have to be made are numerous and include A, E, F, L, H, f, t,
and z.
Expand All @@ -53,7 +53,7 @@ will seem slightly heavier than the vertical bar and slightly thinner than the h
want it look right, you will have to adjust it to be lighter like the horizontal example, but just a
little less.

<img src="images/Diag%20illusion.png" alt>
<img src="images/Diag_illusion.png" alt>

Glyphs in which this human perception may be relevant are quite numerous but include k, K, N, Q, R,
v, V, w, W, x, X, y, Y, 7, 2, &amp;, ł, Ł, &oslash;, &Oslash;, &radic;, ∕, &lsaquo;, &rsaquo;,
Expand All @@ -74,7 +74,7 @@ In the next picture below, the slant of the longer line has been adjusted:

Now let’s look at an actual italic, applying these corrections to the glyphs:

<img src="images/longer%20less%20slant.png" alt>
<img src="images/longer_less_slant.png" alt>

### Crossing diagonals

Expand Down
File renamed without changes
File renamed without changes
File renamed without changes
20 changes: 10 additions & 10 deletions fa-IR/Trusting_Your_Eyes.md
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ title: به چشمان‌تان اعتماد کنید
دلیل درستی این حرف این است که تعدادی خطای دید طبیعی وجود دارند که همه خوانندگان در معرض آن‌ها هستند.
این خطاهای دیداری باید در نظر گرفته شده و اَشکال حروف تا جایی تغییر یابند که در دید شما درست به نظر برسند.

می‌توانید در این
می‌توانید در این
[ویدئوهای بررسی تایپ](https://vimeo.com/typereview/videos)
ایده‌هایی در خصوص این که در کجا و در چه چیزهایی‌ها به دنبال تغییر بگیردید به دست بیاورید.

Expand All @@ -39,7 +39,7 @@ title: به چشمان‌تان اعتماد کنید

در حرف H سمت راست، نوار افقی نازک‌تر شده است تا حس ضخامت مشابه را به مخاطب بدهد.

<img src="images/H%20compensation2.png" alt>
<img src="../en-US/images/H_compensation2.png" alt>

گلیف‌هایی که باید چنین اصلاحاتی در آن‌ها داده شوند متعدد هستند و شامل موارد زیر می‌شوند:

Expand All @@ -50,7 +50,7 @@ A, E, F, L, H, f, t, z
به شکل مشابه، اگر نوارهای هم عرضی داشته باشید که یکی از آن‌ها به صورت قطری قرار گرفته باشد، نوار قطری اندکی سنگین‌تر، از نوار عمودی و اندکی نازک‌تر از نوار افقی به نظر می‌رسد.
اگر بخواهید درست دیده شود، لازم است که آن را تغییر داده و آن را اندکی نازک‌تر از نوار افقی کنی؛ اما فقط اندکی.

<img src="images/Diag%20illusion.png" alt>
<img src="../en-US/images/Diag_illusion.png" alt>

گلیف‌هایی که در آن‌ها چنین مشکلی می‌تواند بروز کند متعددند و شامل موارد زیر می‌شوند:

Expand All @@ -65,26 +65,26 @@ v, V, w, W, x, X, y, Y, 7, 2, &amp;, ł, Ł, &oslash;, &Oslash;, &radic;, ∕, &
تصویر زیر خطوط موربی با شیب یکسان نمایش مي‌دهد.
خط طولانی‌تر این گونه نشان می‌دهد که گویی زاویه‌اش متفاوت است.

<img src="images/pdiag.png" alt>
<img src="../en-US/images/pdiag.png" alt>

در تصویر زیر، زاویه خط بلندتر تغییر یافته است:

<img src="images/pdiag2.png" alt>
<img src="../en-US/images/pdiag2.png" alt>

اکنون بیایید نگاهی به گلیف‌های کج نگاهی داشته باشیم که چه طور چنین اصلاحی روی‌شان انجام شده است:

<img src="images/longer%20less%20slant.png" alt>
<img src="../en-US/images/longer_less_slant.png" alt>

### قطری متقاطع

وقتی یک نوار، نوار قطری یا خط مستقیم دیگری را قطع می‌کند نیاز به اصلاح دارد تا ناتراز دیده نشود.

<img src="images/compare-x.png" alt>
<img src="../en-US/images/compare-x.png" alt>

در مثال بالا، حرف X سمت چپ دارای دو نوار متقاطع اصلاح‌نشده است.
مثال سمت راست اصلاح شده است تا این نوارها تراز به نظر برسند.

<img src="images/myriad-x.png" alt>
<img src="../en-US/images/myriad-x.png" alt>

همان طور که در این تصویر با خطوط نقطه‌چین می‌بینید، با قدری جابجایی، خطوط به صورت تراز به نظر می‌رسند.

Expand All @@ -100,9 +100,9 @@ x, X, k, K, ×, #, and the Icelandic letter ‘eth’
گلیف‌هایی با نوک‌های تیز لازم است از این هم بلندتر باشند.
هر چه شکل تیزتر باشد، بیشتر نیاز به افزایش ارتفاع دارد تا درست به نظر برسد.

<img src="images/3Shapes.png" alt>
<img src="../en-US/images/3Shapes.png" alt>

در تصویر بالا، سه شکل ردیف بالا به درست اصلاح نشده‌اند
در تصویر بالا، سه شکل ردیف بالا به درست اصلاح نشده‌اند
&mdash;
به این معنا که ارتفاع‌شان دقیقا یکی است.
سه شکل ردیف پایین اما اصلاح شده‌اند تا این حس را بدهند که دارای ارتفاع یکسان‌اند.
Expand Down
Binary file removed fa-IR/images/3Shapes.png
Binary file not shown.
Binary file removed fa-IR/images/Diag illusion.png
Binary file not shown.
Binary file removed fa-IR/images/H compensation2.png
Binary file not shown.
Binary file removed fa-IR/images/compare-x.png
Binary file not shown.
Binary file removed fa-IR/images/longer less slant.png
Binary file not shown.
Binary file removed fa-IR/images/myriad-x.png
Binary file not shown.
8 changes: 4 additions & 4 deletions fr-FR/Trusting_Your_Eyes.md
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@ L'exemple de gauche montre un ‘H’ dont les barres sont exactement égales en
Pouvez-vous le voir?
L'autre sur la droite a une barre horizontale qui a été amincie pour apparaître égale en épaisseur.

<img src="../en-US/images/H%20compensation2.png" alt>
<img src="../en-US/images/H_compensation2.png" alt>

Les glyphes dans lesquels des ajustements optiques ont dû être faits sont nombreux et incluent A, E, F, L, H,
f, t et z.
Expand All @@ -53,7 +53,7 @@ diagonale semblera légèrement plus lourde que la barre verticale et légèreme
Si vous voulez que cela paraisse bien, vous devrez l'ajuster pour être plus légère que horizontal,
mais juste un peu moins.

<img src="../en-US/images/Diag%20illusion.png" alt>
<img src="../en-US/images/Diag_illusion.png" alt>

Les glyphes dans lesquels cette perception humaine peut être importante sont assez nombreux et incluent
k, K, N, Q, R, v, V, w, W, x, X, y, Y, 7, 2, &amp;, ł, Ł, &oslash;, &Oslash;, &radic;, ∕, &lsaquo;, &rsaquo;,
Expand All @@ -75,7 +75,7 @@ Dans l'image suivante, l'inclinaison de la ligne la plus longue a été ajustée

Maintenant, regardons une vraie italique, en appliquant ces corrections aux glyphes:

<img src="../en-US/images/longer%20less%20slant.png" alt>
<img src="../en-US/images/longer_less_slant.png" alt>

### Croisement des diagonales

Expand Down Expand Up @@ -138,7 +138,7 @@ surprises se produisent souvent. Plus vous concevez des polices, plus vous aurez
choix arbitraires.

En approchant de la fin du processus, si la police doit être utilisée de façon simple, les tests devraient
également rester simples. Cependant, si une police doit être utilisée de nombreuses façons ou dans un large
également rester simples. Cependant, si une police doit être utilisée de nombreuses façons ou dans un large
éventail d'environnements d'impression ou d'écran, elle doit être testée dans toutes ces situations, ce qui
inclut l'impression de divers échantillons de la police.

Expand Down
6 changes: 3 additions & 3 deletions ja-JP/Trusting_Your_Eyes.md
Original file line number Diff line number Diff line change
Expand Up @@ -30,15 +30,15 @@ title: 自分の目を信頼する

もう一つの右側は、縦棒と同じ太さに見えるように横棒を細くした「H」です。

<img src="../en-US/images/H compensation2.png" alt>
<img src="../en-US/images/H_compensation2.png" alt>

視覚的な調整を行なう必要があるグリフは多数あり、A、E、F、L、H、f、t、z などが含まれています。

### 斜め線の太さ Diagonal thickness

同様に、同じ太さの横棒があり、そのひとつが斜めになっている場合、斜め線は縦線よりも少し重く見え、水平線より少し細く見えます。このような文字を自然に見えるようにするには、水平線よりもほんの少しだけ軽く(細く)なるように調整する必要があります。

<img src="../en-US/images/Diag%20illusion.png" alt>
<img src="../en-US/images/Diag_illusion.png" alt>

この錯覚が関与する可能性のあるグリフは非常に多数ありますが、k、K、N、Q、R、v、V、w、W、x、X、y、Y、7、2、&amp;、ł、Ł、&oslash;&Oslash;&radic;、∕、&lsaquo;&rsaquo;&laquo;&raquo;、½、⅓、¼、&le;&ge;、および &times; が含まれています。

Expand All @@ -56,7 +56,7 @@ title: 自分の目を信頼する

では、こうした修正がグリフに適用された、実際のイタリック体を見てみましょう:

<img src="../en-US/images/longer%20less%20slant.png" alt>
<img src="../en-US/images/longer_less_slant.png" alt>

### 交差する斜め線 Crossing diagonals

Expand Down
11 changes: 8 additions & 3 deletions zh-CN/Trusting_Your_Eyes.md
Original file line number Diff line number Diff line change
Expand Up @@ -28,15 +28,15 @@ title: 相信你的眼睛

左边的例子展示了一个条形粗细相同的“H”。这看起来是不对的。你能感受到吗?右边的另一个水平的条形做的更细,这样看起来粗细相等。

<img src="../en-US/images/H%20compensation2.png" alt>
<img src="../en-US/images/H_compensation2.png" alt>

需要按照视觉做出调整的字形有很多,包括A、E、F、L、H、f、t和z。

### 斜向粗细

类似地,如果一些条形宽度相等,其中一个放在斜线上,那么斜向的条形看起来比竖直的条形粗并且比水平的条形细。如果你想让它看起来正确,那么你不得不像水平的例子一样将其调细一点,但是只是细一点点。

<img src="../en-US/images/Diag%20illusion.png" alt>
<img src="../en-US/images/Diag_illusion.png" alt>

令人产生错觉的相关字形十分多,包括k、K、N、Q、R,
v、V、w、W、x、X、y、Y、7、2、&amp;、ł、Ł、&oslash;&Oslash;&radic;、∕、&lsaquo;&rsaquo;
Expand All @@ -56,7 +56,7 @@ v、V、w、W、x、X、y、Y、7、2、&amp;、ł、Ł、&oslash;、&Oslash;、

现在我们来看真实的斜体,在字形上应用了这些修正:

<img src="../en-US/images/longer%20less%20slant.png" alt>
<img src="../en-US/images/longer_less_slant.png" alt>

### 交叉斜线

Expand Down Expand Up @@ -99,3 +99,8 @@ v、V、w、W、x、X、y、Y、7、2、&amp;、ł、Ł、&oslash;、&Oslash;、
当接近进程的尾声的时候,如果字体采用简单的方式来使用,那么测试也应该保持简单。但是如果一个字体将会有多种使用方式,或者在大范围的打印或屏幕环境下使用,那么测试应该覆盖这些情况的所有范围,包括打印字体的各种样例。

如果你对你打算的最终用途有明确定义的想法,那么设计时间将得到节省。但是这并不总是可行的,你的想法可能发展。关键的东西是考虑并定义尽你所能完整的用例,然后确保在设计字体时你的测试跟上你问自己的问题。

## Further Reading

* <http://typographica.org/on-typography/making-geometric-type-work/>
* <http://typedrawers.com/discussion/1085/the-letter-s>

0 comments on commit 5cb6568

Please sign in to comment.