Warum sieht Helvetica [Neue] in Illustrator absolut schrecklich aus?

In Illustrator CS4 + sah Helvetica auf meinem Mac immer schrecklich aus, einschließlich aller Betriebssystemversionen, unabhängig von Größe oder Einheiten. Unten sehen Sie Screenshots von Helvetica mit 12px, 24px und 36px.

Gibt es eine Möglichkeit, dem entgegenzuwirken? Andere Schriftarten sehen gut aus, aber Helvetica (Neue oder andere) sieht immer schrecklich aus, als ob das Subpixel-Rendering ausgeschaltet wäre.

Erstens gibt es zwei häufige Ursachen für wackeligen, falsch ausgerichteten, nicht zusammenhängenden Text, bei dem die Zeichen nicht richtig ausgerichtet oder in der richtigen Größe zueinander angeordnet sind, was in diesem speziellen Fall nicht der Fall ist :

• Fehlausrichtung zum Pixelraster. In neueren Versionen von Illustrator ist die Option "An Pixelraster ausrichten" verfügbar, sie wirkt sich jedoch auf alle Bereiche aus und hat Auswirkungen auf die Vermeidung von Strichstärken von weniger als 1pt. Mit dem Pixel Align-Skript (Download) von Wundes können Sie einzelne Objekte ohne weitere Konsequenzen pixelgenau ausrichten .
• Stellen Sie sicher, dass der Text nicht sehr leicht gedreht ist, da dies die Andeutungen verrückt macht.

In diesem speziellen Fall handelt es sich jedoch um eine Kombination der speziellen Art von Antialiasing und Andeutung. In Illustrator CS5 + gibt es ähnliche Optionen für die Anti-Aliasing-Funktion wie in Photoshop, sodass wir die Kombinationen vergleichen können (obere Zeilen sind 10 Helvetica Neue Light, untere Zeilen 14pt), von denen in CS4 anscheinend nur 'Sharp' verwendet wird:

Mit Hinweisen (z. B. Vorschau auf dem Bildschirm oder in CS5 + für das Web speichern, wenn "Typ optimiert" ausgewählt ist)

Ohne Hinweis (dh "Kunst optimiert" für das Web speichern oder weniger als CS4 für das Web speichern):

Sie können die hässliche Verzerrung sehen, die flache Buchstaben senkt und runde Buchstaben erhöht. Sie wird angezeigt, wenn die Andeutung aktiviert ist und wenn die Antialiasing-Funktion auf "Scharf" eingestellt ist , unabhängig davon, ob das Objekt selbst am Pixelraster ausgerichtet ist - aufgrund der Andeutung (Anpassen von Details an das Pixelraster) geschieht auf der Ebene der Details der einzelnen Zeichen, nicht auf der Ebene des Textobjekts.

(Ich kann nichts finden, das genau beschreibt, was die einzelnen Antialiasing-Methoden bewirken. Es sieht so aus, als würden "Crisp" und "Strong" die Andeutungen von Illustrator tatsächlich deaktivieren oder zumindest dämpfen.)

Beachten Sie auch , wie auf das Pixelgitter auszurichten das Textobjekt nicht machen , wenn ein kleiner Unterschied Hinting ausgeschaltet ist (zB die „il“ in Übel in der Sharp Fall). Aber das hat eine gewisse Zufälligkeit. Manchmal ist es eine Verbesserung, manchmal kann sich das Text-Rendering verschlechtern, manchmal macht es keinen Unterschied.

In CS6 haben Sie die Kontrolle über diese Dinge. Auf CS4 für in-Bild Text für Web - Ausgabe, würde die Abhilfe , die ich empfehlen ist Screenshots der On-Screen - Vorschau auf 100% zu Photoshop kopieren , wenn Sie das tun will , anspielend, und mit Für Web speichern und das Pixel Align Skript , wenn Sie Sie sollten keine Andeutungen machen und die beiden Bilder gegebenenfalls in Photoshop kombinieren, sie überlagern und Bereiche des einen löschen, in denen das andere gerendert werden soll. Oder wenden Sie den Text in Photoshop an und verwenden Sie die Anti-Aliasing-Steuerelemente.

Text mit Andeutungen ist in der Regel besser lesbar, aber in einigen Fällen läuft er schlecht ...

Adobe Illustrator und Adobe Photoshop verwenden kein Subpixel-Antialiasing. Dies ist einer der Gründe, warum beide in der Regel schlechter als der Benutzeroberflächentext in OS X rendern. Webseiten in Safari, Chrome und Firefox rendern auch in den meisten Fällen mit Subpixel-Antialiasing (dies hängt von der Webseite, den Techniken und ab) CSS allerdings).

Tatsächlich verwendet OS X nicht immer Subpixel-Antialiasing, nur wenn sich das Rendering auf einem undurchsichtigen Hintergrund befindet:

Text kann nur mit Subpixel-Antialiasing gezeichnet werden, wenn er gleichzeitig mit der Rasterung in einen vorhandenen undurchsichtigen Hintergrund eingefügt wird.

- Apples CATextLayer-Klassenreferenz

Außerdem verwendet Adobe eine andere Text-Rendering-Engine als OS X und Windows, um möglicherweise konsistente plattformübergreifende Ergebnisse zu erzielen.

Ich bin mir nicht sicher, warum die Helvetica Neue besonders schlecht oder anders ist. Es ist wahrscheinlich nur ein Symptom für größere Unterschiede.

Mein Vorschlag ist, die Datei ab und zu in der Apple-Vorschau zu öffnen. Es hat eine wesentlich bessere Textwiedergabe. Auf diese Weise können Sie das Problem zumindest umgehen, bis Sie sich für den Export entscheiden.

Bei Text, der auf dem Bildschirm gerendert wird, wird normalerweise ein gewisses Maß an Andeutungen und Antialiasing angewendet. Beides soll die Lesbarkeit des Textes auf dem Bildschirm verbessern.

Illustrator wendet hier ein anderes Maß an Andeutungen oder Anti-Aliasing auf das an, was Sie normalerweise in Ihrem Betriebssystem sehen. Daher sieht es anders aus (und für Sie sieht es falsch aus, da zum Thema Gewöhnungsbedürftigkeit viele Untersuchungen vorliegen) Das von ihnen gewählte Betriebssystem rendert den Text und alles andere sieht falsch aus.

Die gute Nachricht ist, dass es normalerweise nicht auf das Endergebnis ankommt. Wenn Sie sich in Illustrator mehr Gedanken über die erzeugte Vektorausgabe machen, als darüber, wie sie in Illustrator für Ihren Bildschirm gerastert aussieht. Wenn Illustrator es für Sie viel "netter" macht, gibt es dennoch keine sehr gute Vorschau auf die Ausgabe, da die gerasterte Anzeige des Bildschirms ein sehr begrenzender Faktor ist. Um eine gute Vorschau der Buchstabenformen zu erhalten, müssen Sie sehr genau zoomen, und um eine gute Vorschau des Ausdrucks zu erhalten, müssen Sie sie drucken.

Das Anti-Aliasing von Bildschirmtext verhindert hässliche Buchstabenformen infolge der Rasterisierung, es gibt jedoch mehrere Arten von Anti-Aliasing. Heutzutage verwenden die meisten Betriebssysteme Subpixel-Antialiasing. Dies ist der "knackigste" Typ, da die horizontale Auflösung verdreifacht wird, während in Ihrem Beispiel kein Anti-Subpixel-Antialiasing angezeigt wird. Infolgedessen sehen vertikale "Stiele" bei kleinen Größen nicht sehr scharf aus.

Die Andeutung von Bildschirmtext trägt dazu bei, die Stämme und Balken des Texts deutlicher und schärfer zu machen, indem sie so verschoben werden, dass sie am Pixelraster ausgerichtet sind. Betriebssysteme unterscheiden sich stark in ihrer Andeutung, wobei Windows dies sehr stark tut und Mac OS X kaum etwas davon tut. Infolgedessen sieht alles, was sich von dem unterscheidet, an das Sie gewöhnt sind, wahrscheinlich falsch aus (genauso wie schlechte Andeutungen auch falsch aussehen). In den Beispielen, die Sie bereitgestellt haben, wird stark angedeuteter Text angezeigt, und der Fehler am oberen Rand des Kleinbuchstabens "x" lässt mich glauben, dass Illustrator dies automatisch andeutet . Auto-Andeutungen können dazu führen, dass einige Schriftarten in Ordnung aussehen, während andere sehr schlecht aussehen. Insbesondere wenn Sie normalerweise Mac OS X verwenden, wird dies für Sie in beiden Fällen völlig falsch aussehen .

Wie gesagt, es hat keinen Einfluss auf das Endergebnis.

Auf meinem Computer sieht es ziemlich gut aus:

Angesichts der Einschränkungen von gerastertem Text ist dies so gut wie nie zuvor. Unterschiedliche Schriftarten eignen sich besser für kleine Schriftgrößen. Wenn Sie kein Subpixel-Rendering verwenden, das nur für gerätespezifische Renderings verfügbar ist (z. B. Webseiten- und UI-Text), müssen Sie mit der Tatsache leben, dass es für reguläre AA schwierig ist mit kontrastreichem Text (und Schwarz auf Weiß ist ungefähr so ​​kontrastreich wie es geht) bei niedrigen Auflösungen, wie z. B. typischen 72ppi-Desktop- / Laptop-Displays.

Wenn Sie Helvetica für Druckauflösungen über 300 dpi verwenden oder auf hochauflösenden LCDs rendern (oder nur auf großen regulären 72-PPI-LCDs, die für die Fernbetrachtung ausgelegt sind), ist dies kein Problem.